/* TOP INTERIOR — consolidated stylesheet */
/* Mobile-first global safeguards */
*,*::before,*::after{box-sizing:border-box}
html{min-width:0;overflow-x:hidden;-webkit-text-size-adjust:100%}
body{min-width:0;overflow-x:hidden}
img,svg,picture,video,canvas{display:block;max-width:100%;height:auto}
button,input,select,textarea,a{touch-action:manipulation}
button,input,select,textarea{font:inherit}
:focus-visible{outline:3px solid currentColor;outline-offset:3px}

/* ===== geberit-poptavka/geberit-poptavkovy-formular.html ===== */

/* Source: assets/css/geberit-poptavka-geberit-poptavkovy-formular.css */
/* Source style block 1 */
html.page-geberit-poptavka-geberit-poptavkovy-formular{--blue:#12539b;--blue2:#183f79;--black:#17191b;--red:#d9272e;--ink:#23272b;--muted:#69727a;--line:#dfe4e7;--soft:#f4f6f7;--green:#16845c;--shadow:0 8px 26px rgba(25,30,35,.08)}
html.page-geberit-poptavka-geberit-poptavkovy-formular *{box-sizing:border-box}html.page-geberit-poptavka-geberit-poptavkovy-formular{scroll-behavior:smooth}body.page-geberit-poptavka-geberit-poptavkovy-formular{margin:0;background:#eef1f3;color:var(--ink);font-family:Inter,Arial,Helvetica,sans-serif}
html.page-geberit-poptavka-geberit-poptavkovy-formular button, html.page-geberit-poptavka-geberit-poptavkovy-formular input, html.page-geberit-poptavka-geberit-poptavkovy-formular select{font:inherit}html.page-geberit-poptavka-geberit-poptavkovy-formular a{color:inherit}html.page-geberit-poptavka-geberit-poptavkovy-formular .topbar{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.97);border-top:5px solid var(--blue);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}
html.page-geberit-poptavka-geberit-poptavkovy-formular .topbar-inner{max-width:1240px;margin:auto;padding:13px 20px;display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center}html.page-geberit-poptavka-geberit-poptavkovy-formular .brand{display:flex;align-items:center;gap:13px}
html.page-geberit-poptavka-geberit-poptavkovy-formular .logo-mark{width:50px;height:50px;border-radius:9px;background:var(--blue);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:950;font-size:11px;box-shadow:inset 0 0 0 5px rgba(255,255,255,.18)}
html.page-geberit-poptavka-geberit-poptavkovy-formular .brand h1{margin:0;font-size:21px}html.page-geberit-poptavka-geberit-poptavkovy-formular .brand p{margin:3px 0 0;color:var(--muted);font-size:12px}html.page-geberit-poptavka-geberit-poptavkovy-formular .actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
html.page-geberit-poptavka-geberit-poptavkovy-formular .btn{border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 13px;cursor:pointer;font-weight:800}html.page-geberit-poptavka-geberit-poptavkovy-formular .btn.primary{background:var(--blue);border-color:var(--blue);color:#fff}
html.page-geberit-poptavka-geberit-poptavkovy-formular .badge{display:inline-flex;min-width:20px;height:20px;align-items:center;justify-content:center;background:#fff;color:var(--blue);border-radius:999px;margin-left:4px;font-size:11px}
html.page-geberit-poptavka-geberit-poptavkovy-formular .hero, html.page-geberit-poptavka-geberit-poptavkovy-formular .summary, html.page-geberit-poptavka-geberit-poptavkovy-formular .cart-wrap, html.page-geberit-poptavka-geberit-poptavkovy-formular main{max-width:1240px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}html.page-geberit-poptavka-geberit-poptavkovy-formular .hero{margin-top:22px}
html.page-geberit-poptavka-geberit-poptavkovy-formular .hero-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:var(--shadow)}html.page-geberit-poptavka-geberit-poptavkovy-formular .hero-grid{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:end}
html.page-geberit-poptavka-geberit-poptavkovy-formular .hero h2{margin:0 0 6px}html.page-geberit-poptavka-geberit-poptavkovy-formular .hero p{margin:0;color:var(--muted);line-height:1.5}html.page-geberit-poptavka-geberit-poptavkovy-formular .search{min-width:330px}html.page-geberit-poptavka-geberit-poptavkovy-formular .search label{display:block;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;color:var(--muted)}
html.page-geberit-poptavka-geberit-poptavkovy-formular .search input{width:100%;border:1px solid #cbd2d9;border-radius:10px;padding:12px 13px}html.page-geberit-poptavka-geberit-poptavkovy-formular .summary{margin-top:14px}html.page-geberit-poptavka-geberit-poptavkovy-formular .summary-card{display:flex;justify-content:space-between;gap:16px;align-items:center;background:var(--blue2);color:#fff;border-radius:14px;padding:14px 16px}
html.page-geberit-poptavka-geberit-poptavkovy-formular .summary-card span{color:#dce6f2}html.page-geberit-poptavka-geberit-poptavkovy-formular .cart-wrap{margin-top:14px;scroll-margin-top:92px}html.page-geberit-poptavka-geberit-poptavkovy-formular .cart-card{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}
html.page-geberit-poptavka-geberit-poptavkovy-formular .cart-head{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px 18px;background:#edf4fb;border-bottom:1px solid #cbdff2}html.page-geberit-poptavka-geberit-poptavkovy-formular .cart-head h2{margin:0;font-size:20px}html.page-geberit-poptavka-geberit-poptavkovy-formular .cart-head p{margin:4px 0 0;color:var(--muted);font-size:13px}
html.page-geberit-poptavka-geberit-poptavkovy-formular .cart-count{background:var(--blue);color:#fff;padding:7px 11px;border-radius:999px;font-size:12px;font-weight:900}html.page-geberit-poptavka-geberit-poptavkovy-formular .cart-empty{padding:22px 18px;text-align:center;color:var(--muted)}
html.page-geberit-poptavka-geberit-poptavkovy-formular .cart-table-wrap{overflow:auto}html.page-geberit-poptavka-geberit-poptavkovy-formular .cart-table{width:100%;border-collapse:collapse;min-width:1000px}html.page-geberit-poptavka-geberit-poptavkovy-formular .cart-table th, html.page-geberit-poptavka-geberit-poptavkovy-formular .cart-table td{padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top;text-align:left}
html.page-geberit-poptavka-geberit-poptavkovy-formular .cart-table th{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#65707a;background:#fafbfc}html.page-geberit-poptavka-geberit-poptavkovy-formular .cart-note{font-size:11px;color:var(--muted);margin-top:3px}html.page-geberit-poptavka-geberit-poptavkovy-formular .cart-remove{border:0;background:#e9eff7;color:#174c84;border-radius:8px;padding:7px 9px;font-weight:800;cursor:pointer}
html.page-geberit-poptavka-geberit-poptavkovy-formular main{margin-top:18px;margin-bottom:60px}html.page-geberit-poptavka-geberit-poptavkovy-formular .product-guide{margin:0 0 14px}html.page-geberit-poptavka-geberit-poptavkovy-formular .product-guide-card{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;padding:17px 19px;border-radius:16px;color:#fff;background:linear-gradient(125deg,#123c70 0%,#1763aa 68%,#35a4d6 130%);box-shadow:var(--shadow)}
html.page-geberit-poptavka-geberit-poptavkovy-formular .product-guide-icon{width:64px;height:70px;border-radius:11px;background:#fff;color:var(--blue);display:flex;flex-direction:column;align-items:center;justify-content:center}html.page-geberit-poptavka-geberit-poptavkovy-formular .product-guide-icon span{font-size:10px;font-weight:900;letter-spacing:.08em}html.page-geberit-poptavka-geberit-poptavkovy-formular .product-guide-icon b{font-size:27px;line-height:1}
html.page-geberit-poptavka-geberit-poptavkovy-formular .product-guide-copy h2{margin:2px 0 5px;font-size:23px}html.page-geberit-poptavka-geberit-poptavkovy-formular .product-guide-copy p{margin:0;color:#e2edf7;line-height:1.45;font-size:14px}html.page-geberit-poptavka-geberit-poptavkovy-formular .product-guide-eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.11em;font-weight:900;color:#ffe56b}
html.page-geberit-poptavka-geberit-poptavkovy-formular .product-guide-actions{display:flex;flex-direction:column;gap:7px}html.page-geberit-poptavka-geberit-poptavkovy-formular .product-guide-action{display:block;white-space:nowrap;background:#fff;color:var(--blue2);padding:10px 13px;border-radius:9px;font-weight:900;font-size:12px;text-decoration:none;text-align:center}
html.page-geberit-poptavka-geberit-poptavkovy-formular .compat-warning{margin:15px 0;background:#fff7df;border:1px solid #eed596;border-left:7px solid #e9a61a;border-radius:12px;padding:14px 16px;line-height:1.5}html.page-geberit-poptavka-geberit-poptavkovy-formular .compat-warning strong{display:block;margin-bottom:3px}html.page-geberit-poptavka-geberit-poptavkovy-formular .compat-warning p{margin:0;color:#6e6249;font-size:13px}
html.page-geberit-poptavka-geberit-poptavkovy-formular .category{margin-top:20px}html.page-geberit-poptavka-geberit-poptavkovy-formular .category-header{background:#fff;border:1px solid var(--line);border-left:8px solid var(--blue);border-radius:12px;padding:14px 16px;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center}
html.page-geberit-poptavka-geberit-poptavkovy-formular .category-header h2{margin:2px 0 0;font-size:21px}html.page-geberit-poptavka-geberit-poptavkovy-formular .eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.09em;font-weight:900;color:var(--blue)}html.page-geberit-poptavka-geberit-poptavkovy-formular .count{font-size:13px;color:var(--muted);font-weight:800}
html.page-geberit-poptavka-geberit-poptavkovy-formular .product-row{display:grid;grid-template-columns:355px 1fr;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;margin:10px 0;box-shadow:0 2px 8px rgba(30,35,40,.03)}
html.page-geberit-poptavka-geberit-poptavkovy-formular .product-row.selected{border-color:rgba(22,132,92,.5);box-shadow:0 0 0 3px rgba(22,132,92,.08)}html.page-geberit-poptavka-geberit-poptavkovy-formular .product-row.is-search-hidden{display:none!important}html.page-geberit-poptavka-geberit-poptavkovy-formular [hidden]{display:none!important}
html.page-geberit-poptavka-geberit-poptavkovy-formular .product-visual{background:#f3f5f6;padding:15px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:11px}html.page-geberit-poptavka-geberit-poptavkovy-formular .image-link{display:block;position:relative;border-radius:10px;overflow:hidden;background:#fff;border:1px solid #dfe4e8;text-decoration:none}
html.page-geberit-poptavka-geberit-poptavkovy-formular .image-link img{width:100%;height:250px;object-fit:contain;background:#fff;display:block;transition:.2s}html.page-geberit-poptavka-geberit-poptavkovy-formular .image-link span{position:absolute;left:8px;right:8px;bottom:7px;background:rgba(20,22,24,.88);color:#fff;padding:6px 8px;border-radius:7px;text-align:center;font-size:11px;font-weight:800;opacity:0;transform:translateY(4px);transition:.2s}
html.page-geberit-poptavka-geberit-poptavkovy-formular .image-link:hover img{transform:scale(1.025)}html.page-geberit-poptavka-geberit-poptavkovy-formular .image-link:hover span{opacity:1;transform:none}html.page-geberit-poptavka-geberit-poptavkovy-formular .info-box{background:#fff;border:1px solid #dce2e7;border-radius:10px;padding:10px 12px}html.page-geberit-poptavka-geberit-poptavkovy-formular .info-box small{display:block;color:var(--muted);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}html.page-geberit-poptavka-geberit-poptavkovy-formular .info-box strong{font-size:13px}html.page-geberit-poptavka-geberit-poptavkovy-formular .info-box em{display:block;font-size:10px;color:#858d95;font-style:normal;margin-top:3px}
html.page-geberit-poptavka-geberit-poptavkovy-formular .product-panel{padding:16px 18px;display:grid;grid-template-columns:1fr 200px;gap:12px 18px;align-items:start}html.page-geberit-poptavka-geberit-poptavkovy-formular .product-heading{grid-column:1/-1;display:flex;justify-content:space-between;gap:12px;align-items:start}html.page-geberit-poptavka-geberit-poptavkovy-formular .product-heading h3{margin:0;font-size:19px}html.page-geberit-poptavka-geberit-poptavkovy-formular .product-heading h3 a{text-decoration:none}html.page-geberit-poptavka-geberit-poptavkovy-formular .product-heading h3 a:hover{color:var(--blue);text-decoration:underline}html.page-geberit-poptavka-geberit-poptavkovy-formular .product-heading p{margin:5px 0 0;color:var(--muted);font-size:13px;line-height:1.48}
html.page-geberit-poptavka-geberit-poptavkovy-formular .order-number{display:inline-flex;width:30px;height:30px;border-radius:999px;background:var(--blue);color:#fff;align-items:center;justify-content:center;font-size:12px;font-weight:900;margin-right:8px;vertical-align:middle}html.page-geberit-poptavka-geberit-poptavkovy-formular .status{background:#eef1f4;color:#69727b;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:800;white-space:nowrap}html.page-geberit-poptavka-geberit-poptavkovy-formular .selected .status{background:#e5f6ee;color:var(--green)}
html.page-geberit-poptavka-geberit-poptavkovy-formular .request-table{width:100%;border-collapse:collapse;border:1px solid var(--line);border-radius:10px;overflow:hidden}html.page-geberit-poptavka-geberit-poptavkovy-formular .request-table th, html.page-geberit-poptavka-geberit-poptavkovy-formular .request-table td{border-bottom:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:middle}html.page-geberit-poptavka-geberit-poptavkovy-formular .request-table tr:last-child th, html.page-geberit-poptavka-geberit-poptavkovy-formular .request-table tr:last-child td{border-bottom:0}html.page-geberit-poptavka-geberit-poptavkovy-formular .request-table th{width:190px;background:var(--soft);font-size:12px;color:#59636d}html.page-geberit-poptavka-geberit-poptavkovy-formular .request-table input, html.page-geberit-poptavka-geberit-poptavkovy-formular .request-table select{width:100%;border:1px solid #cbd2d8;border-radius:8px;padding:9px 10px;background:#fff}
html.page-geberit-poptavka-geberit-poptavkovy-formular .add-btn{align-self:stretch;min-height:100%;border:0;background:var(--blue2);color:#fff;border-radius:10px;padding:14px;font-size:15px;font-weight:900;cursor:pointer}html.page-geberit-poptavka-geberit-poptavkovy-formular .selected .add-btn{background:var(--green)}
html.page-geberit-poptavka-geberit-poptavkovy-formular .empty{display:none;background:#fff4e8;border:1px solid #ffd6ad;padding:18px;border-radius:12px;margin-top:18px}html.page-geberit-poptavka-geberit-poptavkovy-formular .source-note{margin-top:18px;color:var(--muted);font-size:11px;line-height:1.5}
@media(max-width:900px){html.page-geberit-poptavka-geberit-poptavkovy-formular .topbar-inner{grid-template-columns:1fr}html.page-geberit-poptavka-geberit-poptavkovy-formular .actions{justify-content:flex-start}html.page-geberit-poptavka-geberit-poptavkovy-formular .hero-grid{grid-template-columns:1fr}html.page-geberit-poptavka-geberit-poptavkovy-formular .search{min-width:0}html.page-geberit-poptavka-geberit-poptavkovy-formular .product-guide-card{grid-template-columns:auto 1fr}html.page-geberit-poptavka-geberit-poptavkovy-formular .product-guide-actions{grid-column:1/-1}html.page-geberit-poptavka-geberit-poptavkovy-formular .product-row{grid-template-columns:1fr}html.page-geberit-poptavka-geberit-poptavkovy-formular .product-visual{border-right:0;border-bottom:1px solid var(--line)}html.page-geberit-poptavka-geberit-poptavkovy-formular .product-panel{grid-template-columns:1fr}html.page-geberit-poptavka-geberit-poptavkovy-formular .add-btn{min-height:auto}html.page-geberit-poptavka-geberit-poptavkovy-formular .product-heading{grid-column:auto}}
@media print{html.page-geberit-poptavka-geberit-poptavkovy-formular .topbar, html.page-geberit-poptavka-geberit-poptavkovy-formular .hero, html.page-geberit-poptavka-geberit-poptavkovy-formular .summary, html.page-geberit-poptavka-geberit-poptavkovy-formular .cart-wrap, html.page-geberit-poptavka-geberit-poptavkovy-formular .product-guide, html.page-geberit-poptavka-geberit-poptavkovy-formular .compat-warning, html.page-geberit-poptavka-geberit-poptavkovy-formular .add-btn, html.page-geberit-poptavka-geberit-poptavkovy-formular .status, html.page-geberit-poptavka-geberit-poptavkovy-formular .source-note{display:none!important}body.page-geberit-poptavka-geberit-poptavkovy-formular{background:#fff}html.page-geberit-poptavka-geberit-poptavkovy-formular main{max-width:none;margin:0;padding:0}html.page-geberit-poptavka-geberit-poptavkovy-formular .product-row{break-inside:avoid;box-shadow:none}html.page-geberit-poptavka-geberit-poptavkovy-formular .product-row:not(.selected){display:none}}

/* Integrace Geberit do TOP INTERIOR */
html.page-geberit-poptavka-geberit-poptavkovy-formular .topbar{
  padding:0!important;
}
html.page-geberit-poptavka-geberit-poptavkovy-formular .topbar-inner{
  width:100%!important;
  max-width:1180px!important;
  min-height:78px!important;
  margin:0 auto!important;
  padding:12px 20px!important;
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:minmax(270px,1fr) 817px!important;
  gap:18px!important;
  align-items:center!important;
}
html.page-geberit-poptavka-geberit-poptavkovy-formular .topbar .brand{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:13px!important;
}
html.page-geberit-poptavka-geberit-poptavkovy-formular .form-brand-logo{
  display:block!important;
  width:138px!important;
  height:48px!important;
  flex:0 0 138px!important;
  object-fit:contain!important;
  object-position:left center!important;
}
html.page-geberit-poptavka-geberit-poptavkovy-formular .topbar .brand h1{
  margin:0!important;
  font-size:17px!important;
  line-height:1.18!important;
}
html.page-geberit-poptavka-geberit-poptavkovy-formular .topbar .brand p{
  margin:3px 0 0!important;
  font-size:11px!important;
  line-height:1.25!important;
}
html.page-geberit-poptavka-geberit-poptavkovy-formular .topbar .actions{
  width:817px!important;
  display:grid!important;
  grid-template-columns:150px 88px 120px 105px 220px 94px!important;
  gap:8px!important;
  align-items:stretch!important;
  justify-content:stretch!important;
  margin:0!important;
}
html.page-geberit-poptavka-geberit-poptavkovy-formular .topbar .actions > a, html.page-geberit-poptavka-geberit-poptavkovy-formular .topbar .actions > button{
  width:100%!important;
  height:44px!important;
  min-height:44px!important;
  margin:0!important;
  padding:8px 9px!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  line-height:1.12!important;
  font-size:11px!important;
  text-decoration:none!important;
  white-space:normal!important;
}
html.page-geberit-poptavka-geberit-poptavkovy-formular .geberit-unified-info{
  max-width:1180px;
  margin:14px auto 0;
  padding:12px 20px;
  color:#5d6670;
  font-size:12px;
  line-height:1.5;
  box-sizing:border-box;
}
html.page-geberit-poptavka-geberit-poptavkovy-formular .geberit-unified-info strong{
  color:#12539b;
}
@media(max-width:1180px){
  html.page-geberit-poptavka-geberit-poptavkovy-formular .topbar-inner{
    grid-template-columns:1fr!important;
  }
  html.page-geberit-poptavka-geberit-poptavkovy-formular .topbar .actions{
    width:100%!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}
@media(max-width:700px){
  html.page-geberit-poptavka-geberit-poptavkovy-formular .form-brand-logo{
    width:118px!important;
    height:43px!important;
    flex-basis:118px!important;
  }
  html.page-geberit-poptavka-geberit-poptavkovy-formular .topbar .actions{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

/* Source style block 2 */
body.page-geberit-poptavka-geberit-poptavkovy-formular{font-family:Arial;margin:28px;color:#20252b}
      html.page-geberit-poptavka-geberit-poptavkovy-formular h1{margin:0 0 5px;color:#12539b}
      html.page-geberit-poptavka-geberit-poptavkovy-formular table{width:100%;border-collapse:collapse;margin-top:20px;font-size:12px}
      html.page-geberit-poptavka-geberit-poptavkovy-formular th, html.page-geberit-poptavka-geberit-poptavkovy-formular td{border:1px solid #d9dee2;padding:9px;text-align:left;vertical-align:top}
      html.page-geberit-poptavka-geberit-poptavkovy-formular th{background:#edf4fb}html.page-geberit-poptavka-geberit-poptavkovy-formular small{color:#68717b}


/* Source: assets/css/site-responsive.css */
/* Shared responsive and accessibility layer. Mobile-first; page-specific CSS remains unchanged. */
html.page-geberit-poptavka-geberit-poptavkovy-formular{ --touch-target: 2.75rem; }
html.page-geberit-poptavka-geberit-poptavkovy-formular{ width: 100%; overflow-x: hidden; -webkit-text-size-adjust: 100%; }
body.page-geberit-poptavka-geberit-poptavkovy-formular{ width: 100%; min-width: 0; overflow-x: clip; }
html.page-geberit-poptavka-geberit-poptavkovy-formular img, html.page-geberit-poptavka-geberit-poptavkovy-formular picture, html.page-geberit-poptavka-geberit-poptavkovy-formular video, html.page-geberit-poptavka-geberit-poptavkovy-formular canvas, html.page-geberit-poptavka-geberit-poptavkovy-formular svg{ display: block; max-width: 100%; height: auto; }
html.page-geberit-poptavka-geberit-poptavkovy-formular iframe{ max-width: 100%; }
html.page-geberit-poptavka-geberit-poptavkovy-formular main, html.page-geberit-poptavka-geberit-poptavkovy-formular section, html.page-geberit-poptavka-geberit-poptavkovy-formular article, html.page-geberit-poptavka-geberit-poptavkovy-formular header, html.page-geberit-poptavka-geberit-poptavkovy-formular footer, html.page-geberit-poptavka-geberit-poptavkovy-formular nav, html.page-geberit-poptavka-geberit-poptavkovy-formular form, html.page-geberit-poptavka-geberit-poptavkovy-formular fieldset, html.page-geberit-poptavka-geberit-poptavkovy-formular .wrap, html.page-geberit-poptavka-geberit-poptavkovy-formular .container{ min-width: 0; }
html.page-geberit-poptavka-geberit-poptavkovy-formular button, html.page-geberit-poptavka-geberit-poptavkovy-formular input, html.page-geberit-poptavka-geberit-poptavkovy-formular select, html.page-geberit-poptavka-geberit-poptavkovy-formular textarea{ max-width: 100%; font: inherit; }
html.page-geberit-poptavka-geberit-poptavkovy-formular button, html.page-geberit-poptavka-geberit-poptavkovy-formular input[type="button"], html.page-geberit-poptavka-geberit-poptavkovy-formular input[type="submit"], html.page-geberit-poptavka-geberit-poptavkovy-formular input[type="reset"], html.page-geberit-poptavka-geberit-poptavkovy-formular select, html.page-geberit-poptavka-geberit-poptavkovy-formular .btn, html.page-geberit-poptavka-geberit-poptavkovy-formular .button, html.page-geberit-poptavka-geberit-poptavkovy-formular [role="button"]{ min-height: var(--touch-target); }
html.page-geberit-poptavka-geberit-poptavkovy-formular textarea{ min-height: 7rem; resize: vertical; }
html.page-geberit-poptavka-geberit-poptavkovy-formular .ti-mobile-menu-toggle{
  display: inline-flex; align-items: center; justify-content: center; gap: .5rem;
  min-width: var(--touch-target); min-height: var(--touch-target); padding: .65rem .8rem;
  border: 1px solid rgba(214,177,95,.7); background: rgba(18,8,28,.72);
  color: #f4ead0; font-weight: 800; cursor: pointer;
}
html.page-geberit-poptavka-geberit-poptavkovy-formular .ti-mobile-menu-toggle__icon, html.page-geberit-poptavka-geberit-poptavkovy-formular .ti-mobile-menu-toggle__icon::before, html.page-geberit-poptavka-geberit-poptavkovy-formular .ti-mobile-menu-toggle__icon::after{
  display: block; width: 1.25rem; height: .125rem; background: currentColor; content: ""; transition: transform .2s ease;
}
html.page-geberit-poptavka-geberit-poptavkovy-formular .ti-mobile-menu-toggle__icon{ position: relative; }
html.page-geberit-poptavka-geberit-poptavkovy-formular .ti-mobile-menu-toggle__icon::before{ position: absolute; top: -.4rem; }
html.page-geberit-poptavka-geberit-poptavkovy-formular .ti-mobile-menu-toggle__icon::after{ position: absolute; top: .4rem; }
html.page-geberit-poptavka-geberit-poptavkovy-formular header.ti-mobile-nav-header{ flex-wrap: wrap; }
html.page-geberit-poptavka-geberit-poptavkovy-formular header.ti-mobile-nav-header > nav{ display: none !important; width: 100%; flex-direction: column; align-items: stretch; gap: .25rem; padding-top: .75rem; }
html.page-geberit-poptavka-geberit-poptavkovy-formular header.ti-nav-open > nav{ display: flex !important; }
html.page-geberit-poptavka-geberit-poptavkovy-formular header.ti-mobile-nav-header > nav a{ display: flex; align-items: center; min-height: var(--touch-target); padding: .65rem .75rem; }
@media (max-width: 47.99rem) {
  html.page-geberit-poptavka-geberit-poptavkovy-formular h1{ overflow-wrap: anywhere; }
  html.page-geberit-poptavka-geberit-poptavkovy-formular .wrap, html.page-geberit-poptavka-geberit-poptavkovy-formular .container{ width: 100%; padding-inline: clamp(1rem, 4vw, 1.5rem); }
  html.page-geberit-poptavka-geberit-poptavkovy-formular .grid, html.page-geberit-poptavka-geberit-poptavkovy-formular .cards, html.page-geberit-poptavka-geberit-poptavkovy-formular .card-grid, html.page-geberit-poptavka-geberit-poptavkovy-formular .brand-grid, html.page-geberit-poptavka-geberit-poptavkovy-formular .product-grid, html.page-geberit-poptavka-geberit-poptavkovy-formular .form-grid{ grid-template-columns: minmax(0, 1fr) !important; }
  html.page-geberit-poptavka-geberit-poptavkovy-formular table{ display: block; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
}
@media (min-width: 56.25rem) {
  html.page-geberit-poptavka-geberit-poptavkovy-formular .ti-mobile-menu-toggle{ display: none; }
  html.page-geberit-poptavka-geberit-poptavkovy-formular header.ti-mobile-nav-header{ flex-wrap: nowrap; }
  html.page-geberit-poptavka-geberit-poptavkovy-formular header.ti-mobile-nav-header > nav{ display: flex !important; width: auto; flex-direction: row; align-items: center; padding-top: 0; }
  html.page-geberit-poptavka-geberit-poptavkovy-formular header.ti-mobile-nav-header > nav a{ min-height: auto; padding: 0; }
}
@media (prefers-reduced-motion: reduce) {
  html.page-geberit-poptavka-geberit-poptavkovy-formular *, html.page-geberit-poptavka-geberit-poptavkovy-formular *::before, html.page-geberit-poptavka-geberit-poptavkovy-formular *::after{ scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}


/* Source: assets/css/top-interior-velvet-header.css */
/* Krok 97 – jednotná sametová horní lišta a logo TOP INTERIOR */
body.page-geberit-poptavka-geberit-poptavkovy-formular > header, body.page-geberit-poptavka-geberit-poptavkovy-formular > .topbar{
  background-color:#17081f!important;
  background-image:
    linear-gradient(90deg,rgba(8,3,12,.28),rgba(42,8,54,.08) 45%,rgba(8,3,12,.38)),
    url("../assets/images/top-interior-velvet-header.jpg")!important;
  background-position:center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  border-top:0!important;
  border-bottom:1px solid rgba(214,177,95,.58)!important;
  box-shadow:0 9px 28px rgba(0,0,0,.34)!important;
}

/* Hlavní logo na standardních stránkách */
body.page-geberit-poptavka-geberit-poptavkovy-formular > header .top-interior-site-logo, body.page-geberit-poptavka-geberit-poptavkovy-formular > .topbar .top-interior-site-logo{
  display:block!important;
  flex:0 0 auto!important;
  width:clamp(220px,18vw,280px)!important;
  max-width:42vw!important;
  line-height:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.page-geberit-poptavka-geberit-poptavkovy-formular > header .top-interior-site-logo img, body.page-geberit-poptavka-geberit-poptavkovy-formular > .topbar .top-interior-site-logo img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  filter:drop-shadow(0 3px 4px rgba(0,0,0,.8)) drop-shadow(0 0 8px rgba(214,177,95,.16));
}
body.page-geberit-poptavka-geberit-poptavkovy-formular > header nav a, body.page-geberit-poptavka-geberit-poptavkovy-formular > header .nav a, body.page-geberit-poptavka-geberit-poptavkovy-formular > header .back, body.page-geberit-poptavka-geberit-poptavkovy-formular > header .outline{
  color:#f3e9f5!important;
  text-shadow:0 1px 3px rgba(0,0,0,.75);
}
body.page-geberit-poptavka-geberit-poptavkovy-formular > header nav a:hover, body.page-geberit-poptavka-geberit-poptavkovy-formular > header .nav a:hover{color:#f1cf77!important}

/* Logo TOP INTERIOR doplněné do poptávkových formulářů */
html.page-geberit-poptavka-geberit-poptavkovy-formular .ti-form-site-logo{
  position:absolute;
  left:20px;
  top:50%;
  transform:translateY(-50%);
  display:block;
  width:clamp(178px,15vw,220px);
  max-width:23vw;
  line-height:0;
  z-index:2;
}
html.page-geberit-poptavka-geberit-poptavkovy-formular .ti-form-site-logo img{
  display:block;
  width:100%;
  height:auto;
  filter:drop-shadow(0 3px 4px rgba(0,0,0,.82)) drop-shadow(0 0 7px rgba(214,177,95,.14));
}
body.page-geberit-poptavka-geberit-poptavkovy-formular > header.topbar .topbar-inner, body.page-geberit-poptavka-geberit-poptavkovy-formular > .topbar .topbar-inner{
  position:relative!important;
  max-width:1500px!important;
  min-height:78px!important;
  padding-left:clamp(222px,20vw,292px)!important;
}
body.page-geberit-poptavka-geberit-poptavkovy-formular > header.topbar .brand h1, body.page-geberit-poptavka-geberit-poptavkovy-formular > header.topbar .brand p, body.page-geberit-poptavka-geberit-poptavkovy-formular > .topbar .brand h1, body.page-geberit-poptavka-geberit-poptavkovy-formular > .topbar .brand p, body.page-geberit-poptavka-geberit-poptavkovy-formular > header.topbar .brand-title h1, body.page-geberit-poptavka-geberit-poptavkovy-formular > header.topbar .brand-title p, body.page-geberit-poptavka-geberit-poptavkovy-formular > .topbar .brand-title h1, body.page-geberit-poptavka-geberit-poptavkovy-formular > .topbar .brand-title p{
  color:#fff!important;
  text-shadow:0 1px 3px rgba(0,0,0,.75)!important;
}
body.page-geberit-poptavka-geberit-poptavkovy-formular > header.topbar .brand p, body.page-geberit-poptavka-geberit-poptavkovy-formular > .topbar .brand p, body.page-geberit-poptavka-geberit-poptavkovy-formular > header.topbar .brand-title p, body.page-geberit-poptavka-geberit-poptavkovy-formular > .topbar .brand-title p{color:#ded0e5!important}
body.page-geberit-poptavka-geberit-poptavkovy-formular > header.topbar .actions .btn, body.page-geberit-poptavka-geberit-poptavkovy-formular > .topbar .actions .btn, body.page-geberit-poptavka-geberit-poptavkovy-formular > header.topbar .actions a, body.page-geberit-poptavka-geberit-poptavkovy-formular > .topbar .actions a{
  box-shadow:0 3px 10px rgba(0,0,0,.22);
}

/* Obecný značkový poptávkový formulář */
body.page-geberit-poptavka-geberit-poptavkovy-formular > header .generic-topbar-inner{
  position:relative!important;
  width:100%!important;
  max-width:1500px!important;
  margin:auto!important;
  min-height:64px!important;
  padding-left:clamp(222px,20vw,292px)!important;
}
body.page-geberit-poptavka-geberit-poptavkovy-formular > header .generic-form-brand, body.page-geberit-poptavka-geberit-poptavkovy-formular > header .generic-top-actions{color:#fff!important}

/* Interaktivní koupelna */
body.page-geberit-poptavka-geberit-poptavkovy-formular > header .ti-inline-header-logo{
  display:block;
  width:clamp(220px,20vw,292px);
  line-height:0;
  margin:0 0 10px;
}
body.page-geberit-poptavka-geberit-poptavkovy-formular > header .ti-inline-header-logo img{display:block;width:100%;height:auto;filter:drop-shadow(0 3px 4px rgba(0,0,0,.8))}
body.page-geberit-poptavka-geberit-poptavkovy-formular > header.ti-inline-header{max-width:none!important;margin:0!important;padding:14px max(24px,calc((100vw - 1760px)/2)) 15px!important}
body.page-geberit-poptavka-geberit-poptavkovy-formular > header.ti-inline-header h1{color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.75)}

@media(max-width:900px){
  body.page-geberit-poptavka-geberit-poptavkovy-formular > header .top-interior-site-logo, body.page-geberit-poptavka-geberit-poptavkovy-formular > .topbar .top-interior-site-logo{width:210px!important;max-width:60vw!important}
  body.page-geberit-poptavka-geberit-poptavkovy-formular > header.topbar .topbar-inner, body.page-geberit-poptavka-geberit-poptavkovy-formular > .topbar .topbar-inner, body.page-geberit-poptavka-geberit-poptavkovy-formular > header .generic-topbar-inner{
    padding-left:20px!important;
    min-height:0!important;
  }
  html.page-geberit-poptavka-geberit-poptavkovy-formular .ti-form-site-logo{
    position:relative;
    left:auto;top:auto;transform:none;
    width:210px;max-width:64vw;
    grid-column:1/-1;
    margin:0 0 4px;
  }
}
@media(max-width:560px){
  body.page-geberit-poptavka-geberit-poptavkovy-formular > header .top-interior-site-logo, body.page-geberit-poptavka-geberit-poptavkovy-formular > .topbar .top-interior-site-logo{width:188px!important;max-width:66vw!important}
  html.page-geberit-poptavka-geberit-poptavkovy-formular .ti-form-site-logo{width:190px}
}


/* Krok 98 – sjednocené logo, zvětšená hlavní lišta a informační doložka */
html.page-geberit-poptavka-geberit-poptavkovy-formular{
  --ti-logo-secondary-width:clamp(190px,16vw,230px);
  --ti-logo-form-width:clamp(162px,14vw,184px);
}

/* Jednotný vzhled loga na všech běžných a interních stránkách */
body.page-geberit-poptavka-geberit-poptavkovy-formular > header .top-interior-site-logo, body.page-geberit-poptavka-geberit-poptavkovy-formular > .topbar .top-interior-site-logo{
  width:var(--ti-logo-secondary-width)!important;
  max-width:min(48vw,230px)!important;
  min-width:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.page-geberit-poptavka-geberit-poptavkovy-formular > header .top-interior-site-logo img, body.page-geberit-poptavka-geberit-poptavkovy-formular > .topbar .top-interior-site-logo img, html.page-geberit-poptavka-geberit-poptavkovy-formular .ti-form-site-logo img, body.page-geberit-poptavka-geberit-poptavkovy-formular > header .ti-inline-header-logo img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  clip-path:none!important;
}

/* Hlavní stránka: lišta přibližně o 70 % vyšší a úměrně větší logo */
body.page-geberit-poptavka-geberit-poptavkovy-formular > header.ti-main-header{
  min-height:106px!important;
  padding:22px 3vw!important;
  align-items:center!important;
}
body.page-geberit-poptavka-geberit-poptavkovy-formular > header.ti-main-header .top-interior-site-logo{
  width:clamp(300px,24vw,372px)!important;
  max-width:38vw!important;
}
body.page-geberit-poptavka-geberit-poptavkovy-formular > header.ti-main-header nav{
  align-self:center!important;
}

/* Poptávkové formuláře: celé, nepřerostlé a shodné logo */
html.page-geberit-poptavka-geberit-poptavkovy-formular .ti-form-site-logo{
  position:absolute!important;
  left:22px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  display:block!important;
  width:var(--ti-logo-form-width)!important;
  max-width:184px!important;
  min-width:0!important;
  line-height:0!important;
  overflow:visible!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  z-index:3!important;
}
body.page-geberit-poptavka-geberit-poptavkovy-formular > header.topbar .topbar-inner, body.page-geberit-poptavka-geberit-poptavkovy-formular > .topbar .topbar-inner, body.page-geberit-poptavka-geberit-poptavkovy-formular > header .generic-topbar-inner{
  padding-left:clamp(212px,18vw,246px)!important;
  min-height:82px!important;
}

/* Společná informační doložka ve spodní části všech stránek */
html.page-geberit-poptavka-geberit-poptavkovy-formular .ti-site-notice{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:22px max(22px,5vw)!important;
  border-top:1px solid rgba(214,177,95,.32)!important;
  background:#09050f!important;
  color:#cfc2d5!important;
  font:400 11px/1.65 Inter,Arial,sans-serif!important;
  letter-spacing:0!important;
  text-align:left!important;
}
html.page-geberit-poptavka-geberit-poptavkovy-formular .ti-site-notice strong{
  color:#e2c577!important;
  font-weight:800!important;
}
html.page-geberit-poptavka-geberit-poptavkovy-formular .ti-site-notice p{
  max-width:1380px!important;
  margin:0 auto!important;
}

@media(max-width:1180px){
  body.page-geberit-poptavka-geberit-poptavkovy-formular > header.ti-main-header{
    min-height:0!important;
    padding:19px 3vw!important;
  }
  body.page-geberit-poptavka-geberit-poptavkovy-formular > header.ti-main-header .top-interior-site-logo{
    width:clamp(270px,34vw,340px)!important;
    max-width:58vw!important;
  }
}
@media(max-width:900px){
  body.page-geberit-poptavka-geberit-poptavkovy-formular > header .top-interior-site-logo, body.page-geberit-poptavka-geberit-poptavkovy-formular > .topbar .top-interior-site-logo{
    width:210px!important;
    max-width:64vw!important;
  }
  body.page-geberit-poptavka-geberit-poptavkovy-formular > header.ti-main-header{
    padding:18px 20px!important;
  }
  body.page-geberit-poptavka-geberit-poptavkovy-formular > header.ti-main-header .top-interior-site-logo{
    width:260px!important;
    max-width:72vw!important;
  }
  body.page-geberit-poptavka-geberit-poptavkovy-formular > header.topbar .topbar-inner, body.page-geberit-poptavka-geberit-poptavkovy-formular > .topbar .topbar-inner, body.page-geberit-poptavka-geberit-poptavkovy-formular > header .generic-topbar-inner{
    padding-left:20px!important;
    min-height:0!important;
  }
  html.page-geberit-poptavka-geberit-poptavkovy-formular .ti-form-site-logo{
    position:relative!important;
    left:auto!important;
    top:auto!important;
    transform:none!important;
    width:184px!important;
    max-width:56vw!important;
    grid-column:1/-1!important;
    margin:0 0 8px!important;
  }
}
@media(max-width:560px){
  body.page-geberit-poptavka-geberit-poptavkovy-formular > header.ti-main-header .top-interior-site-logo{
    width:232px!important;
    max-width:78vw!important;
  }
  html.page-geberit-poptavka-geberit-poptavkovy-formular .ti-form-site-logo{
    width:172px!important;
    max-width:62vw!important;
  }
  html.page-geberit-poptavka-geberit-poptavkovy-formular .ti-site-notice{
    padding:18px 17px!important;
    font-size:10.5px!important;
  }
}


/* Krok 99 – kompaktnější hlavní lišta a dvouřádkové hlavičky poptávek */
html.page-geberit-poptavka-geberit-poptavkovy-formular{
  --ti-logo-shared-width:clamp(300px,24vw,372px);
}

/* Jedna velikost a jeden vzhled loga na všech stránkách. */
body.page-geberit-poptavka-geberit-poptavkovy-formular > header .top-interior-site-logo, body.page-geberit-poptavka-geberit-poptavkovy-formular > .topbar .top-interior-site-logo, html.page-geberit-poptavka-geberit-poptavkovy-formular .ti-form-site-logo, body.page-geberit-poptavka-geberit-poptavkovy-formular > header .ti-inline-header-logo{
  width:var(--ti-logo-shared-width)!important;
  max-width:38vw!important;
  min-width:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  line-height:0!important;
}
body.page-geberit-poptavka-geberit-poptavkovy-formular > header .top-interior-site-logo img, body.page-geberit-poptavka-geberit-poptavkovy-formular > .topbar .top-interior-site-logo img, html.page-geberit-poptavka-geberit-poptavkovy-formular .ti-form-site-logo img, body.page-geberit-poptavka-geberit-poptavkovy-formular > header .ti-inline-header-logo img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:left center!important;
  clip-path:none!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* Hlavní stránka: lišta o přibližně 10 % nižší, velikost loga zůstává. */
body.page-geberit-poptavka-geberit-poptavkovy-formular > header.ti-main-header, body.page-geberit-poptavka-geberit-poptavkovy-formular > header.ti-request-hub-header{
  min-height:96px!important;
  padding:20px 3vw!important;
  align-items:center!important;
}
body.page-geberit-poptavka-geberit-poptavkovy-formular > header.ti-main-header .top-interior-site-logo, body.page-geberit-poptavka-geberit-poptavkovy-formular > header.ti-request-hub-header .top-interior-site-logo{
  width:var(--ti-logo-shared-width)!important;
  max-width:38vw!important;
}

/* Poptávkové formuláře: logo je samostatně v prvním řádku vlevo. */
body.page-geberit-poptavka-geberit-poptavkovy-formular > header.topbar .topbar-inner, body.page-geberit-poptavka-geberit-poptavkovy-formular > .topbar .topbar-inner{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-areas:
    "ti-logo ti-logo"
    "ti-brand ti-actions"!important;
  align-items:center!important;
  column-gap:22px!important;
  row-gap:13px!important;
  width:100%!important;
  max-width:none!important;
  padding:18px 3vw!important;
  min-height:0!important;
}
body.page-geberit-poptavka-geberit-poptavkovy-formular > header.topbar .topbar-inner > .ti-form-site-logo, body.page-geberit-poptavka-geberit-poptavkovy-formular > .topbar .topbar-inner > .ti-form-site-logo{
  grid-area:ti-logo!important;
  position:relative!important;
  left:auto!important;
  top:auto!important;
  transform:none!important;
  justify-self:start!important;
  align-self:start!important;
  display:block!important;
  width:var(--ti-logo-shared-width)!important;
  max-width:38vw!important;
  margin:0!important;
  z-index:3!important;
}
body.page-geberit-poptavka-geberit-poptavkovy-formular > header.topbar .topbar-inner > .brand, body.page-geberit-poptavka-geberit-poptavkovy-formular > .topbar .topbar-inner > .brand, body.page-geberit-poptavka-geberit-poptavkovy-formular > header.topbar .topbar-inner > .brand-title, body.page-geberit-poptavka-geberit-poptavkovy-formular > .topbar .topbar-inner > .brand-title{
  grid-area:ti-brand!important;
  min-width:0!important;
}
body.page-geberit-poptavka-geberit-poptavkovy-formular > header.topbar .topbar-inner > .actions, body.page-geberit-poptavka-geberit-poptavkovy-formular > .topbar .topbar-inner > .actions{
  grid-area:ti-actions!important;
  align-self:center!important;
}

/* Obecný značkový formulář používá stejné dvouřádkové rozložení. */
body.page-geberit-poptavka-geberit-poptavkovy-formular > header .generic-topbar-inner{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-areas:
    "ti-logo ti-logo"
    "ti-brand ti-actions"!important;
  align-items:center!important;
  column-gap:22px!important;
  row-gap:13px!important;
  width:100%!important;
  max-width:none!important;
  margin:auto!important;
  padding:18px 3vw!important;
  min-height:0!important;
}
body.page-geberit-poptavka-geberit-poptavkovy-formular > header .generic-topbar-inner > .ti-form-site-logo{
  grid-area:ti-logo!important;
  position:relative!important;
  left:auto!important;
  top:auto!important;
  transform:none!important;
  justify-self:start!important;
  width:var(--ti-logo-shared-width)!important;
  max-width:38vw!important;
  margin:0!important;
}
body.page-geberit-poptavka-geberit-poptavkovy-formular > header .generic-topbar-inner > .generic-form-brand{grid-area:ti-brand!important}
body.page-geberit-poptavka-geberit-poptavkovy-formular > header .generic-topbar-inner > .generic-top-actions{grid-area:ti-actions!important}

/* Centrum E-shop / Poptávky má stejnou hlavičku jako hlavní stránka. */
body.page-geberit-poptavka-geberit-poptavkovy-formular > header.ti-request-hub-header{
  display:flex!important;
  justify-content:space-between!important;
  gap:24px!important;
}
body.page-geberit-poptavka-geberit-poptavkovy-formular > header.ti-request-hub-header .back{
  flex:0 0 auto!important;
}

@media(max-width:1180px){
  html.page-geberit-poptavka-geberit-poptavkovy-formular{--ti-logo-shared-width:clamp(270px,34vw,340px)}
  body.page-geberit-poptavka-geberit-poptavkovy-formular > header.ti-main-header, body.page-geberit-poptavka-geberit-poptavkovy-formular > header.ti-request-hub-header{min-height:0!important;padding:17px 3vw!important}
  body.page-geberit-poptavka-geberit-poptavkovy-formular > header .top-interior-site-logo, body.page-geberit-poptavka-geberit-poptavkovy-formular > .topbar .top-interior-site-logo, html.page-geberit-poptavka-geberit-poptavkovy-formular .ti-form-site-logo, body.page-geberit-poptavka-geberit-poptavkovy-formular > header .ti-inline-header-logo{max-width:58vw!important}

  body.page-geberit-poptavka-geberit-poptavkovy-formular > header.topbar .topbar-inner, body.page-geberit-poptavka-geberit-poptavkovy-formular > .topbar .topbar-inner, body.page-geberit-poptavka-geberit-poptavkovy-formular > header .generic-topbar-inner{
    grid-template-columns:1fr!important;
    grid-template-areas:"ti-logo" "ti-brand" "ti-actions"!important;
  }
  body.page-geberit-poptavka-geberit-poptavkovy-formular > header.topbar .topbar-inner > .actions, body.page-geberit-poptavka-geberit-poptavkovy-formular > .topbar .topbar-inner > .actions, body.page-geberit-poptavka-geberit-poptavkovy-formular > header .generic-topbar-inner > .generic-top-actions{
    width:100%!important;
    max-width:100%!important;
    justify-self:start!important;
    justify-content:flex-start!important;
  }
}
@media(max-width:900px){
  html.page-geberit-poptavka-geberit-poptavkovy-formular{--ti-logo-shared-width:260px}
  body.page-geberit-poptavka-geberit-poptavkovy-formular > header.ti-main-header, body.page-geberit-poptavka-geberit-poptavkovy-formular > header.ti-request-hub-header{padding:16px 20px!important}
  body.page-geberit-poptavka-geberit-poptavkovy-formular > header .top-interior-site-logo, body.page-geberit-poptavka-geberit-poptavkovy-formular > .topbar .top-interior-site-logo, html.page-geberit-poptavka-geberit-poptavkovy-formular .ti-form-site-logo, body.page-geberit-poptavka-geberit-poptavkovy-formular > header .ti-inline-header-logo{max-width:72vw!important}
  body.page-geberit-poptavka-geberit-poptavkovy-formular > header.topbar .topbar-inner, body.page-geberit-poptavka-geberit-poptavkovy-formular > .topbar .topbar-inner, body.page-geberit-poptavka-geberit-poptavkovy-formular > header .generic-topbar-inner{
    grid-template-columns:1fr!important;
    grid-template-areas:"ti-logo" "ti-brand" "ti-actions"!important;
    padding:16px 20px!important;
  }
  body.page-geberit-poptavka-geberit-poptavkovy-formular > header.topbar .topbar-inner > .actions, body.page-geberit-poptavka-geberit-poptavkovy-formular > .topbar .topbar-inner > .actions, body.page-geberit-poptavka-geberit-poptavkovy-formular > header .generic-topbar-inner > .generic-top-actions{
    justify-self:start!important;
    justify-content:flex-start!important;
  }
  body.page-geberit-poptavka-geberit-poptavkovy-formular > header.ti-request-hub-header{
    flex-wrap:wrap!important;
  }
}
@media(max-width:560px){
  html.page-geberit-poptavka-geberit-poptavkovy-formular{--ti-logo-shared-width:232px}
  body.page-geberit-poptavka-geberit-poptavkovy-formular > header .top-interior-site-logo, body.page-geberit-poptavka-geberit-poptavkovy-formular > .topbar .top-interior-site-logo, html.page-geberit-poptavka-geberit-poptavkovy-formular .ti-form-site-logo, body.page-geberit-poptavka-geberit-poptavkovy-formular > header .ti-inline-header-logo{max-width:78vw!important}
}


/* Krok 113 – společné logo TOP INTERIOR by JOVEE Services */
html.page-geberit-poptavka-geberit-poptavkovy-formular{--ti-combined-logo-width:clamp(370px,31vw,500px)}
body.page-geberit-poptavka-geberit-poptavkovy-formular > header .top-interior-site-logo, body.page-geberit-poptavka-geberit-poptavkovy-formular > .topbar .top-interior-site-logo, html.page-geberit-poptavka-geberit-poptavkovy-formular .ti-form-site-logo, body.page-geberit-poptavka-geberit-poptavkovy-formular > header .ti-inline-header-logo{
  width:var(--ti-combined-logo-width)!important;
  max-width:46vw!important;
}
body.page-geberit-poptavka-geberit-poptavkovy-formular > header.ti-main-header .top-interior-site-logo, body.page-geberit-poptavka-geberit-poptavkovy-formular > header.ti-request-hub-header .top-interior-site-logo{
  width:clamp(410px,34vw,535px)!important;
  max-width:48vw!important;
}
body.page-geberit-poptavka-geberit-poptavkovy-formular > header .top-interior-site-logo img, body.page-geberit-poptavka-geberit-poptavkovy-formular > .topbar .top-interior-site-logo img, html.page-geberit-poptavka-geberit-poptavkovy-formular .ti-form-site-logo img, body.page-geberit-poptavka-geberit-poptavkovy-formular > header .ti-inline-header-logo img{
  filter:none!important;
  object-fit:contain!important;
  object-position:left center!important;
}
body.page-geberit-poptavka-geberit-poptavkovy-formular > header.ti-main-header, body.page-geberit-poptavka-geberit-poptavkovy-formular > header.ti-request-hub-header{
  padding-top:12px!important;
  padding-bottom:12px!important;
}
@media(max-width:1180px){
  html.page-geberit-poptavka-geberit-poptavkovy-formular{--ti-combined-logo-width:clamp(330px,43vw,450px)}
  body.page-geberit-poptavka-geberit-poptavkovy-formular > header.ti-main-header .top-interior-site-logo, body.page-geberit-poptavka-geberit-poptavkovy-formular > header.ti-request-hub-header .top-interior-site-logo{width:clamp(350px,48vw,465px)!important;max-width:58vw!important}
}
@media(max-width:900px){
  html.page-geberit-poptavka-geberit-poptavkovy-formular{--ti-combined-logo-width:320px}
  body.page-geberit-poptavka-geberit-poptavkovy-formular > header.ti-main-header .top-interior-site-logo, body.page-geberit-poptavka-geberit-poptavkovy-formular > header.ti-request-hub-header .top-interior-site-logo{width:340px!important;max-width:78vw!important}
}
@media(max-width:560px){
  html.page-geberit-poptavka-geberit-poptavkovy-formular{--ti-combined-logo-width:280px}
  body.page-geberit-poptavka-geberit-poptavkovy-formular > header.ti-main-header .top-interior-site-logo, body.page-geberit-poptavka-geberit-poptavkovy-formular > header.ti-request-hub-header .top-interior-site-logo{width:300px!important;max-width:86vw!important}
}

/* Krok 115 – vyvážená výška hlavní lišty pro společné logo */
html.page-geberit-poptavka-geberit-poptavkovy-formular{
  --ti-combined-logo-width:clamp(330px,25vw,390px);
}

/* Běžné interní stránky a formuláře: čitelné logo bez přerůstání. */
body.page-geberit-poptavka-geberit-poptavkovy-formular > header .top-interior-site-logo, body.page-geberit-poptavka-geberit-poptavkovy-formular > .topbar .top-interior-site-logo, html.page-geberit-poptavka-geberit-poptavkovy-formular .ti-form-site-logo, body.page-geberit-poptavka-geberit-poptavkovy-formular > header .ti-inline-header-logo{
  width:var(--ti-combined-logo-width)!important;
  max-width:42vw!important;
}

/* Hlavní navigační lišta: návrat k původní vyvážené výšce. */
body.page-geberit-poptavka-geberit-poptavkovy-formular > header.ti-main-header, body.page-geberit-poptavka-geberit-poptavkovy-formular > header.ti-request-hub-header{
  min-height:112px!important;
  padding:9px 3vw!important;
  align-items:center!important;
}
body.page-geberit-poptavka-geberit-poptavkovy-formular > header.ti-main-header .top-interior-site-logo, body.page-geberit-poptavka-geberit-poptavkovy-formular > header.ti-request-hub-header .top-interior-site-logo{
  width:clamp(360px,27vw,420px)!important;
  max-width:43vw!important;
}
body.page-geberit-poptavka-geberit-poptavkovy-formular > header.ti-main-header nav{
  gap:clamp(12px,1.15vw,20px)!important;
  font-size:clamp(11px,.72vw,13px)!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
}
body.page-geberit-poptavka-geberit-poptavkovy-formular > header.ti-main-header nav a{white-space:nowrap!important}

@media(max-width:1180px){
  html.page-geberit-poptavka-geberit-poptavkovy-formular{--ti-combined-logo-width:clamp(300px,31vw,350px)}
  body.page-geberit-poptavka-geberit-poptavkovy-formular > header.ti-main-header, body.page-geberit-poptavka-geberit-poptavkovy-formular > header.ti-request-hub-header{
    min-height:100px!important;
    padding:9px 3vw!important;
  }
  body.page-geberit-poptavka-geberit-poptavkovy-formular > header.ti-main-header .top-interior-site-logo, body.page-geberit-poptavka-geberit-poptavkovy-formular > header.ti-request-hub-header .top-interior-site-logo{
    width:clamp(310px,32vw,365px)!important;
    max-width:42vw!important;
  }
  body.page-geberit-poptavka-geberit-poptavkovy-formular > header.ti-main-header nav{
    gap:10px!important;
    font-size:11px!important;
  }
}
@media(max-width:900px){
  html.page-geberit-poptavka-geberit-poptavkovy-formular{--ti-combined-logo-width:290px}
  body.page-geberit-poptavka-geberit-poptavkovy-formular > header.ti-main-header, body.page-geberit-poptavka-geberit-poptavkovy-formular > header.ti-request-hub-header{
    min-height:0!important;
    padding:12px 20px!important;
  }
  body.page-geberit-poptavka-geberit-poptavkovy-formular > header.ti-main-header .top-interior-site-logo, body.page-geberit-poptavka-geberit-poptavkovy-formular > header.ti-request-hub-header .top-interior-site-logo{
    width:300px!important;
    max-width:76vw!important;
  }
}
@media(max-width:560px){
  html.page-geberit-poptavka-geberit-poptavkovy-formular{--ti-combined-logo-width:255px}
  body.page-geberit-poptavka-geberit-poptavkovy-formular > header.ti-main-header, body.page-geberit-poptavka-geberit-poptavkovy-formular > header.ti-request-hub-header{padding:10px 16px!important}
  body.page-geberit-poptavka-geberit-poptavkovy-formular > header.ti-main-header .top-interior-site-logo, body.page-geberit-poptavka-geberit-poptavkovy-formular > header.ti-request-hub-header .top-interior-site-logo{
    width:268px!important;
    max-width:82vw!important;
  }
}


/* ===== geberit-poptavka/index.html ===== */

/* Source: assets/css/geberit-poptavka-page.css */
/* Source style block 1 */
html.page-geberit-poptavka-index{--blue:#12539b;--blue2:#183f79;--black:#17191b;--red:#d9272e;--ink:#23272b;--muted:#69727a;--line:#dfe4e7;--soft:#f4f6f7;--green:#16845c;--shadow:0 8px 26px rgba(25,30,35,.08)}
html.page-geberit-poptavka-index *{box-sizing:border-box}html.page-geberit-poptavka-index{scroll-behavior:smooth}body.page-geberit-poptavka-index{margin:0;background:#eef1f3;color:var(--ink);font-family:Inter,Arial,Helvetica,sans-serif}
html.page-geberit-poptavka-index button, html.page-geberit-poptavka-index input, html.page-geberit-poptavka-index select{font:inherit}html.page-geberit-poptavka-index a{color:inherit}html.page-geberit-poptavka-index .topbar{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.97);border-top:5px solid var(--blue);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}
html.page-geberit-poptavka-index .topbar-inner{max-width:1240px;margin:auto;padding:13px 20px;display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center}html.page-geberit-poptavka-index .brand{display:flex;align-items:center;gap:13px}
html.page-geberit-poptavka-index .logo-mark{width:50px;height:50px;border-radius:9px;background:var(--blue);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:950;font-size:11px;box-shadow:inset 0 0 0 5px rgba(255,255,255,.18)}
html.page-geberit-poptavka-index .brand h1{margin:0;font-size:21px}html.page-geberit-poptavka-index .brand p{margin:3px 0 0;color:var(--muted);font-size:12px}html.page-geberit-poptavka-index .actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
html.page-geberit-poptavka-index .btn{border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 13px;cursor:pointer;font-weight:800}html.page-geberit-poptavka-index .btn.primary{background:var(--blue);border-color:var(--blue);color:#fff}
html.page-geberit-poptavka-index .badge{display:inline-flex;min-width:20px;height:20px;align-items:center;justify-content:center;background:#fff;color:var(--blue);border-radius:999px;margin-left:4px;font-size:11px}
html.page-geberit-poptavka-index .hero, html.page-geberit-poptavka-index .summary, html.page-geberit-poptavka-index .cart-wrap, html.page-geberit-poptavka-index main{max-width:1240px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}html.page-geberit-poptavka-index .hero{margin-top:22px}
html.page-geberit-poptavka-index .hero-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:var(--shadow)}html.page-geberit-poptavka-index .hero-grid{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:end}
html.page-geberit-poptavka-index .hero h2{margin:0 0 6px}html.page-geberit-poptavka-index .hero p{margin:0;color:var(--muted);line-height:1.5}html.page-geberit-poptavka-index .search{min-width:330px}html.page-geberit-poptavka-index .search label{display:block;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;color:var(--muted)}
html.page-geberit-poptavka-index .search input{width:100%;border:1px solid #cbd2d9;border-radius:10px;padding:12px 13px}html.page-geberit-poptavka-index .summary{margin-top:14px}html.page-geberit-poptavka-index .summary-card{display:flex;justify-content:space-between;gap:16px;align-items:center;background:var(--blue2);color:#fff;border-radius:14px;padding:14px 16px}
html.page-geberit-poptavka-index .summary-card span{color:#dce6f2}html.page-geberit-poptavka-index .cart-wrap{margin-top:14px;scroll-margin-top:92px}html.page-geberit-poptavka-index .cart-card{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}
html.page-geberit-poptavka-index .cart-head{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px 18px;background:#edf4fb;border-bottom:1px solid #cbdff2}html.page-geberit-poptavka-index .cart-head h2{margin:0;font-size:20px}html.page-geberit-poptavka-index .cart-head p{margin:4px 0 0;color:var(--muted);font-size:13px}
html.page-geberit-poptavka-index .cart-count{background:var(--blue);color:#fff;padding:7px 11px;border-radius:999px;font-size:12px;font-weight:900}html.page-geberit-poptavka-index .cart-empty{padding:22px 18px;text-align:center;color:var(--muted)}
html.page-geberit-poptavka-index .cart-table-wrap{overflow:auto}html.page-geberit-poptavka-index .cart-table{width:100%;border-collapse:collapse;min-width:1000px}html.page-geberit-poptavka-index .cart-table th, html.page-geberit-poptavka-index .cart-table td{padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top;text-align:left}
html.page-geberit-poptavka-index .cart-table th{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#65707a;background:#fafbfc}html.page-geberit-poptavka-index .cart-note{font-size:11px;color:var(--muted);margin-top:3px}html.page-geberit-poptavka-index .cart-remove{border:0;background:#e9eff7;color:#174c84;border-radius:8px;padding:7px 9px;font-weight:800;cursor:pointer}
html.page-geberit-poptavka-index main{margin-top:18px;margin-bottom:60px}html.page-geberit-poptavka-index .product-guide{margin:0 0 14px}html.page-geberit-poptavka-index .product-guide-card{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;padding:17px 19px;border-radius:16px;color:#fff;background:linear-gradient(125deg,#123c70 0%,#1763aa 68%,#35a4d6 130%);box-shadow:var(--shadow)}
html.page-geberit-poptavka-index .product-guide-icon{width:64px;height:70px;border-radius:11px;background:#fff;color:var(--blue);display:flex;flex-direction:column;align-items:center;justify-content:center}html.page-geberit-poptavka-index .product-guide-icon span{font-size:10px;font-weight:900;letter-spacing:.08em}html.page-geberit-poptavka-index .product-guide-icon b{font-size:27px;line-height:1}
html.page-geberit-poptavka-index .product-guide-copy h2{margin:2px 0 5px;font-size:23px}html.page-geberit-poptavka-index .product-guide-copy p{margin:0;color:#e2edf7;line-height:1.45;font-size:14px}html.page-geberit-poptavka-index .product-guide-eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.11em;font-weight:900;color:#ffe56b}
html.page-geberit-poptavka-index .product-guide-actions{display:flex;flex-direction:column;gap:7px}html.page-geberit-poptavka-index .product-guide-action{display:block;white-space:nowrap;background:#fff;color:var(--blue2);padding:10px 13px;border-radius:9px;font-weight:900;font-size:12px;text-decoration:none;text-align:center}
html.page-geberit-poptavka-index .compat-warning{margin:15px 0;background:#fff7df;border:1px solid #eed596;border-left:7px solid #e9a61a;border-radius:12px;padding:14px 16px;line-height:1.5}html.page-geberit-poptavka-index .compat-warning strong{display:block;margin-bottom:3px}html.page-geberit-poptavka-index .compat-warning p{margin:0;color:#6e6249;font-size:13px}
html.page-geberit-poptavka-index .category{margin-top:20px}html.page-geberit-poptavka-index .category-header{background:#fff;border:1px solid var(--line);border-left:8px solid var(--blue);border-radius:12px;padding:14px 16px;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center}
html.page-geberit-poptavka-index .category-header h2{margin:2px 0 0;font-size:21px}html.page-geberit-poptavka-index .eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.09em;font-weight:900;color:var(--blue)}html.page-geberit-poptavka-index .count{font-size:13px;color:var(--muted);font-weight:800}
html.page-geberit-poptavka-index .product-row{display:grid;grid-template-columns:355px 1fr;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;margin:10px 0;box-shadow:0 2px 8px rgba(30,35,40,.03)}
html.page-geberit-poptavka-index .product-row.selected{border-color:rgba(22,132,92,.5);box-shadow:0 0 0 3px rgba(22,132,92,.08)}html.page-geberit-poptavka-index .product-row.is-search-hidden{display:none!important}html.page-geberit-poptavka-index [hidden]{display:none!important}
html.page-geberit-poptavka-index .product-visual{background:#f3f5f6;padding:15px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:11px}html.page-geberit-poptavka-index .image-link{display:block;position:relative;border-radius:10px;overflow:hidden;background:#fff;border:1px solid #dfe4e8;text-decoration:none}
html.page-geberit-poptavka-index .image-link img{width:100%;height:250px;object-fit:contain;background:#fff;display:block;transition:.2s}html.page-geberit-poptavka-index .image-link span{position:absolute;left:8px;right:8px;bottom:7px;background:rgba(20,22,24,.88);color:#fff;padding:6px 8px;border-radius:7px;text-align:center;font-size:11px;font-weight:800;opacity:0;transform:translateY(4px);transition:.2s}
html.page-geberit-poptavka-index .image-link:hover img{transform:scale(1.025)}html.page-geberit-poptavka-index .image-link:hover span{opacity:1;transform:none}html.page-geberit-poptavka-index .info-box{background:#fff;border:1px solid #dce2e7;border-radius:10px;padding:10px 12px}html.page-geberit-poptavka-index .info-box small{display:block;color:var(--muted);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}html.page-geberit-poptavka-index .info-box strong{font-size:13px}html.page-geberit-poptavka-index .info-box em{display:block;font-size:10px;color:#858d95;font-style:normal;margin-top:3px}
html.page-geberit-poptavka-index .product-panel{padding:16px 18px;display:grid;grid-template-columns:1fr 200px;gap:12px 18px;align-items:start}html.page-geberit-poptavka-index .product-heading{grid-column:1/-1;display:flex;justify-content:space-between;gap:12px;align-items:start}html.page-geberit-poptavka-index .product-heading h3{margin:0;font-size:19px}html.page-geberit-poptavka-index .product-heading h3 a{text-decoration:none}html.page-geberit-poptavka-index .product-heading h3 a:hover{color:var(--blue);text-decoration:underline}html.page-geberit-poptavka-index .product-heading p{margin:5px 0 0;color:var(--muted);font-size:13px;line-height:1.48}
html.page-geberit-poptavka-index .order-number{display:inline-flex;width:30px;height:30px;border-radius:999px;background:var(--blue);color:#fff;align-items:center;justify-content:center;font-size:12px;font-weight:900;margin-right:8px;vertical-align:middle}html.page-geberit-poptavka-index .status{background:#eef1f4;color:#69727b;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:800;white-space:nowrap}html.page-geberit-poptavka-index .selected .status{background:#e5f6ee;color:var(--green)}
html.page-geberit-poptavka-index .request-table{width:100%;border-collapse:collapse;border:1px solid var(--line);border-radius:10px;overflow:hidden}html.page-geberit-poptavka-index .request-table th, html.page-geberit-poptavka-index .request-table td{border-bottom:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:middle}html.page-geberit-poptavka-index .request-table tr:last-child th, html.page-geberit-poptavka-index .request-table tr:last-child td{border-bottom:0}html.page-geberit-poptavka-index .request-table th{width:190px;background:var(--soft);font-size:12px;color:#59636d}html.page-geberit-poptavka-index .request-table input, html.page-geberit-poptavka-index .request-table select{width:100%;border:1px solid #cbd2d8;border-radius:8px;padding:9px 10px;background:#fff}
html.page-geberit-poptavka-index .add-btn{align-self:stretch;min-height:100%;border:0;background:var(--blue2);color:#fff;border-radius:10px;padding:14px;font-size:15px;font-weight:900;cursor:pointer}html.page-geberit-poptavka-index .selected .add-btn{background:var(--green)}
html.page-geberit-poptavka-index .empty{display:none;background:#fff4e8;border:1px solid #ffd6ad;padding:18px;border-radius:12px;margin-top:18px}html.page-geberit-poptavka-index .source-note{margin-top:18px;color:var(--muted);font-size:11px;line-height:1.5}
@media(max-width:900px){html.page-geberit-poptavka-index .topbar-inner{grid-template-columns:1fr}html.page-geberit-poptavka-index .actions{justify-content:flex-start}html.page-geberit-poptavka-index .hero-grid{grid-template-columns:1fr}html.page-geberit-poptavka-index .search{min-width:0}html.page-geberit-poptavka-index .product-guide-card{grid-template-columns:auto 1fr}html.page-geberit-poptavka-index .product-guide-actions{grid-column:1/-1}html.page-geberit-poptavka-index .product-row{grid-template-columns:1fr}html.page-geberit-poptavka-index .product-visual{border-right:0;border-bottom:1px solid var(--line)}html.page-geberit-poptavka-index .product-panel{grid-template-columns:1fr}html.page-geberit-poptavka-index .add-btn{min-height:auto}html.page-geberit-poptavka-index .product-heading{grid-column:auto}}
@media print{html.page-geberit-poptavka-index .topbar, html.page-geberit-poptavka-index .hero, html.page-geberit-poptavka-index .summary, html.page-geberit-poptavka-index .cart-wrap, html.page-geberit-poptavka-index .product-guide, html.page-geberit-poptavka-index .compat-warning, html.page-geberit-poptavka-index .add-btn, html.page-geberit-poptavka-index .status, html.page-geberit-poptavka-index .source-note{display:none!important}body.page-geberit-poptavka-index{background:#fff}html.page-geberit-poptavka-index main{max-width:none;margin:0;padding:0}html.page-geberit-poptavka-index .product-row{break-inside:avoid;box-shadow:none}html.page-geberit-poptavka-index .product-row:not(.selected){display:none}}

/* Integrace Geberit do TOP INTERIOR */
html.page-geberit-poptavka-index .topbar{
  padding:0!important;
}
html.page-geberit-poptavka-index .topbar-inner{
  width:100%!important;
  max-width:1180px!important;
  min-height:78px!important;
  margin:0 auto!important;
  padding:12px 20px!important;
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:minmax(270px,1fr) 817px!important;
  gap:18px!important;
  align-items:center!important;
}
html.page-geberit-poptavka-index .topbar .brand{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:13px!important;
}
html.page-geberit-poptavka-index .form-brand-logo{
  display:block!important;
  width:138px!important;
  height:48px!important;
  flex:0 0 138px!important;
  object-fit:contain!important;
  object-position:left center!important;
}
html.page-geberit-poptavka-index .topbar .brand h1{
  margin:0!important;
  font-size:17px!important;
  line-height:1.18!important;
}
html.page-geberit-poptavka-index .topbar .brand p{
  margin:3px 0 0!important;
  font-size:11px!important;
  line-height:1.25!important;
}
html.page-geberit-poptavka-index .topbar .actions{
  width:817px!important;
  display:grid!important;
  grid-template-columns:150px 88px 120px 105px 220px 94px!important;
  gap:8px!important;
  align-items:stretch!important;
  justify-content:stretch!important;
  margin:0!important;
}
html.page-geberit-poptavka-index .topbar .actions > a, html.page-geberit-poptavka-index .topbar .actions > button{
  width:100%!important;
  height:44px!important;
  min-height:44px!important;
  margin:0!important;
  padding:8px 9px!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  line-height:1.12!important;
  font-size:11px!important;
  text-decoration:none!important;
  white-space:normal!important;
}
html.page-geberit-poptavka-index .geberit-unified-info{
  max-width:1180px;
  margin:14px auto 0;
  padding:12px 20px;
  color:#5d6670;
  font-size:12px;
  line-height:1.5;
  box-sizing:border-box;
}
html.page-geberit-poptavka-index .geberit-unified-info strong{
  color:#12539b;
}
@media(max-width:1180px){
  html.page-geberit-poptavka-index .topbar-inner{
    grid-template-columns:1fr!important;
  }
  html.page-geberit-poptavka-index .topbar .actions{
    width:100%!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}
@media(max-width:700px){
  html.page-geberit-poptavka-index .form-brand-logo{
    width:118px!important;
    height:43px!important;
    flex-basis:118px!important;
  }
  html.page-geberit-poptavka-index .topbar .actions{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

/* Source style block 2 */
body.page-geberit-poptavka-index{font-family:Arial;margin:28px;color:#20252b}
      html.page-geberit-poptavka-index h1{margin:0 0 5px;color:#12539b}
      html.page-geberit-poptavka-index table{width:100%;border-collapse:collapse;margin-top:20px;font-size:12px}
      html.page-geberit-poptavka-index th, html.page-geberit-poptavka-index td{border:1px solid #d9dee2;padding:9px;text-align:left;vertical-align:top}
      html.page-geberit-poptavka-index th{background:#edf4fb}html.page-geberit-poptavka-index small{color:#68717b}


/* Source: assets/css/site-responsive.css */
/* Shared responsive and accessibility layer. Mobile-first; page-specific CSS remains unchanged. */
html.page-geberit-poptavka-index{ --touch-target: 2.75rem; }
html.page-geberit-poptavka-index{ width: 100%; overflow-x: hidden; -webkit-text-size-adjust: 100%; }
body.page-geberit-poptavka-index{ width: 100%; min-width: 0; overflow-x: clip; }
html.page-geberit-poptavka-index img, html.page-geberit-poptavka-index picture, html.page-geberit-poptavka-index video, html.page-geberit-poptavka-index canvas, html.page-geberit-poptavka-index svg{ display: block; max-width: 100%; height: auto; }
html.page-geberit-poptavka-index iframe{ max-width: 100%; }
html.page-geberit-poptavka-index main, html.page-geberit-poptavka-index section, html.page-geberit-poptavka-index article, html.page-geberit-poptavka-index header, html.page-geberit-poptavka-index footer, html.page-geberit-poptavka-index nav, html.page-geberit-poptavka-index form, html.page-geberit-poptavka-index fieldset, html.page-geberit-poptavka-index .wrap, html.page-geberit-poptavka-index .container{ min-width: 0; }
html.page-geberit-poptavka-index button, html.page-geberit-poptavka-index input, html.page-geberit-poptavka-index select, html.page-geberit-poptavka-index textarea{ max-width: 100%; font: inherit; }
html.page-geberit-poptavka-index button, html.page-geberit-poptavka-index input[type="button"], html.page-geberit-poptavka-index input[type="submit"], html.page-geberit-poptavka-index input[type="reset"], html.page-geberit-poptavka-index select, html.page-geberit-poptavka-index .btn, html.page-geberit-poptavka-index .button, html.page-geberit-poptavka-index [role="button"]{ min-height: var(--touch-target); }
html.page-geberit-poptavka-index textarea{ min-height: 7rem; resize: vertical; }
html.page-geberit-poptavka-index .ti-mobile-menu-toggle{
  display: inline-flex; align-items: center; justify-content: center; gap: .5rem;
  min-width: var(--touch-target); min-height: var(--touch-target); padding: .65rem .8rem;
  border: 1px solid rgba(214,177,95,.7); background: rgba(18,8,28,.72);
  color: #f4ead0; font-weight: 800; cursor: pointer;
}
html.page-geberit-poptavka-index .ti-mobile-menu-toggle__icon, html.page-geberit-poptavka-index .ti-mobile-menu-toggle__icon::before, html.page-geberit-poptavka-index .ti-mobile-menu-toggle__icon::after{
  display: block; width: 1.25rem; height: .125rem; background: currentColor; content: ""; transition: transform .2s ease;
}
html.page-geberit-poptavka-index .ti-mobile-menu-toggle__icon{ position: relative; }
html.page-geberit-poptavka-index .ti-mobile-menu-toggle__icon::before{ position: absolute; top: -.4rem; }
html.page-geberit-poptavka-index .ti-mobile-menu-toggle__icon::after{ position: absolute; top: .4rem; }
html.page-geberit-poptavka-index header.ti-mobile-nav-header{ flex-wrap: wrap; }
html.page-geberit-poptavka-index header.ti-mobile-nav-header > nav{ display: none !important; width: 100%; flex-direction: column; align-items: stretch; gap: .25rem; padding-top: .75rem; }
html.page-geberit-poptavka-index header.ti-nav-open > nav{ display: flex !important; }
html.page-geberit-poptavka-index header.ti-mobile-nav-header > nav a{ display: flex; align-items: center; min-height: var(--touch-target); padding: .65rem .75rem; }
@media (max-width: 47.99rem) {
  html.page-geberit-poptavka-index h1{ overflow-wrap: anywhere; }
  html.page-geberit-poptavka-index .wrap, html.page-geberit-poptavka-index .container{ width: 100%; padding-inline: clamp(1rem, 4vw, 1.5rem); }
  html.page-geberit-poptavka-index .grid, html.page-geberit-poptavka-index .cards, html.page-geberit-poptavka-index .card-grid, html.page-geberit-poptavka-index .brand-grid, html.page-geberit-poptavka-index .product-grid, html.page-geberit-poptavka-index .form-grid{ grid-template-columns: minmax(0, 1fr) !important; }
  html.page-geberit-poptavka-index table{ display: block; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
}
@media (min-width: 56.25rem) {
  html.page-geberit-poptavka-index .ti-mobile-menu-toggle{ display: none; }
  html.page-geberit-poptavka-index header.ti-mobile-nav-header{ flex-wrap: nowrap; }
  html.page-geberit-poptavka-index header.ti-mobile-nav-header > nav{ display: flex !important; width: auto; flex-direction: row; align-items: center; padding-top: 0; }
  html.page-geberit-poptavka-index header.ti-mobile-nav-header > nav a{ min-height: auto; padding: 0; }
}
@media (prefers-reduced-motion: reduce) {
  html.page-geberit-poptavka-index *, html.page-geberit-poptavka-index *::before, html.page-geberit-poptavka-index *::after{ scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}


/* Source: assets/css/top-interior-velvet-header.css */
/* Krok 97 – jednotná sametová horní lišta a logo TOP INTERIOR */
body.page-geberit-poptavka-index > header, body.page-geberit-poptavka-index > .topbar{
  background-color:#17081f!important;
  background-image:
    linear-gradient(90deg,rgba(8,3,12,.28),rgba(42,8,54,.08) 45%,rgba(8,3,12,.38)),
    url("../assets/images/top-interior-velvet-header.jpg")!important;
  background-position:center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  border-top:0!important;
  border-bottom:1px solid rgba(214,177,95,.58)!important;
  box-shadow:0 9px 28px rgba(0,0,0,.34)!important;
}

/* Hlavní logo na standardních stránkách */
body.page-geberit-poptavka-index > header .top-interior-site-logo, body.page-geberit-poptavka-index > .topbar .top-interior-site-logo{
  display:block!important;
  flex:0 0 auto!important;
  width:clamp(220px,18vw,280px)!important;
  max-width:42vw!important;
  line-height:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.page-geberit-poptavka-index > header .top-interior-site-logo img, body.page-geberit-poptavka-index > .topbar .top-interior-site-logo img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  filter:drop-shadow(0 3px 4px rgba(0,0,0,.8)) drop-shadow(0 0 8px rgba(214,177,95,.16));
}
body.page-geberit-poptavka-index > header nav a, body.page-geberit-poptavka-index > header .nav a, body.page-geberit-poptavka-index > header .back, body.page-geberit-poptavka-index > header .outline{
  color:#f3e9f5!important;
  text-shadow:0 1px 3px rgba(0,0,0,.75);
}
body.page-geberit-poptavka-index > header nav a:hover, body.page-geberit-poptavka-index > header .nav a:hover{color:#f1cf77!important}

/* Logo TOP INTERIOR doplněné do poptávkových formulářů */
html.page-geberit-poptavka-index .ti-form-site-logo{
  position:absolute;
  left:20px;
  top:50%;
  transform:translateY(-50%);
  display:block;
  width:clamp(178px,15vw,220px);
  max-width:23vw;
  line-height:0;
  z-index:2;
}
html.page-geberit-poptavka-index .ti-form-site-logo img{
  display:block;
  width:100%;
  height:auto;
  filter:drop-shadow(0 3px 4px rgba(0,0,0,.82)) drop-shadow(0 0 7px rgba(214,177,95,.14));
}
body.page-geberit-poptavka-index > header.topbar .topbar-inner, body.page-geberit-poptavka-index > .topbar .topbar-inner{
  position:relative!important;
  max-width:1500px!important;
  min-height:78px!important;
  padding-left:clamp(222px,20vw,292px)!important;
}
body.page-geberit-poptavka-index > header.topbar .brand h1, body.page-geberit-poptavka-index > header.topbar .brand p, body.page-geberit-poptavka-index > .topbar .brand h1, body.page-geberit-poptavka-index > .topbar .brand p, body.page-geberit-poptavka-index > header.topbar .brand-title h1, body.page-geberit-poptavka-index > header.topbar .brand-title p, body.page-geberit-poptavka-index > .topbar .brand-title h1, body.page-geberit-poptavka-index > .topbar .brand-title p{
  color:#fff!important;
  text-shadow:0 1px 3px rgba(0,0,0,.75)!important;
}
body.page-geberit-poptavka-index > header.topbar .brand p, body.page-geberit-poptavka-index > .topbar .brand p, body.page-geberit-poptavka-index > header.topbar .brand-title p, body.page-geberit-poptavka-index > .topbar .brand-title p{color:#ded0e5!important}
body.page-geberit-poptavka-index > header.topbar .actions .btn, body.page-geberit-poptavka-index > .topbar .actions .btn, body.page-geberit-poptavka-index > header.topbar .actions a, body.page-geberit-poptavka-index > .topbar .actions a{
  box-shadow:0 3px 10px rgba(0,0,0,.22);
}

/* Obecný značkový poptávkový formulář */
body.page-geberit-poptavka-index > header .generic-topbar-inner{
  position:relative!important;
  width:100%!important;
  max-width:1500px!important;
  margin:auto!important;
  min-height:64px!important;
  padding-left:clamp(222px,20vw,292px)!important;
}
body.page-geberit-poptavka-index > header .generic-form-brand, body.page-geberit-poptavka-index > header .generic-top-actions{color:#fff!important}

/* Interaktivní koupelna */
body.page-geberit-poptavka-index > header .ti-inline-header-logo{
  display:block;
  width:clamp(220px,20vw,292px);
  line-height:0;
  margin:0 0 10px;
}
body.page-geberit-poptavka-index > header .ti-inline-header-logo img{display:block;width:100%;height:auto;filter:drop-shadow(0 3px 4px rgba(0,0,0,.8))}
body.page-geberit-poptavka-index > header.ti-inline-header{max-width:none!important;margin:0!important;padding:14px max(24px,calc((100vw - 1760px)/2)) 15px!important}
body.page-geberit-poptavka-index > header.ti-inline-header h1{color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.75)}

@media(max-width:900px){
  body.page-geberit-poptavka-index > header .top-interior-site-logo, body.page-geberit-poptavka-index > .topbar .top-interior-site-logo{width:210px!important;max-width:60vw!important}
  body.page-geberit-poptavka-index > header.topbar .topbar-inner, body.page-geberit-poptavka-index > .topbar .topbar-inner, body.page-geberit-poptavka-index > header .generic-topbar-inner{
    padding-left:20px!important;
    min-height:0!important;
  }
  html.page-geberit-poptavka-index .ti-form-site-logo{
    position:relative;
    left:auto;top:auto;transform:none;
    width:210px;max-width:64vw;
    grid-column:1/-1;
    margin:0 0 4px;
  }
}
@media(max-width:560px){
  body.page-geberit-poptavka-index > header .top-interior-site-logo, body.page-geberit-poptavka-index > .topbar .top-interior-site-logo{width:188px!important;max-width:66vw!important}
  html.page-geberit-poptavka-index .ti-form-site-logo{width:190px}
}


/* Krok 98 – sjednocené logo, zvětšená hlavní lišta a informační doložka */
html.page-geberit-poptavka-index{
  --ti-logo-secondary-width:clamp(190px,16vw,230px);
  --ti-logo-form-width:clamp(162px,14vw,184px);
}

/* Jednotný vzhled loga na všech běžných a interních stránkách */
body.page-geberit-poptavka-index > header .top-interior-site-logo, body.page-geberit-poptavka-index > .topbar .top-interior-site-logo{
  width:var(--ti-logo-secondary-width)!important;
  max-width:min(48vw,230px)!important;
  min-width:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.page-geberit-poptavka-index > header .top-interior-site-logo img, body.page-geberit-poptavka-index > .topbar .top-interior-site-logo img, html.page-geberit-poptavka-index .ti-form-site-logo img, body.page-geberit-poptavka-index > header .ti-inline-header-logo img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  clip-path:none!important;
}

/* Hlavní stránka: lišta přibližně o 70 % vyšší a úměrně větší logo */
body.page-geberit-poptavka-index > header.ti-main-header{
  min-height:106px!important;
  padding:22px 3vw!important;
  align-items:center!important;
}
body.page-geberit-poptavka-index > header.ti-main-header .top-interior-site-logo{
  width:clamp(300px,24vw,372px)!important;
  max-width:38vw!important;
}
body.page-geberit-poptavka-index > header.ti-main-header nav{
  align-self:center!important;
}

/* Poptávkové formuláře: celé, nepřerostlé a shodné logo */
html.page-geberit-poptavka-index .ti-form-site-logo{
  position:absolute!important;
  left:22px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  display:block!important;
  width:var(--ti-logo-form-width)!important;
  max-width:184px!important;
  min-width:0!important;
  line-height:0!important;
  overflow:visible!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  z-index:3!important;
}
body.page-geberit-poptavka-index > header.topbar .topbar-inner, body.page-geberit-poptavka-index > .topbar .topbar-inner, body.page-geberit-poptavka-index > header .generic-topbar-inner{
  padding-left:clamp(212px,18vw,246px)!important;
  min-height:82px!important;
}

/* Společná informační doložka ve spodní části všech stránek */
html.page-geberit-poptavka-index .ti-site-notice{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:22px max(22px,5vw)!important;
  border-top:1px solid rgba(214,177,95,.32)!important;
  background:#09050f!important;
  color:#cfc2d5!important;
  font:400 11px/1.65 Inter,Arial,sans-serif!important;
  letter-spacing:0!important;
  text-align:left!important;
}
html.page-geberit-poptavka-index .ti-site-notice strong{
  color:#e2c577!important;
  font-weight:800!important;
}
html.page-geberit-poptavka-index .ti-site-notice p{
  max-width:1380px!important;
  margin:0 auto!important;
}

@media(max-width:1180px){
  body.page-geberit-poptavka-index > header.ti-main-header{
    min-height:0!important;
    padding:19px 3vw!important;
  }
  body.page-geberit-poptavka-index > header.ti-main-header .top-interior-site-logo{
    width:clamp(270px,34vw,340px)!important;
    max-width:58vw!important;
  }
}
@media(max-width:900px){
  body.page-geberit-poptavka-index > header .top-interior-site-logo, body.page-geberit-poptavka-index > .topbar .top-interior-site-logo{
    width:210px!important;
    max-width:64vw!important;
  }
  body.page-geberit-poptavka-index > header.ti-main-header{
    padding:18px 20px!important;
  }
  body.page-geberit-poptavka-index > header.ti-main-header .top-interior-site-logo{
    width:260px!important;
    max-width:72vw!important;
  }
  body.page-geberit-poptavka-index > header.topbar .topbar-inner, body.page-geberit-poptavka-index > .topbar .topbar-inner, body.page-geberit-poptavka-index > header .generic-topbar-inner{
    padding-left:20px!important;
    min-height:0!important;
  }
  html.page-geberit-poptavka-index .ti-form-site-logo{
    position:relative!important;
    left:auto!important;
    top:auto!important;
    transform:none!important;
    width:184px!important;
    max-width:56vw!important;
    grid-column:1/-1!important;
    margin:0 0 8px!important;
  }
}
@media(max-width:560px){
  body.page-geberit-poptavka-index > header.ti-main-header .top-interior-site-logo{
    width:232px!important;
    max-width:78vw!important;
  }
  html.page-geberit-poptavka-index .ti-form-site-logo{
    width:172px!important;
    max-width:62vw!important;
  }
  html.page-geberit-poptavka-index .ti-site-notice{
    padding:18px 17px!important;
    font-size:10.5px!important;
  }
}


/* Krok 99 – kompaktnější hlavní lišta a dvouřádkové hlavičky poptávek */
html.page-geberit-poptavka-index{
  --ti-logo-shared-width:clamp(300px,24vw,372px);
}

/* Jedna velikost a jeden vzhled loga na všech stránkách. */
body.page-geberit-poptavka-index > header .top-interior-site-logo, body.page-geberit-poptavka-index > .topbar .top-interior-site-logo, html.page-geberit-poptavka-index .ti-form-site-logo, body.page-geberit-poptavka-index > header .ti-inline-header-logo{
  width:var(--ti-logo-shared-width)!important;
  max-width:38vw!important;
  min-width:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  line-height:0!important;
}
body.page-geberit-poptavka-index > header .top-interior-site-logo img, body.page-geberit-poptavka-index > .topbar .top-interior-site-logo img, html.page-geberit-poptavka-index .ti-form-site-logo img, body.page-geberit-poptavka-index > header .ti-inline-header-logo img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:left center!important;
  clip-path:none!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* Hlavní stránka: lišta o přibližně 10 % nižší, velikost loga zůstává. */
body.page-geberit-poptavka-index > header.ti-main-header, body.page-geberit-poptavka-index > header.ti-request-hub-header{
  min-height:96px!important;
  padding:20px 3vw!important;
  align-items:center!important;
}
body.page-geberit-poptavka-index > header.ti-main-header .top-interior-site-logo, body.page-geberit-poptavka-index > header.ti-request-hub-header .top-interior-site-logo{
  width:var(--ti-logo-shared-width)!important;
  max-width:38vw!important;
}

/* Poptávkové formuláře: logo je samostatně v prvním řádku vlevo. */
body.page-geberit-poptavka-index > header.topbar .topbar-inner, body.page-geberit-poptavka-index > .topbar .topbar-inner{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-areas:
    "ti-logo ti-logo"
    "ti-brand ti-actions"!important;
  align-items:center!important;
  column-gap:22px!important;
  row-gap:13px!important;
  width:100%!important;
  max-width:none!important;
  padding:18px 3vw!important;
  min-height:0!important;
}
body.page-geberit-poptavka-index > header.topbar .topbar-inner > .ti-form-site-logo, body.page-geberit-poptavka-index > .topbar .topbar-inner > .ti-form-site-logo{
  grid-area:ti-logo!important;
  position:relative!important;
  left:auto!important;
  top:auto!important;
  transform:none!important;
  justify-self:start!important;
  align-self:start!important;
  display:block!important;
  width:var(--ti-logo-shared-width)!important;
  max-width:38vw!important;
  margin:0!important;
  z-index:3!important;
}
body.page-geberit-poptavka-index > header.topbar .topbar-inner > .brand, body.page-geberit-poptavka-index > .topbar .topbar-inner > .brand, body.page-geberit-poptavka-index > header.topbar .topbar-inner > .brand-title, body.page-geberit-poptavka-index > .topbar .topbar-inner > .brand-title{
  grid-area:ti-brand!important;
  min-width:0!important;
}
body.page-geberit-poptavka-index > header.topbar .topbar-inner > .actions, body.page-geberit-poptavka-index > .topbar .topbar-inner > .actions{
  grid-area:ti-actions!important;
  align-self:center!important;
}

/* Obecný značkový formulář používá stejné dvouřádkové rozložení. */
body.page-geberit-poptavka-index > header .generic-topbar-inner{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-areas:
    "ti-logo ti-logo"
    "ti-brand ti-actions"!important;
  align-items:center!important;
  column-gap:22px!important;
  row-gap:13px!important;
  width:100%!important;
  max-width:none!important;
  margin:auto!important;
  padding:18px 3vw!important;
  min-height:0!important;
}
body.page-geberit-poptavka-index > header .generic-topbar-inner > .ti-form-site-logo{
  grid-area:ti-logo!important;
  position:relative!important;
  left:auto!important;
  top:auto!important;
  transform:none!important;
  justify-self:start!important;
  width:var(--ti-logo-shared-width)!important;
  max-width:38vw!important;
  margin:0!important;
}
body.page-geberit-poptavka-index > header .generic-topbar-inner > .generic-form-brand{grid-area:ti-brand!important}
body.page-geberit-poptavka-index > header .generic-topbar-inner > .generic-top-actions{grid-area:ti-actions!important}

/* Centrum E-shop / Poptávky má stejnou hlavičku jako hlavní stránka. */
body.page-geberit-poptavka-index > header.ti-request-hub-header{
  display:flex!important;
  justify-content:space-between!important;
  gap:24px!important;
}
body.page-geberit-poptavka-index > header.ti-request-hub-header .back{
  flex:0 0 auto!important;
}

@media(max-width:1180px){
  html.page-geberit-poptavka-index{--ti-logo-shared-width:clamp(270px,34vw,340px)}
  body.page-geberit-poptavka-index > header.ti-main-header, body.page-geberit-poptavka-index > header.ti-request-hub-header{min-height:0!important;padding:17px 3vw!important}
  body.page-geberit-poptavka-index > header .top-interior-site-logo, body.page-geberit-poptavka-index > .topbar .top-interior-site-logo, html.page-geberit-poptavka-index .ti-form-site-logo, body.page-geberit-poptavka-index > header .ti-inline-header-logo{max-width:58vw!important}

  body.page-geberit-poptavka-index > header.topbar .topbar-inner, body.page-geberit-poptavka-index > .topbar .topbar-inner, body.page-geberit-poptavka-index > header .generic-topbar-inner{
    grid-template-columns:1fr!important;
    grid-template-areas:"ti-logo" "ti-brand" "ti-actions"!important;
  }
  body.page-geberit-poptavka-index > header.topbar .topbar-inner > .actions, body.page-geberit-poptavka-index > .topbar .topbar-inner > .actions, body.page-geberit-poptavka-index > header .generic-topbar-inner > .generic-top-actions{
    width:100%!important;
    max-width:100%!important;
    justify-self:start!important;
    justify-content:flex-start!important;
  }
}
@media(max-width:900px){
  html.page-geberit-poptavka-index{--ti-logo-shared-width:260px}
  body.page-geberit-poptavka-index > header.ti-main-header, body.page-geberit-poptavka-index > header.ti-request-hub-header{padding:16px 20px!important}
  body.page-geberit-poptavka-index > header .top-interior-site-logo, body.page-geberit-poptavka-index > .topbar .top-interior-site-logo, html.page-geberit-poptavka-index .ti-form-site-logo, body.page-geberit-poptavka-index > header .ti-inline-header-logo{max-width:72vw!important}
  body.page-geberit-poptavka-index > header.topbar .topbar-inner, body.page-geberit-poptavka-index > .topbar .topbar-inner, body.page-geberit-poptavka-index > header .generic-topbar-inner{
    grid-template-columns:1fr!important;
    grid-template-areas:"ti-logo" "ti-brand" "ti-actions"!important;
    padding:16px 20px!important;
  }
  body.page-geberit-poptavka-index > header.topbar .topbar-inner > .actions, body.page-geberit-poptavka-index > .topbar .topbar-inner > .actions, body.page-geberit-poptavka-index > header .generic-topbar-inner > .generic-top-actions{
    justify-self:start!important;
    justify-content:flex-start!important;
  }
  body.page-geberit-poptavka-index > header.ti-request-hub-header{
    flex-wrap:wrap!important;
  }
}
@media(max-width:560px){
  html.page-geberit-poptavka-index{--ti-logo-shared-width:232px}
  body.page-geberit-poptavka-index > header .top-interior-site-logo, body.page-geberit-poptavka-index > .topbar .top-interior-site-logo, html.page-geberit-poptavka-index .ti-form-site-logo, body.page-geberit-poptavka-index > header .ti-inline-header-logo{max-width:78vw!important}
}


/* Krok 113 – společné logo TOP INTERIOR by JOVEE Services */
html.page-geberit-poptavka-index{--ti-combined-logo-width:clamp(370px,31vw,500px)}
body.page-geberit-poptavka-index > header .top-interior-site-logo, body.page-geberit-poptavka-index > .topbar .top-interior-site-logo, html.page-geberit-poptavka-index .ti-form-site-logo, body.page-geberit-poptavka-index > header .ti-inline-header-logo{
  width:var(--ti-combined-logo-width)!important;
  max-width:46vw!important;
}
body.page-geberit-poptavka-index > header.ti-main-header .top-interior-site-logo, body.page-geberit-poptavka-index > header.ti-request-hub-header .top-interior-site-logo{
  width:clamp(410px,34vw,535px)!important;
  max-width:48vw!important;
}
body.page-geberit-poptavka-index > header .top-interior-site-logo img, body.page-geberit-poptavka-index > .topbar .top-interior-site-logo img, html.page-geberit-poptavka-index .ti-form-site-logo img, body.page-geberit-poptavka-index > header .ti-inline-header-logo img{
  filter:none!important;
  object-fit:contain!important;
  object-position:left center!important;
}
body.page-geberit-poptavka-index > header.ti-main-header, body.page-geberit-poptavka-index > header.ti-request-hub-header{
  padding-top:12px!important;
  padding-bottom:12px!important;
}
@media(max-width:1180px){
  html.page-geberit-poptavka-index{--ti-combined-logo-width:clamp(330px,43vw,450px)}
  body.page-geberit-poptavka-index > header.ti-main-header .top-interior-site-logo, body.page-geberit-poptavka-index > header.ti-request-hub-header .top-interior-site-logo{width:clamp(350px,48vw,465px)!important;max-width:58vw!important}
}
@media(max-width:900px){
  html.page-geberit-poptavka-index{--ti-combined-logo-width:320px}
  body.page-geberit-poptavka-index > header.ti-main-header .top-interior-site-logo, body.page-geberit-poptavka-index > header.ti-request-hub-header .top-interior-site-logo{width:340px!important;max-width:78vw!important}
}
@media(max-width:560px){
  html.page-geberit-poptavka-index{--ti-combined-logo-width:280px}
  body.page-geberit-poptavka-index > header.ti-main-header .top-interior-site-logo, body.page-geberit-poptavka-index > header.ti-request-hub-header .top-interior-site-logo{width:300px!important;max-width:86vw!important}
}

/* Krok 115 – vyvážená výška hlavní lišty pro společné logo */
html.page-geberit-poptavka-index{
  --ti-combined-logo-width:clamp(330px,25vw,390px);
}

/* Běžné interní stránky a formuláře: čitelné logo bez přerůstání. */
body.page-geberit-poptavka-index > header .top-interior-site-logo, body.page-geberit-poptavka-index > .topbar .top-interior-site-logo, html.page-geberit-poptavka-index .ti-form-site-logo, body.page-geberit-poptavka-index > header .ti-inline-header-logo{
  width:var(--ti-combined-logo-width)!important;
  max-width:42vw!important;
}

/* Hlavní navigační lišta: návrat k původní vyvážené výšce. */
body.page-geberit-poptavka-index > header.ti-main-header, body.page-geberit-poptavka-index > header.ti-request-hub-header{
  min-height:112px!important;
  padding:9px 3vw!important;
  align-items:center!important;
}
body.page-geberit-poptavka-index > header.ti-main-header .top-interior-site-logo, body.page-geberit-poptavka-index > header.ti-request-hub-header .top-interior-site-logo{
  width:clamp(360px,27vw,420px)!important;
  max-width:43vw!important;
}
body.page-geberit-poptavka-index > header.ti-main-header nav{
  gap:clamp(12px,1.15vw,20px)!important;
  font-size:clamp(11px,.72vw,13px)!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
}
body.page-geberit-poptavka-index > header.ti-main-header nav a{white-space:nowrap!important}

@media(max-width:1180px){
  html.page-geberit-poptavka-index{--ti-combined-logo-width:clamp(300px,31vw,350px)}
  body.page-geberit-poptavka-index > header.ti-main-header, body.page-geberit-poptavka-index > header.ti-request-hub-header{
    min-height:100px!important;
    padding:9px 3vw!important;
  }
  body.page-geberit-poptavka-index > header.ti-main-header .top-interior-site-logo, body.page-geberit-poptavka-index > header.ti-request-hub-header .top-interior-site-logo{
    width:clamp(310px,32vw,365px)!important;
    max-width:42vw!important;
  }
  body.page-geberit-poptavka-index > header.ti-main-header nav{
    gap:10px!important;
    font-size:11px!important;
  }
}
@media(max-width:900px){
  html.page-geberit-poptavka-index{--ti-combined-logo-width:290px}
  body.page-geberit-poptavka-index > header.ti-main-header, body.page-geberit-poptavka-index > header.ti-request-hub-header{
    min-height:0!important;
    padding:12px 20px!important;
  }
  body.page-geberit-poptavka-index > header.ti-main-header .top-interior-site-logo, body.page-geberit-poptavka-index > header.ti-request-hub-header .top-interior-site-logo{
    width:300px!important;
    max-width:76vw!important;
  }
}
@media(max-width:560px){
  html.page-geberit-poptavka-index{--ti-combined-logo-width:255px}
  body.page-geberit-poptavka-index > header.ti-main-header, body.page-geberit-poptavka-index > header.ti-request-hub-header{padding:10px 16px!important}
  body.page-geberit-poptavka-index > header.ti-main-header .top-interior-site-logo, body.page-geberit-poptavka-index > header.ti-request-hub-header .top-interior-site-logo{
    width:268px!important;
    max-width:82vw!important;
  }
}


/* ===== index.html ===== */

/* Source: assets/css/index.css */
/* Source style block 1 */
html.page-index *{box-sizing:border-box}html.page-index{scroll-behavior:smooth}body.page-index{margin:0;font-family:Inter,Arial,sans-serif}
html.page-index a{text-decoration:none;color:inherit}html.page-index .wrap{max-width:1380px;margin:auto;padding-left:5vw;padding-right:5vw}

html.page-index{--bg:#f7f5f0;--ink:#17191c;--muted:#6f7377;--accent:#d87521;--line:#dfdbd3;--dark:#22282c}
body.page-index{background:var(--bg);color:var(--ink)}
html.page-index header{position:sticky;top:0;z-index:20;background:rgba(247,245,240,.94);backdrop-filter:blur(12px);
display:flex;justify-content:space-between;align-items:center;padding:18px 5vw;border-bottom:1px solid var(--line)}
html.page-index .logo{font-size:18px;font-weight:900;letter-spacing:.08em} html.page-index .logo small{display:block;font-size:9px;color:#777;letter-spacing:.19em;margin-top:3px}
html.page-index nav{display:flex;gap:24px;font-size:13px} html.page-index .switch{padding:11px 15px;border:1px solid #222;font-size:12px;font-weight:800}
html.page-index .hero{padding-top:80px;padding-bottom:50px;display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:end}
html.page-index .eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.18em;color:var(--accent);font-weight:800}
html.page-index h1, html.page-index h2{font-family:Georgia,serif;font-weight:500} html.page-index h1{font-size:clamp(54px,7vw,102px);line-height:.92;margin:18px 0}
html.page-index .hero p{font-size:19px;line-height:1.65;color:var(--muted);max-width:620px}
html.page-index .facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding-bottom:52px} html.page-index .fact{padding:18px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)} html.page-index .fact b{display:block;color:var(--ink);font-size:17px;margin-bottom:4px}
html.page-index .explorer{background:var(--dark);padding:70px 2vw 90px;color:white} html.page-index .head{max-width:1500px;margin:0 auto 25px;padding:0 2vw;display:flex;justify-content:space-between;align-items:end;gap:30px}
html.page-index .head h2{font-size:clamp(38px,5vw,68px);margin:0} html.page-index .head p{max-width:550px;color:#c6c8c9;line-height:1.55}
html.page-index .frame{max-width:1580px;margin:auto;background:white;border-radius:14px;overflow:hidden;box-shadow:0 28px 80px #0006}
html.page-index .bar{height:40px;background:#eceae5;display:flex;align-items:center;padding:0 14px;gap:7px;color:#777;font-size:11px}
html.page-index .dot{width:9px;height:9px;border-radius:50%;background:#aaa} html.page-index iframe{display:block;width:100%;height:940px;border:0}
html.page-index .sales{padding-top:90px;padding-bottom:90px} html.page-index .sales h2{font-size:58px;margin:0 0 36px}
html.page-index .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px} html.page-index .card{background:white;border:1px solid var(--line);padding:27px;min-height:190px}
html.page-index .card p{font-size:14px;color:var(--muted);line-height:1.6} html.page-index .bridge{background:#d8d0c3;padding:90px 5vw;text-align:center}
html.page-index .bridge h2{font-size:58px;margin:0 0 16px} html.page-index .bridge p{max-width:720px;margin:0 auto 28px;color:#555;line-height:1.6}
html.page-index .btn{display:inline-block;background:#171717;color:white;padding:16px 24px;font-size:13px;font-weight:800}
html.page-index footer{background:#111;color:white;padding:28px 5vw;display:flex;justify-content:space-between;font-size:12px}
@media(max-width:900px){html.page-index nav{display:none}html.page-index .hero{grid-template-columns:1fr}html.page-index .facts, html.page-index .grid{grid-template-columns:1fr}html.page-index iframe{height:82vh}html.page-index .head{display:block}}


html.page-index .brands{padding-top:105px;padding-bottom:110px}
html.page-index .brands-head{
  display:grid;grid-template-columns:minmax(260px,.8fr) minmax(320px,1.2fr);
  gap:80px;align-items:end;margin-bottom:46px
}
html.page-index .brands-head h2{font-size:clamp(44px,5vw,72px);line-height:.95;margin:0}
html.page-index .brands-head p{color:var(--muted);font-size:16px;line-height:1.75;margin:0;max-width:720px}
html.page-index .brand-grid{
  display:grid;grid-template-columns:repeat(12,1fr);
  grid-auto-rows:minmax(245px,auto);gap:18px
}
html.page-index .brand-button{
  --brand:#222;
  position:relative;isolation:isolate;overflow:hidden;
  display:flex;flex-direction:column;justify-content:space-between;
  padding:30px 32px;background:#fff;border:1px solid var(--line);
  transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;
  min-height:260px
}
html.page-index .brand-button:nth-child(1), html.page-index .brand-button:nth-child(2){grid-column:span 6}
html.page-index .brand-button:nth-child(n/**/+3){grid-column:span 4}
html.page-index .brand-button::before{
  content:"";position:absolute;inset:0;z-index:-2;
  background:
    radial-gradient(circle at 88% 12%, color-mix(in srgb,var(--brand) 16%,transparent), transparent 34%),
    linear-gradient(145deg,#fff 0%,#fff 62%,color-mix(in srgb,var(--brand) 8%,#fff) 100%)
}
html.page-index .brand-button::after{
  content:attr(data-index);
  position:absolute;right:20px;bottom:-27px;z-index:-1;
  font-family:Georgia,serif;font-size:122px;line-height:1;
  color:color-mix(in srgb,var(--brand) 8%,transparent);
  font-weight:500;letter-spacing:-.06em
}
html.page-index .brand-button:hover{
  transform:translateY(-7px);
  box-shadow:0 22px 55px rgba(26,24,20,.14);
  border-color:color-mix(in srgb,var(--brand) 35%,#c9c3b9)
}
html.page-index .brand-accent{
  position:absolute;left:0;top:0;width:100%;height:5px;background:var(--brand)
}
html.page-index .brand-top{display:flex;justify-content:space-between;align-items:flex-start;gap:22px}
html.page-index .brand-logo-text{
  font-size:clamp(26px,2.3vw,38px);line-height:.98;
  font-weight:850;letter-spacing:-.035em
}
html.page-index .brand-type{
  flex:none;max-width:130px;padding:7px 9px;
  border:1px solid color-mix(in srgb,var(--brand) 28%,#ddd);
  color:color-mix(in srgb,var(--brand) 72%,#333);
  font-size:9px;text-transform:uppercase;letter-spacing:.12em;
  font-weight:850;text-align:center;background:rgba(255,255,255,.72)
}
html.page-index .brand-button p{
  max-width:560px;margin:28px 0 24px;color:var(--muted);
  line-height:1.6;font-size:14px
}
html.page-index .brand-services{
  display:flex;gap:7px;flex-wrap:wrap;margin:0 0 25px;padding:0;list-style:none
}
html.page-index .brand-services li{
  padding:6px 8px;background:rgba(255,255,255,.75);
  border:1px solid #e5e1da;color:#555;font-size:10px;font-weight:700
}
html.page-index .brand-link{
  display:flex;justify-content:space-between;align-items:center;
  padding-top:17px;border-top:1px solid color-mix(in srgb,var(--brand) 22%,#e1ddd6);
  font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.09em
}
html.page-index .brand-arrow{
  width:34px;height:34px;border-radius:50%;display:grid;place-items:center;
  background:var(--brand);color:#fff;font-size:18px;transition:transform .22s ease
}
html.page-index .brand-button:hover .brand-arrow{transform:translateX(4px)}
html.page-index .brand-note{
  margin-top:22px;padding:18px 20px;border-left:3px solid var(--accent);
  background:rgba(255,255,255,.6);color:#6f7275;font-size:12px;line-height:1.55
}
@media(max-width:1050px){
  html.page-index .brand-button:nth-child(n){grid-column:span 6}
}
@media(max-width:720px){
  html.page-index .brands-head{grid-template-columns:1fr;gap:20px}
  html.page-index .brand-button:nth-child(n){grid-column:1/-1}
  html.page-index .brand-button{min-height:240px;padding:25px}
  html.page-index .brand-logo-text{font-size:30px}
}



html.page-index{
  --bg:#170d24;
  --ink:#f4ead0;
  --muted:#cbbfd3;
  --accent:#d6b15f;
  --line:rgba(214,177,95,.24);
  --dark:#0f0818;
  --purple:#2b1640;
  --purple-2:#4a2862;
  --gold:#d6b15f;
}
body.page-index{
  background:
    radial-gradient(circle at 15% 0%,rgba(92,47,119,.25),transparent 30%),
    linear-gradient(180deg,#170d24 0%,#21112f 60%,#140a1e 100%);
  color:var(--ink)
}
html.page-index header{
  background:rgba(23,13,36,.9)!important;
  border-bottom:1px solid rgba(214,177,95,.2)!important
}
html.page-index .logo{color:var(--gold)!important}
html.page-index .logo small{color:#bfb1c9!important}
html.page-index nav a{color:#d8cce0}
html.page-index nav a:hover{color:var(--gold)}
html.page-index .switch{border-color:var(--gold)!important;color:var(--gold)!important}
html.page-index .hero p, html.page-index .brands-head p, html.page-index .sales .card p{color:var(--muted)!important}
html.page-index .eyebrow{color:var(--gold)!important}
html.page-index .facts .fact{border-top-color:rgba(214,177,95,.25)!important;color:#bfb1c9!important}
html.page-index .facts .fact b{color:var(--gold)!important}
html.page-index .explorer{background:#0f0818!important}
html.page-index .sales .card{
  background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025))!important;
  border-color:rgba(214,177,95,.2)!important
}
html.page-index .sales .card b{color:var(--gold)}
html.page-index .bridge{
  background:linear-gradient(135deg,#3b2151,#20102f)!important;
  color:#f7ecd2
}
html.page-index .bridge p{color:#cdbfd7!important}
html.page-index .btn{background:var(--gold)!important;color:#251431!important}
html.page-index footer{background:#09050f!important;color:var(--gold)!important}


html.page-index .brand-button{
  background-image:
    linear-gradient(180deg,rgba(20,8,31,.18) 0%,rgba(20,8,31,.58) 46%,rgba(20,8,31,.94) 100%),
    var(--photo)!important;
  background-size:cover!important;
  background-position:center!important;
  border-color:rgba(214,177,95,.28)!important;
  color:#fff;
  min-height:310px!important
}
html.page-index .brand-button::before{
  background:
    linear-gradient(135deg,rgba(92,47,119,.13),transparent 45%),
    radial-gradient(circle at 90% 10%,rgba(214,177,95,.14),transparent 28%)!important
}
html.page-index .brand-button::after{color:rgba(214,177,95,.09)!important}
html.page-index .brand-button:hover{
  border-color:rgba(214,177,95,.7)!important;
  box-shadow:0 24px 65px rgba(0,0,0,.38)!important
}
html.page-index .brand-accent{background:var(--gold)!important;height:4px!important}
html.page-index .brand-logo-text{
  color:var(--gold)!important;
  text-shadow:0 2px 18px rgba(0,0,0,.7)
}
html.page-index .brand-type{
  color:var(--gold)!important;
  border-color:rgba(214,177,95,.5)!important;
  background:rgba(28,13,42,.72)!important;
  backdrop-filter:blur(6px)
}
html.page-index .brand-button p{
  color:#f3edf6!important;
  text-shadow:0 1px 10px rgba(0,0,0,.65)
}
html.page-index .brand-services li{
  background:rgba(25,11,38,.72)!important;
  border-color:rgba(214,177,95,.28)!important;
  color:#f2e6c8!important;
  backdrop-filter:blur(5px)
}
html.page-index .brand-link{
  color:var(--gold)!important;
  border-top-color:rgba(214,177,95,.35)!important
}
html.page-index .brand-arrow{background:var(--gold)!important;color:#281438!important}
html.page-index .brand-note{
  background:rgba(255,255,255,.04)!important;
  border-left-color:var(--gold)!important;
  color:#c7bacf!important
}


html.page-index .trust{
  margin:72px auto 95px;
  display:grid;grid-template-columns:.9fr 1.1fr;
  gap:42px;align-items:stretch
}
html.page-index .trust-claim{
  position:relative;overflow:hidden;
  padding:42px 44px;
  background:
    radial-gradient(circle at 85% 10%,rgba(214,177,95,.17),transparent 28%),
    linear-gradient(145deg,#4a2862 0%,#2a153d 62%,#160b22 100%);
  border:1px solid rgba(214,177,95,.35)
}
html.page-index .trust-claim:after{
  content:"5";
  position:absolute;right:18px;bottom:-52px;
  font:500 190px/1 Georgia,serif;color:rgba(214,177,95,.09)
}
html.page-index .trust-claim .eyebrow{margin-bottom:18px}
html.page-index .trust-claim h2{
  margin:0;max-width:780px;
  color:var(--gold);font-size:clamp(40px,5vw,70px);line-height:.98
}
html.page-index .trust-claim p{
  margin:24px 0 0;max-width:720px;
  color:#efe6f3;font-size:17px;line-height:1.7
}
html.page-index .trust-points{
  display:grid;grid-template-columns:1fr 1fr;gap:14px
}
html.page-index .trust-point{
  min-height:190px;padding:26px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(214,177,95,.22)
}
html.page-index .trust-point strong{
  display:block;color:var(--gold);
  font-family:Georgia,serif;font-size:26px;font-weight:500;margin-bottom:12px
}
html.page-index .trust-point p{
  margin:0;color:#cfc1d6;font-size:14px;line-height:1.6
}
html.page-index .trust-signature{
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  margin-top:18px;padding:16px 18px;
  border-left:3px solid var(--gold);background:rgba(255,255,255,.04);
  color:#d8ccdf;font-size:13px;line-height:1.5
}
html.page-index .trust-signature b{color:var(--gold)}
@media(max-width:900px){
  html.page-index .trust{grid-template-columns:1fr}
}
@media(max-width:650px){
  html.page-index .trust-points{grid-template-columns:1fr}
  html.page-index .trust-claim{padding:32px 26px}
}


html.page-index .quality-manifesto{
  margin:-58px auto 100px;
  padding:28px 32px;
  display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:center;
  border:1px solid rgba(214,177,95,.28);
  background:linear-gradient(135deg,rgba(214,177,95,.08),rgba(255,255,255,.025))
}
html.page-index .quality-manifesto .number{
  color:var(--gold);font-family:Georgia,serif;font-size:72px;line-height:.8
}
html.page-index .quality-manifesto p{
  margin:0;color:#d5c9dc;font-size:15px;line-height:1.65
}
html.page-index .quality-manifesto b{color:var(--gold)}
@media(max-width:650px){
  html.page-index .quality-manifesto{grid-template-columns:1fr;margin-top:-35px}
  html.page-index .quality-manifesto .number{font-size:54px}
}


html.page-index .trust-points .trust-point:last-child{grid-column:1/-1;min-height:150px}
@media(max-width:650px){html.page-index .trust-points .trust-point:last-child{grid-column:auto}}


html.page-index .planning{
  padding:100px 5vw;
  background:
    radial-gradient(circle at 85% 8%,rgba(214,177,95,.12),transparent 28%),
    linear-gradient(145deg,#29143d,#170b24);
  color:#fff
}
html.page-index .planning-inner{
  max-width:1400px;margin:auto;
  display:grid;grid-template-columns:.8fr 1.2fr;gap:75px;align-items:start
}
html.page-index .planning h2{
  color:var(--gold);font-size:clamp(44px,5vw,72px);line-height:.97;margin:0
}
html.page-index .planning-copy p{
  margin:0 0 18px;color:#d6cadd;font-size:16px;line-height:1.75
}
html.page-index .planning-highlight{
  margin:28px 0;padding:24px 26px;
  border:1px solid rgba(214,177,95,.35);
  border-left:5px solid var(--gold);
  background:rgba(255,255,255,.045)
}
html.page-index .planning-highlight p{
  margin:0;color:#f3e7c8;font:500 24px/1.45 Georgia,serif
}
html.page-index .planning-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:34px
}
html.page-index .planning-card{
  min-height:190px;padding:22px;
  border:1px solid rgba(214,177,95,.24);
  background:rgba(255,255,255,.045)
}
html.page-index .planning-card b{
  display:block;color:var(--gold);font-size:11px;
  text-transform:uppercase;letter-spacing:.12em;margin-bottom:12px
}
html.page-index .planning-card strong{display:block;font-size:19px;margin-bottom:8px}
html.page-index .planning-card span{color:#c8bbcf;font-size:13px;line-height:1.5}
@media(max-width:900px){
  html.page-index .planning-inner{grid-template-columns:1fr}
  html.page-index .planning-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){html.page-index .planning-grid{grid-template-columns:1fr}}


html.page-index .design-manifesto{
  padding:96px 5vw;
  background:
    radial-gradient(circle at 88% 12%,rgba(214,177,95,.18),transparent 30%),
    linear-gradient(135deg,#4b2864,#241235 68%,#150a20);
  color:white
}
html.page-index .design-manifesto-inner{
  max-width:1400px;margin:auto;
  display:grid;grid-template-columns:.78fr 1.22fr;gap:78px;align-items:start
}
html.page-index .design-manifesto h2{
  color:var(--gold);font-size:clamp(46px,5.5vw,78px);line-height:.95;margin:0
}
html.page-index .design-copy p{
  margin:0 0 18px;color:#d9cedf;font-size:17px;line-height:1.75
}
html.page-index .design-quote{
  margin-top:28px;padding:26px 28px;
  border:1px solid rgba(214,177,95,.34);
  border-left:5px solid var(--gold);
  background:rgba(255,255,255,.045)
}
html.page-index .design-quote p{
  margin:0;color:#f4e7c6;
  font:500 26px/1.42 Georgia,"Times New Roman",serif
}
html.page-index .design-values{
  display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:30px
}
html.page-index .design-value{
  min-height:175px;padding:23px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(214,177,95,.22)
}
html.page-index .design-value strong{
  display:block;color:var(--gold);font-size:20px;margin-bottom:10px
}
html.page-index .design-value span{
  color:#cbbfd2;font-size:13px;line-height:1.55
}
@media(max-width:900px){
  html.page-index .design-manifesto-inner{grid-template-columns:1fr}
  html.page-index .design-values{grid-template-columns:1fr}
}


html.page-index .brand-specialisms{
  display:flex;justify-content:center;gap:8px;flex-wrap:wrap;
  padding:10px 5vw 11px;
  background:linear-gradient(90deg,#2a153d,#3d2154,#2a153d);
  border-bottom:1px solid rgba(214,177,95,.22);
  color:#e4c97f;
  font-size:10px;font-weight:800;
  letter-spacing:.045em;text-transform:uppercase
}
html.page-index .brand-specialisms span{
  display:inline-flex;align-items:center;gap:8px
}
html.page-index .brand-specialisms span:not(:last-child)::after{
  content:"•";color:#d6b15f;font-size:11px
}
@media(max-width:700px){
  html.page-index .brand-specialisms{justify-content:flex-start;font-size:9px;line-height:1.45}
}


html.page-index .hero-preview{
  grid-column:1/-1;
  position:relative;
  margin-top:20px;
  border:1px solid rgba(214,177,95,.34);
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 28px 70px rgba(0,0,0,.34);
  background:#160b22
}
html.page-index .hero-preview img{
  display:block;width:100%;height:auto;
  transition:transform .5s ease,filter .5s ease
}
html.page-index .hero-preview::after{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 55%,rgba(20,8,31,.82) 100%);
  pointer-events:none
}
html.page-index .hero-preview-label{
  position:absolute;left:28px;right:28px;bottom:24px;z-index:2;
  display:flex;justify-content:space-between;align-items:end;gap:24px;
  color:#fff
}
html.page-index .hero-preview-label strong{
  display:block;color:var(--gold);
  font:500 clamp(27px,3vw,45px)/1.05 Georgia,serif
}
html.page-index .hero-preview-label span{
  display:block;margin-top:7px;color:#eadff0;font-size:13px
}
html.page-index .hero-preview-arrow{
  flex:none;width:54px;height:54px;border-radius:50%;
  display:grid;place-items:center;
  background:var(--gold);color:#281437;font-size:25px;font-weight:800
}
html.page-index .hero-preview:hover img{
  transform:scale(1.018);
  filter:brightness(.92)
}
html.page-index .hero-preview:hover .hero-preview-arrow{transform:translateY(3px)}
@media(max-width:700px){
  html.page-index .hero-preview-label{left:18px;right:18px;bottom:16px}
  html.page-index .hero-preview-arrow{width:44px;height:44px;font-size:20px}
}


html.page-index .visoft{
  padding:100px 5vw;
  background:
    radial-gradient(circle at 85% 12%,rgba(214,177,95,.16),transparent 30%),
    linear-gradient(135deg,#3f2055,#1f102d 72%,#13091d);
  color:white
}
html.page-index .visoft-inner{
  max-width:1400px;margin:auto;
  display:grid;grid-template-columns:.85fr 1.15fr;gap:75px;align-items:start
}
html.page-index .visoft h2{
  color:var(--gold);
  font-size:clamp(46px,5.5vw,78px);
  line-height:.96;margin:0 0 22px
}
html.page-index .visoft-copy p{
  margin:0 0 18px;
  color:#d8ccdf;
  font-size:16px;line-height:1.75
}
html.page-index .visoft-price{
  display:flex;align-items:end;gap:16px;
  margin:30px 0 24px;padding:24px 26px;
  border:1px solid rgba(214,177,95,.35);
  background:rgba(255,255,255,.045)
}
html.page-index .visoft-price strong{
  color:var(--gold);
  font:500 66px/1 Georgia,serif
}
html.page-index .visoft-price span{
  color:#e8dff0;
  font-size:13px;line-height:1.45;
  max-width:420px
}
html.page-index .visoft-grid{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:12px;margin-top:30px
}
html.page-index .visoft-card{
  min-height:180px;padding:23px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(214,177,95,.22)
}
html.page-index .visoft-card b{
  display:block;color:var(--gold);
  font-size:11px;text-transform:uppercase;
  letter-spacing:.12em;margin-bottom:12px
}
html.page-index .visoft-card strong{
  display:block;font-size:19px;margin-bottom:8px
}
html.page-index .visoft-card span{
  color:#c8bbcf;font-size:13px;line-height:1.55
}
html.page-index .visoft-refund{
  margin-top:24px;padding:22px 24px;
  border-left:5px solid var(--gold);
  background:rgba(214,177,95,.08)
}
html.page-index .visoft-refund p{
  margin:0;color:#f4e9ce;
  font:500 23px/1.45 Georgia,serif
}
html.page-index .visoft-note{
  margin-top:14px;color:#bcaec5;
  font-size:12px;line-height:1.55
}
@media(max-width:900px){
  html.page-index .visoft-inner{grid-template-columns:1fr}
  html.page-index .visoft-grid{grid-template-columns:1fr}
}


html.page-index .product-directory{
  padding:100px 5vw;
  background:
    radial-gradient(circle at 86% 8%,rgba(214,177,95,.12),transparent 30%),
    linear-gradient(180deg,#1d0e2b,#12081b);
  color:white
}
html.page-index .product-directory-inner{max-width:1450px;margin:auto}
html.page-index .product-directory-head{
  display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:end;margin-bottom:40px
}
html.page-index .product-directory h2{
  color:var(--gold);font-size:clamp(44px,5vw,72px);line-height:.96;margin:0
}
html.page-index .product-directory-head p{
  color:#cfc2d6;font-size:16px;line-height:1.7;margin:0
}
html.page-index .used-summary{
  margin-bottom:34px;border:1px solid rgba(214,177,95,.28);
  background:rgba(255,255,255,.035)
}
html.page-index .used-summary summary{
  cursor:pointer;list-style:none;padding:22px 26px;
  display:flex;justify-content:space-between;align-items:center;gap:20px;
  color:var(--gold);font-size:17px;font-weight:850
}
html.page-index .used-summary summary::-webkit-details-marker{display:none}
html.page-index .used-summary summary::after{
  content:"+";
  width:34px;height:34px;border-radius:50%;display:grid;place-items:center;
  border:1px solid rgba(214,177,95,.5);font-size:22px
}
html.page-index .used-summary[open] summary::after{content:"−"}
html.page-index .used-list{
  display:grid;grid-template-columns:repeat(2,1fr);gap:1px;
  background:rgba(214,177,95,.13);
  border-top:1px solid rgba(214,177,95,.22)
}
html.page-index .used-row{
  display:grid;grid-template-columns:48px 1fr;gap:12px;
  padding:15px 18px;background:#1a0d27
}
html.page-index .used-row .num{
  color:var(--gold);font-weight:850;font-size:12px;padding-top:3px
}
html.page-index .used-row strong{
  display:block;color:#f2e8f4;font-size:14px;margin-bottom:3px
}
html.page-index .used-row span{
  color:#aa9bb4;font-size:11px;line-height:1.4
}
html.page-index .category-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:14px
}
html.page-index .category-tile{
  position:relative;overflow:hidden;min-height:220px;padding:26px;
  display:flex;flex-direction:column;justify-content:space-between;
  border:1px solid rgba(214,177,95,.24);
  background:
    linear-gradient(145deg,rgba(75,40,100,.7),rgba(28,13,42,.94));
  transition:.24s
}
html.page-index .category-tile::before{
  content:"";position:absolute;inset:auto -30px -70px auto;
  width:170px;height:170px;border-radius:50%;
  background:radial-gradient(circle,rgba(214,177,95,.18),transparent 68%)
}
html.page-index .category-tile:hover{
  transform:translateY(-5px);
  border-color:rgba(214,177,95,.7);
  box-shadow:0 22px 55px rgba(0,0,0,.32)
}
html.page-index .category-tile .index{
  color:rgba(214,177,95,.56);
  font:500 42px/1 Georgia,serif
}
html.page-index .category-tile h3{
  color:var(--gold);font-size:28px;line-height:1.05;margin:26px 0 10px
}
html.page-index .category-tile p{
  color:#c8bacf;font-size:13px;line-height:1.55;margin:0;max-width:380px
}
html.page-index .category-link{
  display:flex;justify-content:space-between;align-items:center;
  margin-top:26px;padding-top:15px;
  border-top:1px solid rgba(214,177,95,.26);
  color:#f1e4c5;font-size:10px;font-weight:850;
  letter-spacing:.1em;text-transform:uppercase
}
html.page-index .category-link b{
  width:32px;height:32px;border-radius:50%;display:grid;place-items:center;
  background:var(--gold);color:#281437;font-size:17px
}
html.page-index .directory-note{
  margin-top:20px;color:#9d8fa7;font-size:12px;line-height:1.55
}
@media(max-width:950px){
  html.page-index .product-directory-head{grid-template-columns:1fr}
  html.page-index .category-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:650px){
  html.page-index .used-list, html.page-index .category-grid{grid-template-columns:1fr}
}


html.page-index .action-facts{align-items:stretch}
html.page-index .action-fact{
  position:relative;display:flex!important;flex-direction:column;justify-content:space-between;
  min-height:185px;padding:24px!important;background:rgba(255,255,255,.045);
  border:1px solid rgba(214,177,95,.2)!important;
  transition:.24s;overflow:hidden
}
html.page-index .action-fact::before{
  content:"";position:absolute;left:0;top:0;width:100%;height:4px;background:var(--gold)
}
html.page-index .action-fact:hover{
  transform:translateY(-5px);
  border-color:rgba(214,177,95,.68)!important;
  box-shadow:0 20px 48px rgba(0,0,0,.24)
}
html.page-index .action-fact b{color:var(--gold)!important;font-size:21px!important;margin-bottom:12px}
html.page-index .action-fact span{color:#cfc2d6;line-height:1.55;font-size:13px}
html.page-index .action-fact em{
  display:block;margin-top:22px;color:#f2e4c2;font-size:11px;
  font-style:normal;font-weight:850;text-transform:uppercase;letter-spacing:.08em
}
html.page-index .visoft{
  position:relative;overflow:hidden;
  background:
    linear-gradient(90deg,rgba(35,14,49,.98) 0%,rgba(35,14,49,.9) 54%,rgba(35,14,49,.72) 100%),
    url("../assets/images/embedded/aea00cfeca98a729b433.jpg") center/cover no-repeat!important
}
html.page-index .visoft::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(circle at 78% 30%,rgba(214,177,95,.12),transparent 28%)
}
html.page-index .visoft-inner{position:relative;z-index:2}
html.page-index .visoft-offer{
  margin:30px 0 24px;padding:26px 28px;
  border:1px solid rgba(214,177,95,.48);
  background:linear-gradient(135deg,rgba(214,177,95,.13),rgba(255,255,255,.04));
  box-shadow:0 22px 55px rgba(0,0,0,.2)
}
html.page-index .visoft-offer-top{display:flex;align-items:end;gap:18px;flex-wrap:wrap}
html.page-index .visoft-offer strong{color:var(--gold);font:500 70px/1 Georgia,serif}
html.page-index .visoft-offer .offer-copy{color:#f2e7f4;font-size:14px;line-height:1.5;max-width:500px}
html.page-index .visoft-offer .refund-copy{
  margin-top:18px;padding-top:18px;border-top:1px solid rgba(214,177,95,.28);
  color:#f6e8bd;font:500 22px/1.45 Georgia,serif
}


/* ViSoft section – half visual, half content */
html.page-index .visoft{
  position:relative!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  min-height:780px!important;
  padding:0!important;
  background:#1b0d28!important;
  overflow:hidden
}
html.page-index .visoft::after{display:none!important}
html.page-index .visoft-visual{
  position:relative;min-height:780px;overflow:hidden;
  border-right:1px solid rgba(214,177,95,.28)
}
html.page-index .visoft-visual img{
  width:100%;height:100%;object-fit:cover;display:block;
  filter:saturate(.95) contrast(1.02)
}
html.page-index .visoft-visual::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(22,9,32,.06),rgba(22,9,32,.16)),
             linear-gradient(180deg,transparent 65%,rgba(22,9,32,.78))
}
html.page-index .visoft-image-label{
  position:absolute;left:28px;right:28px;bottom:24px;z-index:2;
  padding-top:14px;border-top:1px solid rgba(255,255,255,.45);
  color:#f3e9f4;font-size:12px;line-height:1.5
}
html.page-index .visoft-inner{
  position:relative!important;z-index:2!important;
  display:block!important;max-width:none!important;margin:0!important;
  padding:68px 5vw 68px 54px!important
}
html.page-index .visoft-intro p{
  color:#d8ccdf;font-size:15px;line-height:1.7;max-width:650px
}
html.page-index .visoft-copy{margin-top:30px}
html.page-index .visoft-offer-split{
  display:grid;grid-template-columns:1fr 1fr;gap:14px
}
html.page-index .visoft-service{
  padding:24px;background:rgba(255,255,255,.055);
  border:1px solid rgba(214,177,95,.3)
}
html.page-index .visoft-service .service-price{
  color:var(--gold);font:500 42px/1 Georgia,serif;margin-bottom:16px
}
html.page-index .visoft-service strong{
  display:block;color:#fff;font-size:19px;margin-bottom:10px
}
html.page-index .visoft-service p{
  margin:0!important;color:#cfc1d5!important;font-size:13px!important;line-height:1.58!important
}
html.page-index .visoft-total{
  display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:center;
  margin-top:14px;padding:22px 24px;
  background:linear-gradient(135deg,rgba(214,177,95,.15),rgba(255,255,255,.045));
  border:1px solid rgba(214,177,95,.45)
}
html.page-index .visoft-total span{
  display:block;color:#e3d3a4;font-size:10px;text-transform:uppercase;
  letter-spacing:.13em;font-weight:800
}
html.page-index .visoft-total strong{
  display:block;color:var(--gold);font:500 50px/1 Georgia,serif;margin-top:4px
}
html.page-index .visoft-total p{
  margin:0!important;color:#eee4f0!important;font-size:13px!important;line-height:1.58!important
}
html.page-index .visoft-refund-visible{
  margin-top:14px;padding:21px 23px;
  border-left:5px solid var(--gold);
  background:rgba(214,177,95,.11);
  color:#f6e8bd;font:500 20px/1.45 Georgia,serif
}
html.page-index .visoft-note{margin-top:15px!important}

/* Ensure CTA cards read as actions */
html.page-index .action-fact{cursor:pointer}
html.page-index .action-fact em{margin-top:auto!important;padding-top:20px}

/* Avoid duplicated old ViSoft styles affecting the new version */
html.page-index .visoft-price, html.page-index .visoft-offer, html.page-index .visoft-grid, html.page-index .visoft-refund{display:none!important}

@media(max-width:1050px){
  html.page-index .visoft{grid-template-columns:1fr!important}
  html.page-index .visoft-visual{min-height:520px;border-right:0;border-bottom:1px solid rgba(214,177,95,.28)}
  html.page-index .visoft-inner{padding:56px 5vw!important}
}
@media(max-width:650px){
  html.page-index .visoft-offer-split{grid-template-columns:1fr}
  html.page-index .visoft-total{grid-template-columns:1fr}
  html.page-index .visoft-visual{min-height:360px}
}


html.page-index .catalog-guide{
  padding:95px 5vw;background:linear-gradient(135deg,#261136,#180a24);color:#fff
}
html.page-index .catalog-guide-inner{
  max-width:1400px;margin:auto;display:grid;grid-template-columns:.8fr 1.2fr;gap:75px
}
html.page-index .catalog-guide h2{color:var(--gold);font-size:clamp(42px,5vw,70px);line-height:.97;margin:0}
html.page-index .catalog-guide-copy p{color:#d2c4d9;font-size:16px;line-height:1.72;margin:0 0 18px}
html.page-index .catalog-guide blockquote{
  margin:28px 0 0;padding:24px 26px;border-left:5px solid var(--gold);
  background:rgba(255,255,255,.05);color:#f2e4bf;font:500 24px/1.45 Georgia,serif
}
html.page-index .manufacturer-flow{
  display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 34px
}
html.page-index .manufacturer-flow-item{
  padding:20px;background:rgba(255,255,255,.045);border:1px solid rgba(214,177,95,.2)
}
html.page-index .manufacturer-flow-item b{display:block;color:var(--gold);font-size:11px;letter-spacing:.12em;margin-bottom:10px}
html.page-index .manufacturer-flow-item strong{display:block;color:#f5edf6;font-size:16px;margin-bottom:7px}
html.page-index .manufacturer-flow-item span{color:#bcaec5;font-size:12px;line-height:1.5}
html.page-index .manufacturer-card{cursor:default}
html.page-index .manufacturer-actions{
  display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:22px;position:relative;z-index:3
}
html.page-index .manufacturer-action{
  min-height:48px;padding:12px 13px;display:flex;align-items:center;justify-content:center;
  text-align:center;font-size:10px;font-weight:850;letter-spacing:.06em;text-transform:uppercase
}
html.page-index .manufacturer-action-external{
  color:#f1e4c4;border:1px solid rgba(214,177,95,.48);background:rgba(26,11,39,.72)
}
html.page-index .manufacturer-action-quote{background:var(--gold);color:#281437}
html.page-index .manufacturer-notice{
  margin-top:20px;padding:17px 19px;border-left:3px solid var(--gold);
  background:rgba(255,255,255,.04);color:#ad9fb6;font-size:12px;line-height:1.55
}
html.page-index .manufacturer-enquiry{
  margin-top:24px;padding:32px;background:linear-gradient(135deg,rgba(214,177,95,.12),rgba(255,255,255,.04));
  border:1px solid rgba(214,177,95,.36)
}
html.page-index .manufacturer-enquiry h3{color:var(--gold);font-size:34px;margin:0 0 10px}
html.page-index .manufacturer-enquiry p{color:#d1c3d7;line-height:1.65;max-width:850px}
html.page-index .manufacturer-enquiry-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
html.page-index .manufacturer-enquiry-primary, html.page-index .manufacturer-enquiry-secondary{
  padding:14px 18px;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.07em
}
html.page-index .manufacturer-enquiry-primary{background:var(--gold);color:#281437}
html.page-index .manufacturer-enquiry-secondary{border:1px solid rgba(214,177,95,.5);color:var(--gold)}
@media(max-width:1000px){
  html.page-index .catalog-guide-inner{grid-template-columns:1fr}
  html.page-index .manufacturer-flow{grid-template-columns:1fr 1fr}
}
@media(max-width:650px){
  html.page-index .manufacturer-flow, html.page-index .manufacturer-actions{grid-template-columns:1fr}
}

html.page-index .sapho-routing-note{
  margin-top:20px;padding:20px 22px;
  display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center;
  background:linear-gradient(135deg,rgba(214,177,95,.12),rgba(255,255,255,.04));
  border:1px solid rgba(214,177,95,.32)
}
html.page-index .sapho-routing-note strong{color:var(--gold);font-size:15px}
html.page-index .sapho-routing-note span{color:#c9bbd0;font-size:12px;line-height:1.55}
@media(max-width:650px){html.page-index .sapho-routing-note{grid-template-columns:1fr}}


html.page-index .installer-first{
  padding:34px 5vw 38px;
  background:
    radial-gradient(circle at 90% 5%,rgba(214,177,95,.13),transparent 26%),
    linear-gradient(135deg,#301743,#1b0c28);
  border-bottom:1px solid rgba(214,177,95,.25);
  color:#fff
}
html.page-index .installer-first-inner{
  max-width:1400px;margin:auto;
  display:grid;grid-template-columns:auto 1fr;gap:30px;align-items:center
}
html.page-index .installer-first-mark{
  width:82px;height:82px;border-radius:50%;
  display:grid;place-items:center;
  border:1px solid rgba(214,177,95,.55);
  color:var(--gold);
  font:500 28px/1 Georgia,serif
}
html.page-index .installer-first-copy strong{
  display:block;color:var(--gold);
  font:500 clamp(25px,3vw,39px)/1.16 Georgia,serif;
  margin-bottom:9px
}
html.page-index .installer-first-copy p{
  margin:0;max-width:1100px;
  color:#d6c9dc;font-size:15px;line-height:1.68
}
html.page-index .installer-first-copy b{color:#f2e4bd}
@media(max-width:700px){
  html.page-index .installer-first-inner{grid-template-columns:1fr}
  html.page-index .installer-first-mark{width:65px;height:65px;font-size:23px}
}

/* Krok 1 – upřesnění 20 let praxe */
html.page-index .installer-first-mark{
  width:116px;height:116px;border-radius:50%;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;padding:10px;
  border:1px solid rgba(214,177,95,.65);
  color:var(--gold);font-family:Georgia,serif;line-height:1
}
html.page-index .installer-first-mark strong{font:500 34px/1 Georgia,serif;display:block;margin-bottom:8px}
html.page-index .installer-first-mark span{font:800 9px/1.35 Arial,sans-serif;letter-spacing:.12em;color:#f1dfb1}
@media(max-width:700px){html.page-index .installer-first-mark{width:96px;height:96px}html.page-index .installer-first-mark strong{font-size:29px}}


/* Krok 2 – horní sdělení */
html.page-index .installer-first-mark{width:118px!important;height:118px!important;border-radius:50%!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;padding:11px!important;border:1px solid rgba(214,177,95,.58)!important;background:transparent!important;color:var(--gold)!important;font-family:Georgia,serif!important;line-height:1!important}
html.page-index .installer-first-mark strong{display:block!important;margin:0 0 6px!important;font:500 33px/1 Georgia,serif!important}
html.page-index .installer-first-mark span{display:block!important;color:#f1dfb1!important;font:800 9px/1.25 Arial,sans-serif!important;letter-spacing:.12em!important}
html.page-index .installer-first-mark small{display:block!important;margin-top:8px!important;padding-top:7px!important;width:76px!important;border-top:1px solid rgba(214,177,95,.38)!important;color:#d6b15f!important;font:800 8px/1.3 Arial,sans-serif!important;letter-spacing:.08em!important}
html.page-index .hero-benefit{margin-top:8px;color:#d6b15f;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
@media(max-width:700px){html.page-index .installer-first-mark{width:108px!important;height:108px!important}}


/* Krok 3 – schválené úpravy */
html.page-index .installer-first-copy > strong{
  display:block!important;
  padding:15px 18px!important;
  border:1px solid rgba(214,177,95,.68)!important;
  background:rgba(255,255,255,.012)!important;
  color:var(--gold)!important;
}
html.page-index .hero-benefit{
  display:block!important;
  margin-top:8px!important;
  margin-bottom:18px!important;
}


/* Krok 4 – rozšířená specializační lišta */
html.page-index .brand-specialisms{
  column-gap:10px!important;row-gap:5px!important;
  padding-top:9px!important;padding-bottom:9px!important;
  line-height:1.35!important
}
html.page-index .brand-specialisms span{white-space:nowrap}

/* Krok 5 – ostré ViSoft video */
html.page-index .visoft-visual video{
  width:100%;height:100%;min-height:780px;object-fit:cover;display:block;
  background:#12091b;filter:none!important
}
html.page-index .visoft-visual::after{
  background:linear-gradient(180deg,transparent 76%,rgba(22,9,32,.66))!important;
  pointer-events:none
}
html.page-index .visoft-intro h2{font-size:clamp(38px,4vw,62px)!important;line-height:1.02!important}
html.page-index .visoft-intro p{font-size:16px!important;line-height:1.72!important}
html.page-index .visoft-service strong{font-size:20px!important}
html.page-index .visoft-service p, html.page-index .visoft-total p{font-size:14px!important}
@media(max-width:1050px){html.page-index .visoft-visual video{min-height:520px}}
@media(max-width:650px){html.page-index .visoft-visual video{min-height:360px}}


/* Krok 6 – celé ViSoft video bez ořezu */
html.page-index .visoft-visual{
  background:#14091d!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  min-height:620px!important;
  padding:22px!important;
}
html.page-index .visoft-visual video{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:760px!important;
  object-fit:contain!important;
  object-position:center!important;
  display:block!important;
  background:#0e0714!important;
  box-shadow:0 18px 48px rgba(0,0,0,.35)!important;
}
html.page-index .visoft-image-label{
  left:36px!important;
  right:36px!important;
  bottom:30px!important;
}
@media(max-width:1050px){
  html.page-index .visoft-visual{min-height:460px!important;padding:16px!important}
  html.page-index .visoft-visual video{max-height:620px!important}
}
@media(max-width:650px){
  html.page-index .visoft-visual{min-height:320px!important;padding:10px!important}
  html.page-index .visoft-visual video{max-height:420px!important}
}


/* Krok 7 – ViSoft video, živý projekt a AR aplikace pod sebou */
html.page-index .visoft{
  align-items:start!important;
}
html.page-index .visoft-visual{
  align-self:start!important;
  margin-top:0!important;
}

html.page-index .visoft-digital-stack{
  padding:82px 5vw 95px;
  background:
    radial-gradient(circle at 90% 5%,rgba(214,177,95,.12),transparent 25%),
    linear-gradient(180deg,#1a0c27 0%,#281438 100%);
  border-top:1px solid rgba(214,177,95,.25);
  border-bottom:1px solid rgba(214,177,95,.25);
}
html.page-index .visoft-stack-inner{
  max-width:1400px;
  margin:auto;
}
html.page-index .visoft-stack-heading{
  max-width:900px;
  margin-bottom:30px;
}
html.page-index .visoft-stack-heading h2, html.page-index .visoft-ar-copy h2{
  color:var(--gold);
  margin:10px 0 15px;
}
html.page-index .visoft-stack-heading p, html.page-index .visoft-ar-copy p{
  color:#d2c4d9;
  font-size:15px;
  line-height:1.7;
}

html.page-index .visoft-live-frame{
  position:relative;
  width:100%;
  min-height:760px;
  background:#0d0713;
  border:1px solid rgba(214,177,95,.42);
  box-shadow:0 28px 70px rgba(0,0,0,.34);
  overflow:hidden;
}
html.page-index .visoft-live-frame iframe{
  display:block;
  width:100%;
  height:760px;
  border:0;
  background:#fff;
}
html.page-index .visoft-live-actions{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px;
  padding:15px 18px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(214,177,95,.2);
  border-top:0;
  color:#bfaec7;
  font-size:12px;
}
html.page-index .visoft-live-actions a{
  flex:none;
  padding:11px 14px;
  background:var(--gold);
  color:#281438;
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.06em;
}

html.page-index .visoft-ar-card{
  display:grid;
  grid-template-columns:.72fr 1.28fr;
  gap:30px;
  align-items:center;
  margin-top:44px;
  padding:32px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(214,177,95,.32);
}
html.page-index .visoft-ar-copy{
  padding:10px 4px 10px 6px;
}
html.page-index .visoft-store-buttons{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:22px;
}
html.page-index .visoft-store-buttons a{
  padding:13px 17px;
  border:1px solid rgba(214,177,95,.55);
  color:#f2e3bd;
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.07em;
}
html.page-index .visoft-store-buttons a:first-child{
  background:var(--gold);
  color:#281438;
}
html.page-index .visoft-ar-image{
  display:block;
  overflow:hidden;
  background:#f4efe2;
  border:1px solid rgba(214,177,95,.3);
}
html.page-index .visoft-ar-image img{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
}

@media(max-width:1000px){
  html.page-index .visoft-live-frame{min-height:620px}
  html.page-index .visoft-live-frame iframe{height:620px}
  html.page-index .visoft-ar-card{grid-template-columns:1fr}
}
@media(max-width:650px){
  html.page-index .visoft-digital-stack{padding:58px 5vw 70px}
  html.page-index .visoft-live-frame{min-height:500px}
  html.page-index .visoft-live-frame iframe{height:500px}
  html.page-index .visoft-live-actions{
    align-items:flex-start;
    flex-direction:column;
  }
  html.page-index .visoft-ar-card{padding:20px}
}


/* Krok 8 – všechny ViSoft vizuály v levém tmavém sloupci */
html.page-index .visoft{
  align-items:stretch!important;
  overflow:visible!important;
}
html.page-index .visoft-visual{
  display:block!important;
  align-self:stretch!important;
  min-height:0!important;
  padding:24px!important;
  background:#14091d!important;
  overflow:visible!important;
}
html.page-index .visoft-visual::after, html.page-index .visoft-image-label{
  display:none!important;
}
html.page-index .visoft-left-stack{
  display:grid;
  grid-template-columns:1fr;
  gap:16px;
  width:100%;
}
html.page-index .visoft-stack-video, html.page-index .visoft-project-photo{
  position:relative;
  width:100%;
  aspect-ratio:16/9;
  overflow:hidden;
  background:#0c0611;
  border:1px solid rgba(214,177,95,.34);
  box-shadow:0 16px 38px rgba(0,0,0,.27);
}
html.page-index .visoft-stack-video video, html.page-index .visoft-project-photo img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center!important;
  background:#0c0611!important;
  box-shadow:none!important;
}
html.page-index .visoft-try-label{
  padding:2px 4px 0;
  color:var(--gold);
  font:500 21px/1.3 Georgia,serif;
  text-align:center;
}
html.page-index .visoft-project-photo span{
  position:absolute;
  left:16px;
  right:16px;
  bottom:14px;
  padding:11px 13px;
  background:rgba(22,9,32,.88);
  border:1px solid rgba(214,177,95,.55);
  color:#f4e6bf;
  font-size:10px;
  font-weight:900;
  text-align:center;
  text-transform:uppercase;
  letter-spacing:.07em;
}
html.page-index .visoft-project-photo:hover span{
  background:var(--gold);
  color:#281438;
}
html.page-index .visoft-ar-mini{
  display:block;
  width:100%;
  max-height:245px;
  padding:8px;
  overflow:hidden;
  background:#f6f0df;
  border:1px solid rgba(214,177,95,.4);
}
html.page-index .visoft-ar-mini img{
  display:block;
  width:100%;
  height:100%;
  max-height:227px;
  object-fit:contain;
  object-position:center;
}
html.page-index .visoft-inner{
  align-self:start!important;
}

@media(max-width:1050px){
  html.page-index .visoft-visual{padding:18px!important}
  html.page-index .visoft-ar-mini{max-height:320px}
  html.page-index .visoft-ar-mini img{max-height:302px}
}
@media(max-width:650px){
  html.page-index .visoft-visual{padding:10px!important}
  html.page-index .visoft-try-label{font-size:18px}
  html.page-index .visoft-project-photo span{left:9px;right:9px;bottom:8px;padding:9px}
}

/* Krok 9 – odlišný reálný projektový náhled a kompaktní AR banner */
html.page-index .visoft-project-photo img{
  object-fit:cover!important;
  object-position:center!important;
}
html.page-index .visoft-ar-mini{
  max-height:205px!important;
  padding:0!important;
  background:#170a22!important;
  border:1px solid rgba(214,177,95,.42)!important;
}
html.page-index .visoft-ar-mini img{
  width:100%!important;
  height:auto!important;
  max-height:203px!important;
  object-fit:contain!important;
  background:#170a22!important;
}
html.page-index .visoft-intro p{
  max-width:680px!important;
  font-size:15px!important;
  line-height:1.72!important;
}
@media(max-width:1050px){
  html.page-index .visoft-ar-mini{max-height:250px!important}
  html.page-index .visoft-ar-mini img{max-height:248px!important}
}

/* Krok 11 – vstupní ViSoft dlaždice */
html.page-index .visoft-entry-tile{
  position:relative!important;
  isolation:isolate;
  overflow:hidden!important;
  background:
    linear-gradient(135deg,rgba(24,10,35,.88),rgba(24,10,35,.48)),
    url("../assets/images/visoft-tile-background.jpg") center/cover no-repeat!important;
}
html.page-index .visoft-entry-tile::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(180deg,rgba(20,8,30,.06),rgba(20,8,30,.58));
}
html.page-index .visoft-entry-tile b, html.page-index .visoft-entry-tile span, html.page-index .visoft-entry-tile em{
  position:relative;
  z-index:2;
  text-shadow:0 2px 10px rgba(0,0,0,.7);
}

/* Krok 12 – obrazové podkresy všech tří hlavních dlaždic */
html.page-index .action-fact{
  min-height:245px!important;
  justify-content:flex-end!important;
  background-color:#1c0d29!important;
}
html.page-index .action-fact::before{
  z-index:4!important;
}
html.page-index .action-fact::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(18,7,27,.08) 0%,rgba(18,7,27,.32) 45%,rgba(18,7,27,.92) 100%)!important;
}
html.page-index .action-fact b, html.page-index .action-fact span, html.page-index .action-fact em{
  position:relative!important;
  z-index:5!important;
  text-shadow:0 2px 12px rgba(0,0,0,.88)!important;
}
html.page-index .action-fact b{
  font-size:23px!important;
}
html.page-index .action-fact span{
  color:#f0e8f2!important;
}
html.page-index .action-fact em{
  color:#f5e2ae!important;
}

html.page-index .visoft-entry-tile{
  background-image:url("../assets/images/visoft-tile-background.jpg")!important;
  background-position:center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
}
html.page-index .visoft-entry-tile::after{
  z-index:1!important;
  background:
    linear-gradient(180deg,rgba(14,6,20,.04) 0%,rgba(14,6,20,.18) 48%,rgba(14,6,20,.9) 100%)!important;
}

html.page-index .materials-entry-tile{
  background-image:url("../assets/images/materials-tile-background.jpg")!important;
  background-position:center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
}
html.page-index .materials-entry-tile::after{
  background:
    linear-gradient(180deg,rgba(14,6,20,.03) 0%,rgba(14,6,20,.28) 48%,rgba(14,6,20,.92) 100%)!important;
}

html.page-index .jovee-entry-tile{
  background-image:url("../assets/images/jovee-services-tile-background.jpg")!important;
  background-position:center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
}
html.page-index .jovee-entry-tile::after{
  background:
    linear-gradient(180deg,rgba(3,25,49,.04) 0%,rgba(3,25,49,.28) 48%,rgba(3,25,49,.91) 100%)!important;
}

@media(max-width:700px){
  html.page-index .action-fact{min-height:220px!important}
}


/* Krok 14 – přímý posun na dlaždice výrobců */
html.page-index #brand-cards{
  scroll-margin-top:90px;
}

/* Krok 15 – struktura doporučení a sjednocená sekce výrobců */
html.page-index .recommendations-kicker{
  padding-top:58px;
  padding-bottom:22px;
}
html.page-index .recommendations-kicker span{
  display:inline-block;
  padding-bottom:10px;
  border-bottom:1px solid rgba(214,177,95,.55);
  color:var(--gold);
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.15em;
}
html.page-index .brand-grid-label{
  margin:38px 0 18px;
  padding-top:22px;
  border-top:1px solid rgba(214,177,95,.22);
}
html.page-index .brand-grid-label span{
  color:var(--gold);
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.14em;
}

/* Krok 16 – kompaktní seskupení doporučení */
html.page-index .recommendations-kicker{
  padding-top:38px!important;
  padding-bottom:16px!important;
}

html.page-index .compact-advice-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  align-items:stretch;
  padding-bottom:20px;
}
html.page-index .compact-advice-grid > section{
  height:100%;
  border:1px solid rgba(214,177,95,.24);
}

html.page-index .compact-advice-grid .planning, html.page-index .compact-advice-grid .design-manifesto{
  padding:38px 34px!important;
}
html.page-index .compact-advice-grid .planning-inner, html.page-index .compact-advice-grid .design-manifesto-inner{
  display:block!important;
  max-width:none!important;
}
html.page-index .compact-advice-grid .planning h2, html.page-index .compact-advice-grid .design-manifesto h2{
  font-size:clamp(34px,3.15vw,49px)!important;
  line-height:1.02!important;
  margin:0 0 24px!important;
}
html.page-index .compact-advice-grid .planning-copy p, html.page-index .compact-advice-grid .design-copy > p{
  font-size:14px!important;
  line-height:1.62!important;
  margin:0 0 12px!important;
}

html.page-index .compact-advice-grid .planning-highlight, html.page-index .compact-advice-grid .design-quote{
  margin:18px 0!important;
  padding:16px 18px!important;
}
html.page-index .compact-advice-grid .planning-highlight p, html.page-index .compact-advice-grid .design-quote p{
  font-size:18px!important;
  line-height:1.42!important;
}

html.page-index .compact-advice-grid .planning-grid{
  grid-template-columns:1fr 1fr!important;
  gap:9px!important;
  margin-top:18px!important;
}
html.page-index .compact-advice-grid .planning-card{
  min-height:118px!important;
  padding:14px!important;
}
html.page-index .compact-advice-grid .planning-card b{
  margin-bottom:7px!important;
  font-size:9px!important;
}
html.page-index .compact-advice-grid .planning-card strong{
  font-size:15px!important;
  margin-bottom:5px!important;
}
html.page-index .compact-advice-grid .planning-card span{
  font-size:11px!important;
  line-height:1.42!important;
}

html.page-index .compact-advice-grid .design-values{
  grid-template-columns:repeat(3,1fr)!important;
  gap:8px!important;
  margin-top:18px!important;
}
html.page-index .compact-advice-grid .design-value{
  min-height:120px!important;
  padding:14px!important;
}
html.page-index .compact-advice-grid .design-value strong{
  font-size:15px!important;
  margin-bottom:6px!important;
}
html.page-index .compact-advice-grid .design-value span{
  font-size:11px!important;
  line-height:1.42!important;
}

/* Odpovědnost + 20 let v jednom kompaktním bloku */
html.page-index .trust{
  margin:18px auto 54px!important;
  grid-template-columns:1.05fr .95fr!important;
  gap:14px!important;
}
html.page-index .trust-claim{
  padding:30px 32px!important;
}
html.page-index .trust-claim h2{
  font-size:clamp(34px,3.8vw,52px)!important;
  line-height:1.02!important;
}
html.page-index .trust-claim p{
  margin:15px 0 0!important;
  font-size:14px!important;
  line-height:1.62!important;
}
html.page-index .trust-signature{
  margin-top:14px!important;
  padding:12px 14px!important;
  font-size:11px!important;
}
html.page-index .trust-points{
  grid-template-columns:1fr!important;
  gap:9px!important;
}
html.page-index .trust-point, html.page-index .trust-points .trust-point:last-child{
  min-height:0!important;
  padding:17px 19px!important;
  grid-column:auto!important;
}
html.page-index .trust-point strong{
  font-size:20px!important;
  margin-bottom:6px!important;
}
html.page-index .trust-point p{
  font-size:12px!important;
  line-height:1.5!important;
}

html.page-index .quality-inline{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:auto 1fr;
  gap:18px;
  align-items:center;
  margin-top:0;
  padding:18px 22px;
  border:1px solid rgba(214,177,95,.28);
  background:linear-gradient(135deg,rgba(214,177,95,.08),rgba(255,255,255,.025));
}
html.page-index .quality-inline .number{
  color:var(--gold);
  font:500 56px/.85 Georgia,serif;
}
html.page-index .quality-inline p{
  margin:0;
  color:#d5c9dc;
  font-size:13px;
  line-height:1.55;
}

/* Kratší vstup do značek */
html.page-index .brands{
  padding-top:58px!important;
  padding-bottom:90px!important;
}
html.page-index .brands-head{
  gap:38px!important;
  margin-bottom:24px!important;
}
html.page-index .brands-head h2{
  font-size:clamp(38px,4vw,56px)!important;
  line-height:1!important;
}
html.page-index .brands-head p{
  font-size:14px!important;
  line-height:1.62!important;
}
html.page-index .manufacturer-flow{
  margin-bottom:18px!important;
}
html.page-index .manufacturer-flow-item{
  padding:14px!important;
}
html.page-index .manufacturer-flow-item strong{
  font-size:14px!important;
}
html.page-index .manufacturer-flow-item span{
  font-size:11px!important;
}
html.page-index .brand-grid-label{
  margin:22px 0 14px!important;
  padding-top:16px!important;
}

@media(max-width:1000px){
  html.page-index .compact-advice-grid{
    grid-template-columns:1fr;
  }
  html.page-index .compact-advice-grid .design-values{
    grid-template-columns:1fr 1fr 1fr!important;
  }
}
@media(max-width:700px){
  html.page-index .compact-advice-grid .planning, html.page-index .compact-advice-grid .design-manifesto{
    padding:30px 22px!important;
  }
  html.page-index .compact-advice-grid .planning-grid, html.page-index .compact-advice-grid .design-values{
    grid-template-columns:1fr!important;
  }
  html.page-index .trust{
    grid-template-columns:1fr!important;
  }
  html.page-index .quality-inline{
    grid-template-columns:1fr;
  }
}

/* Krok 17 – další zkrácení přibližně o třetinu */
html.page-index .recommendations-kicker{
  padding-top:24px!important;
  padding-bottom:10px!important;
}
html.page-index .recommendations-kicker span{
  font-size:10px!important;
  padding-bottom:7px!important;
}

html.page-index .compact-advice-grid{
  gap:12px!important;
  padding-bottom:12px!important;
}
html.page-index .compact-advice-grid .planning, html.page-index .compact-advice-grid .design-manifesto{
  padding:25px 24px!important;
}
html.page-index .compact-advice-grid .planning h2, html.page-index .compact-advice-grid .design-manifesto h2{
  font-size:clamp(30px,2.6vw,41px)!important;
  margin-bottom:14px!important;
}
html.page-index .compact-advice-grid .planning-copy p, html.page-index .compact-advice-grid .design-copy > p{
  font-size:12px!important;
  line-height:1.48!important;
  margin-bottom:8px!important;
}
html.page-index .compact-advice-grid .planning-highlight, html.page-index .compact-advice-grid .design-quote{
  margin:11px 0!important;
  padding:11px 13px!important;
}
html.page-index .compact-advice-grid .planning-highlight p, html.page-index .compact-advice-grid .design-quote p{
  font-size:15px!important;
  line-height:1.32!important;
}
html.page-index .compact-advice-grid .planning-grid{
  grid-template-columns:repeat(4,1fr)!important;
  gap:6px!important;
  margin-top:11px!important;
}
html.page-index .compact-advice-grid .planning-card{
  min-height:84px!important;
  padding:10px!important;
}
html.page-index .compact-advice-grid .planning-card b{
  font-size:8px!important;
  margin-bottom:4px!important;
}
html.page-index .compact-advice-grid .planning-card strong{
  font-size:12px!important;
  margin-bottom:3px!important;
}
html.page-index .compact-advice-grid .planning-card span{
  font-size:9px!important;
  line-height:1.28!important;
}
html.page-index .compact-advice-grid .design-values{
  gap:6px!important;
  margin-top:11px!important;
}
html.page-index .compact-advice-grid .design-value{
  min-height:84px!important;
  padding:10px!important;
}
html.page-index .compact-advice-grid .design-value strong{
  font-size:12px!important;
  margin-bottom:4px!important;
}
html.page-index .compact-advice-grid .design-value span{
  font-size:9px!important;
  line-height:1.28!important;
}

/* Odpovědnost jako nízký horizontální blok */
html.page-index .trust{
  margin:12px auto 28px!important;
  grid-template-columns:1.15fr .85fr!important;
  gap:10px!important;
}
html.page-index .trust-claim{
  padding:23px 25px!important;
}
html.page-index .trust-claim h2{
  font-size:clamp(30px,3vw,43px)!important;
}
html.page-index .trust-claim p{
  font-size:12px!important;
  line-height:1.48!important;
  margin-top:9px!important;
}
html.page-index .trust-signature{
  margin-top:9px!important;
  padding:9px 11px!important;
  font-size:9px!important;
}
html.page-index .trust-points{
  gap:6px!important;
}
html.page-index .trust-point, html.page-index .trust-points .trust-point:last-child{
  padding:12px 14px!important;
}
html.page-index .trust-point strong{
  font-size:15px!important;
  margin-bottom:3px!important;
}
html.page-index .trust-point p{
  font-size:10px!important;
  line-height:1.35!important;
}
html.page-index .quality-inline{
  grid-template-columns:auto 1fr!important;
  gap:12px!important;
  padding:11px 15px!important;
}
html.page-index .quality-inline .number{
  font-size:42px!important;
}
html.page-index .quality-inline p{
  font-size:10px!important;
  line-height:1.38!important;
}

/* Úvod výrobců bez vysokého prázdného sloupce */
html.page-index .brands{
  padding-top:34px!important;
  padding-bottom:70px!important;
}
html.page-index .brands-head{
  display:block!important;
  margin-bottom:14px!important;
}
html.page-index .brands-head > div{
  max-width:none!important;
}
html.page-index .brands-head h2{
  max-width:1180px!important;
  font-size:clamp(34px,3.7vw,52px)!important;
  line-height:1.02!important;
  margin-bottom:12px!important;
}
html.page-index .brands-head p{
  max-width:1050px!important;
  font-size:12px!important;
  line-height:1.5!important;
}
html.page-index .manufacturer-flow{
  grid-template-columns:repeat(4,1fr)!important;
  gap:7px!important;
  margin:14px 0 12px!important;
}
html.page-index .manufacturer-flow-item{
  min-height:82px!important;
  padding:10px 11px!important;
}
html.page-index .manufacturer-flow-item b{
  margin-bottom:5px!important;
  font-size:8px!important;
}
html.page-index .manufacturer-flow-item strong{
  font-size:12px!important;
  margin-bottom:3px!important;
}
html.page-index .manufacturer-flow-item span{
  font-size:9px!important;
  line-height:1.3!important;
}
html.page-index .brand-grid-label{
  margin:13px 0 10px!important;
  padding-top:11px!important;
}
html.page-index .brand-grid-label span{
  font-size:10px!important;
}
html.page-index .manufacturer-notice, html.page-index .sapho-routing-note{
  margin-top:10px!important;
  padding:11px 13px!important;
}
html.page-index .manufacturer-enquiry{
  margin-top:12px!important;
  padding:20px!important;
}

@media(max-width:1000px){
  html.page-index .compact-advice-grid .planning-grid{
    grid-template-columns:1fr 1fr!important;
  }
}
@media(max-width:700px){
  html.page-index .manufacturer-flow{
    grid-template-columns:1fr 1fr!important;
  }
}

/* Krok 18 – technický základ a viditelné prvky */
html.page-index .brands-head{
  display:block!important;
  text-align:center!important;
  max-width:1180px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
html.page-index .brands-head .eyebrow{
  max-width:1050px;
  margin:0 auto 14px;
  color:var(--gold)!important;
  font-size:10px!important;
  line-height:1.55!important;
  letter-spacing:.1em!important;
  text-transform:uppercase;
}
html.page-index .brands-head h2{
  max-width:1100px!important;
  margin:0 auto 14px!important;
  color:var(--gold)!important;
  text-align:center!important;
}
html.page-index .brands-head > p{
  max-width:900px!important;
  margin:0 auto!important;
  text-align:center!important;
}

html.page-index .technical-brands-intro{
  margin:26px auto 16px;
  text-align:center;
  max-width:1000px;
}
html.page-index .technical-brands-intro h3{
  margin:0 0 9px;
  color:var(--gold);
  font:500 clamp(25px,2.6vw,37px)/1.1 Georgia,serif;
}
html.page-index .technical-brands-intro p{
  max-width:850px;
  margin:0 auto;
  color:#cfc2d6;
  font-size:12px;
  line-height:1.55;
}

html.page-index .technical-brand-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
html.page-index .technical-brand-grid .manufacturer-card{
  min-height:260px!important;
}

html.page-index .visual-brands-intro{
  margin:28px auto 15px;
  padding-top:20px;
  border-top:1px solid rgba(214,177,95,.24);
  text-align:center;
  max-width:1050px;
}
html.page-index .visual-brands-intro h3{
  margin:0 0 7px;
  color:var(--gold);
  font:500 clamp(23px,2.35vw,34px)/1.1 Georgia,serif;
}
html.page-index .visual-brands-intro p{
  margin:0 auto;
  max-width:760px;
  color:#c9bbd0;
  font-size:11px;
  line-height:1.5;
}

html.page-index .visual-brand-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:12px;
}
html.page-index .visual-brand-grid .manufacturer-card{
  min-height:230px!important;
}

@media(max-width:760px){
  html.page-index .technical-brand-grid, html.page-index .visual-brand-grid{
    grid-template-columns:1fr;
  }
}

/* Krok 19 – návrat dlaždic a přesun nadpisu značek */
html.page-index .brands-section-title{
  padding-top:24px;
  padding-bottom:12px;
  text-align:center;
}
html.page-index .brands-section-title h2{
  margin:0;
  color:var(--gold);
  font:500 clamp(28px,3vw,42px)/1.08 Georgia,serif;
}

html.page-index .brands{
  padding-top:18px!important;
}
html.page-index .brands-head{
  margin-bottom:12px!important;
}
html.page-index .brands-head > p{
  display:none!important;
}

html.page-index .technical-brands-intro{
  margin:18px auto 14px!important;
  max-width:1000px!important;
}
html.page-index .technical-brands-intro p{
  margin:0 auto!important;
  max-width:900px!important;
  color:var(--gold)!important;
  font-size:16px!important;
  line-height:1.48!important;
  font-weight:700!important;
  text-align:center!important;
}

html.page-index .visual-brand-grid{
  grid-template-columns:repeat(3,1fr)!important;
  gap:12px!important;
}
html.page-index .visual-brand-grid .manufacturer-card{
  min-height:230px!important;
}

@media(max-width:980px){
  html.page-index .visual-brand-grid{
    grid-template-columns:repeat(2,1fr)!important;
  }
}
@media(max-width:640px){
  html.page-index .visual-brand-grid{
    grid-template-columns:1fr!important;
  }
}

/* Krok 23 – obnovení původního rozložení dlaždic */
html.page-index .brands .manufacturer-grid{
  display:block!important;
  width:100%!important;
}

html.page-index .brands .technical-brand-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
  width:100%!important;
}

html.page-index .brands .visual-brand-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
  width:100%!important;
}

html.page-index .brands .technical-brand-grid > .brand-button, html.page-index .brands .visual-brand-grid > .brand-button{
  grid-column:auto!important;
  grid-row:auto!important;
  width:auto!important;
  max-width:none!important;
  min-height:310px!important;
}

html.page-index .brands .technical-brand-grid .manufacturer-actions, html.page-index .brands .visual-brand-grid .manufacturer-actions{
  grid-template-columns:1fr 1fr!important;
}

@media(max-width:1050px){
  html.page-index .brands .visual-brand-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:760px){
  html.page-index .brands .technical-brand-grid, html.page-index .brands .visual-brand-grid{
    grid-template-columns:1fr!important;
  }
  html.page-index .brands .technical-brand-grid .manufacturer-actions, html.page-index .brands .visual-brand-grid .manufacturer-actions{
    grid-template-columns:1fr!important;
  }
}

/* Krok 24 – sjednocené mezititulky a přesun procesu pod značky */
html.page-index .technical-brands-intro{
  margin:26px auto 18px!important;
  max-width:1100px!important;
  text-align:center!important;
}
html.page-index .technical-brands-intro p{
  margin:0 auto!important;
  max-width:1000px!important;
  color:var(--gold)!important;
  font:500 clamp(23px,2.35vw,34px)/1.1 Georgia,serif!important;
  text-align:center!important;
}

html.page-index .visual-brands-intro h3{
  font:500 clamp(23px,2.35vw,34px)/1.1 Georgia,serif!important;
}

html.page-index .manufacturer-flow{
  margin:28px 0 18px!important;
}

/* Krok 26 – podbarvené nadpisové bloky a opravené JOVEE logo */
html.page-index .brands-intro-panel, html.page-index .visual-brands-intro{
  position:relative!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 85% 10%,rgba(214,177,95,.17),transparent 28%),
    linear-gradient(145deg,#4a2862 0%,#2a153d 62%,#160b22 100%)!important;
  border:1px solid rgba(214,177,95,.35)!important;
}
html.page-index .brands-intro-panel{
  margin:0 0 22px!important;
  padding:26px 32px 24px!important;
  text-align:center!important;
}
html.page-index .brands-intro-panel::after{
  content:"";
  position:absolute;
  right:-42px;
  bottom:-70px;
  width:210px;
  height:210px;
  border:1px solid rgba(214,177,95,.10);
  border-radius:50%;
  pointer-events:none;
}
html.page-index .brands-intro-panel .brands-section-title{
  padding:0!important;
  margin:0!important;
}
html.page-index .brands-intro-panel .brands-section-title h2{
  margin:0 0 15px!important;
}
html.page-index .brands-intro-panel .brands-head{
  margin:0!important;
}
html.page-index .brands-intro-panel .technical-brands-intro{
  margin:17px auto 0!important;
  padding-top:16px!important;
  border-top:1px solid rgba(214,177,95,.20);
}
html.page-index .visual-brands-intro{
  max-width:none!important;
  margin:30px 0 18px!important;
  padding:23px 28px!important;
  border-top:1px solid rgba(214,177,95,.35)!important;
  text-align:center!important;
}
html.page-index .visual-brands-intro h3, html.page-index .visual-brands-intro p{
  position:relative;
  z-index:2;
}
html.page-index .jovee-entry-tile{
  background-image:url("../assets/images/jovee-services-tile-background.jpg")!important;
  background-position:center 38%!important;
  background-size:cover!important;
}
html.page-index .jovee-entry-tile::after{
  background:
    linear-gradient(
      180deg,
      rgba(3,25,49,.02) 0%,
      rgba(3,25,49,.10) 45%,
      rgba(3,25,49,.88) 100%
    )!important;
}

/* Krok 27 – interaktivní koupelna přímo na hlavní stránce */

html.page-index .bathroom-inline{--bg:#0f1115;--panel:#171a20;--text:#f4f5f7;--muted:#b8bec8;--accent:#e3342f;--gold:#c7a264}
html.page-index .bathroom-inline, html.page-index .bathroom-inline *{box-sizing:border-box} html.page-index .bathroom-inline{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial}
html.page-index .bathroom-inline header{padding:20px 24px 14px;max-width:1800px;margin:auto} html.page-index .bathroom-inline h1{font-size:clamp(22px,3vw,38px);margin:0 0 6px} html.page-index .bathroom-inline header p{margin:0;color:var(--muted)}
html.page-index .bathroom-inline .wrap{max-width:1800px;margin:auto;padding:0 16px 28px} html.page-index .bathroom-inline .stage{position:relative;border-radius:18px;overflow:hidden;box-shadow:0 20px 70px #0009;background:#222}
html.page-index .bathroom-inline .stage img{width:100%;height:auto;display:block} html.page-index .bathroom-inline .hotspot{position:absolute;left:calc(var(--x)*1%);top:calc(var(--y)*1%);transform:translate(-50%,-50%);width:28px;height:28px;border:0;border-radius:50%;background:var(--accent);color:white;cursor:pointer;box-shadow:0 0 0 5px #e3342f55,0 4px 15px #0008;display:grid;place-items:center;font-weight:800;z-index:3;transition:.18s}
html.page-index .bathroom-inline .hotspot:hover, html.page-index .bathroom-inline .hotspot:focus-visible, html.page-index .bathroom-inline .hotspot.active{transform:translate(-50%,-50%) scale(1.18);box-shadow:0 0 0 8px #e3342f42,0 6px 18px #000a;outline:none}
html.page-index .bathroom-inline .hotspot::after{content:"";position:absolute;inset:-9px;border:1px solid #fff8;border-radius:50%;animation:pulse 2s infinite} @keyframes pulse{0%{transform:scale(.75);opacity:.9}100%{transform:scale(1.5);opacity:0}}
html.page-index .bathroom-inline .tip{position:absolute;z-index:5;min-width:300px;max-width:430px;background:#11151aee;border:1px solid #ffffff1f;border-radius:14px;padding:14px 15px;box-shadow:0 16px 45px #000b;backdrop-filter:blur(12px);pointer-events:none;opacity:0;transform:translateY(8px);transition:.16s}
html.page-index .bathroom-inline .tip.show{opacity:1;transform:none}html.page-index .bathroom-inline .tip-img{width:100%;height:155px;object-fit:cover;border-radius:10px;margin:0 0 10px;display:block}html.page-index .bathroom-inline .variant-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:10px}html.page-index .bathroom-inline .variant{background:#ffffff0a;border:1px solid #ffffff16;border-radius:11px;padding:8px}html.page-index .bathroom-inline .variant img{width:100%;height:92px;object-fit:cover;border-radius:8px;margin-bottom:7px}html.page-index .bathroom-inline .variant b{display:block;font-size:13px;line-height:1.25}html.page-index .bathroom-inline .variant small{display:block;color:var(--muted);font-size:11px;line-height:1.35;margin-top:4px} html.page-index .bathroom-inline .tip .k{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--gold);font-weight:700} html.page-index .bathroom-inline .tip h3{font-size:18px;margin:5px 0 3px} html.page-index .bathroom-inline .tip .meta{font-size:13px;color:#e2e5ea;margin-bottom:7px} html.page-index .bathroom-inline .tip .note{font-size:13px;color:var(--muted);line-height:1.4}
html.page-index .bathroom-inline .legend{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:10px;margin-top:16px} html.page-index .bathroom-inline .card{background:var(--panel);border:1px solid #ffffff12;border-radius:14px;padding:0;overflow:hidden}html.page-index .bathroom-inline .card img{width:100%;height:150px;object-fit:cover;display:block}html.page-index .bathroom-inline .card-body{padding:13px 14px} html.page-index .bathroom-inline .card b{display:block;margin-bottom:4px} html.page-index .bathroom-inline .card small{color:var(--muted);line-height:1.45;display:block}
html.page-index .bathroom-inline .tech{margin-top:14px;background:#151922;border:1px solid #ffffff12;border-radius:14px;padding:15px} html.page-index .bathroom-inline .tech h2{font-size:17px;margin:0 0 8px} html.page-index .bathroom-inline .tech p{margin:0;color:var(--muted);line-height:1.5}
html.page-index .bathroom-inline .help{font-size:13px;color:var(--muted);margin:10px 2px 0}
@media (max-width:720px){html.page-index .bathroom-inline .variant-grid{grid-template-columns:1fr}html.page-index .bathroom-inline .tip-img{height:135px}html.page-index .bathroom-inline .card img{height:135px}html.page-index .bathroom-inline header{padding:16px}html.page-index .bathroom-inline .wrap{padding:0 8px 18px}html.page-index .bathroom-inline .stage{border-radius:12px}html.page-index .bathroom-inline .hotspot{width:24px;height:24px;font-size:12px}html.page-index .bathroom-inline .tip{position:fixed!important;left:10px!important;right:10px!important;bottom:10px!important;top:auto!important;max-width:none;min-width:0;pointer-events:auto}}
@media print{html.page-index .bathroom-inline{background:white;color:black}html.page-index .bathroom-inline header p, html.page-index .bathroom-inline .help{display:none}html.page-index .bathroom-inline .stage{box-shadow:none}html.page-index .bathroom-inline .hotspot{box-shadow:none}html.page-index .bathroom-inline .legend{grid-template-columns:repeat(2,1fr)}html.page-index .bathroom-inline .card, html.page-index .bathroom-inline .tech{background:white;border-color:#bbb}html.page-index .bathroom-inline .card small, html.page-index .bathroom-inline .tech p{color:#333}}

html.page-index .bathroom-inline .tip-head{display:flex;align-items:center;gap:10px;margin:8px 0 10px}
html.page-index .bathroom-inline .brand-logo{width:126px;height:38px;object-fit:contain;background:#fff;border-radius:7px;padding:3px;flex:none}
html.page-index .bathroom-inline .card-logo{width:118px!important;height:34px!important;object-fit:contain!important;background:#fff;border-radius:7px;padding:3px;margin:10px 14px 0}
html.page-index .bathroom-inline .variant-logo{width:96px!important;height:28px!important;object-fit:contain!important;background:#fff;border-radius:5px;padding:2px;margin:0 0 6px!important}

html.page-index .bathroom-inline .source-link{display:inline-block;margin-top:9px;font-size:12px;font-weight:750;color:#f28a00;text-decoration:none}
html.page-index .bathroom-inline .source-link:hover{text-decoration:underline}

html.page-index .bathroom-inline .tip{max-width:min(580px,92vw)}
html.page-index .bathroom-inline .tip-img{width:100%;height:260px;object-fit:contain;background:#fff;border-radius:12px}
html.page-index .bathroom-inline .product-gallery{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}
html.page-index .bathroom-inline .product-gallery figure{margin:0;background:#fff;border-radius:10px;overflow:hidden;border:1px solid #e6e6e6}
html.page-index .bathroom-inline .product-gallery img{width:100%;height:190px;object-fit:contain;background:#fff}
html.page-index .bathroom-inline .product-gallery figcaption{padding:6px 8px;font-size:11px;font-weight:750;text-align:center}
html.page-index .bathroom-inline .variant-grid.selectable{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:stretch;margin-top:12px}
html.page-index .bathroom-inline .or-label{display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:900;color:#777;text-transform:uppercase}
html.page-index .bathroom-inline .variant-choice{border:2px solid #e4e4e4;border-radius:12px;background:#fff;padding:8px;cursor:pointer;transition:.18s}
html.page-index .bathroom-inline .variant-choice:hover, html.page-index .bathroom-inline .variant-choice.active{border-color:#ef7600;box-shadow:0 5px 18px rgba(0,0,0,.1)}
html.page-index .bathroom-inline .variant-choice img.product-photo{width:100%;height:180px;object-fit:contain;background:#fff;border-radius:8px}
html.page-index .bathroom-inline .variant-detail{display:none;margin-top:8px;padding:9px;border-radius:8px;background:#fff7ee;font-size:12px;line-height:1.45}
html.page-index .bathroom-inline .variant-choice.active .variant-detail{display:block}
html.page-index .bathroom-inline .card>img:not(.card-logo){width:100%;height:220px;object-fit:contain;background:#fff}
html.page-index .bathroom-inline .card .product-gallery img{height:150px}
@media(max-width:650px){
  html.page-index .bathroom-inline .variant-grid.selectable{grid-template-columns:1fr}
  html.page-index .bathroom-inline .or-label{padding:2px 0}
  html.page-index .bathroom-inline .tip-img{height:220px}
  html.page-index .bathroom-inline .product-gallery{grid-template-columns:1fr}
  html.page-index .bathroom-inline .product-gallery img{height:210px}
}


/* Centred modal: it is always fully accessible even for hotspots near the bottom edge. */
html.page-index .bathroom-inline .tip-backdrop{
  position:fixed;inset:0;background:rgba(12,17,23,.46);backdrop-filter:blur(2px);
  opacity:0;visibility:hidden;transition:.18s;z-index:998
}
html.page-index .bathroom-inline .tip-backdrop.show{opacity:1;visibility:visible}
html.page-index .bathroom-inline .tip{
  position:fixed!important;left:50%!important;top:50%!important;
  transform:translate(-50%,-50%) scale(.97);
  width:min(650px,calc(100vw - 28px));max-height:min(88vh,850px);
  overflow-y:auto;overscroll-behavior:contain;
  padding:18px 18px 20px;border-radius:18px;z-index:999;
  box-shadow:0 24px 80px rgba(0,0,0,.30);
  opacity:0;visibility:hidden;transition:.18s;background:#fff;color:#1d232b
}
html.page-index .bathroom-inline .tip.show{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}
html.page-index .bathroom-inline .tip-close{
  position:sticky;float:right;top:0;margin:-6px -6px 2px 8px;
  width:34px;height:34px;border:0;border-radius:50%;cursor:pointer;
  background:#f0f2f4;color:#333;font-size:21px;line-height:34px;z-index:3
}
html.page-index .bathroom-inline .tip-close:hover{background:#e3e6e9}
html.page-index .bathroom-inline .tip-head{display:flex;align-items:flex-start;gap:12px;margin:4px 42px 12px 0}
html.page-index .bathroom-inline .tip-head h3{font-size:20px;line-height:1.2;margin:2px 0 0}
html.page-index .bathroom-inline .brand-logo{
  width:84px!important;height:24px!important;object-fit:contain!important;
  padding:0!important;margin:2px 0 0!important;background:transparent!important;
  border-radius:0!important;opacity:.55;filter:grayscale(.35);flex:none
}
html.page-index .bathroom-inline .card-logo{
  width:76px!important;height:22px!important;object-fit:contain!important;
  background:transparent!important;border-radius:0!important;padding:0!important;
  margin:12px 16px 0!important;opacity:.48;filter:grayscale(.45)
}
html.page-index .bathroom-inline .variant-logo{
  width:72px!important;height:21px!important;object-fit:contain!important;
  background:transparent!important;border-radius:0!important;padding:0!important;
  margin:0 0 5px!important;opacity:.52;filter:grayscale(.4)
}
html.page-index .bathroom-inline .tip-img{height:min(310px,35vh)!important;object-fit:contain!important;background:#fff}
html.page-index .bathroom-inline .product-gallery img{object-fit:contain!important;background:#fff}
html.page-index .bathroom-inline .price-panel{
  display:flex;justify-content:space-between;gap:14px;align-items:flex-end;
  margin:10px 0 14px;padding:12px 14px;border-radius:12px;background:#f6f7f8
}
html.page-index .bathroom-inline .price-label{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:#6e747b;font-weight:800}
html.page-index .bathroom-inline .price-value{font-size:19px;line-height:1.15;font-weight:850;color:#222;margin-top:3px}
html.page-index .bathroom-inline .price-note{max-width:250px;text-align:right;font-size:11px;line-height:1.35;color:#72777e}
html.page-index .bathroom-inline .info-section{margin-top:12px}
html.page-index .bathroom-inline .info-title{font-size:11px;text-transform:uppercase;letter-spacing:.07em;font-weight:850;color:#737980;margin-bottom:6px}
html.page-index .bathroom-inline .spec-list{display:grid;gap:5px;margin:0;padding:0;list-style:none}
html.page-index .bathroom-inline .spec-list li{position:relative;padding-left:15px;font-size:13px;line-height:1.38;color:#353b42}
html.page-index .bathroom-inline .spec-list li:before{content:"";position:absolute;left:1px;top:.52em;width:5px;height:5px;border-radius:50%;background:#ef7600}
html.page-index .bathroom-inline .note-box{padding:10px 12px;border-left:3px solid #d5d9dd;background:#fafafa;border-radius:0 9px 9px 0;font-size:13px;line-height:1.45}
html.page-index .bathroom-inline .source-link{font-size:11px!important;color:#666!important;font-weight:700!important}
html.page-index .bathroom-inline .variant-choice .price-panel{display:block;margin:8px 0 4px;padding:9px 10px}
html.page-index .bathroom-inline .variant-choice .price-note{text-align:left;max-width:none;margin-top:4px}
html.page-index .bathroom-inline .variant-choice .price-value{font-size:15px}
html.page-index .bathroom-inline .card .price-panel{margin:0 14px 12px;padding:10px 11px}
html.page-index .bathroom-inline .card .price-value{font-size:15px}
html.page-index .bathroom-inline .card .price-note{display:none}
html.page-index .bathroom-inline .card-body small{line-height:1.5}
html.page-index .bathroom-inline .price-disclaimer{
  margin:12px 0 20px;padding:10px 12px;border-radius:10px;background:#fff8ed;
  font-size:12px;line-height:1.45;color:#65543d
}
.bathroom-inline body.page-index.modal-open{overflow:hidden}
@media(max-width:650px){
  html.page-index .bathroom-inline .tip{top:auto!important;bottom:0;left:0!important;transform:translateY(12px)!important;
       width:100%;max-height:88vh;border-radius:18px 18px 0 0;padding:16px}
  html.page-index .bathroom-inline .tip.show{transform:translateY(0)!important}
  html.page-index .bathroom-inline .price-panel{display:block}
  html.page-index .bathroom-inline .price-note{text-align:left;max-width:none;margin-top:5px}
  html.page-index .bathroom-inline .tip-img{height:230px!important}
}


html.page-index .bathroom-inline .variant-choice img.product-photo{object-fit:cover!important;background:#f7f7f7}
html.page-index .bathroom-inline .product-gallery figure{min-width:0}
html.page-index .bathroom-inline .product-gallery img{object-fit:cover!important}


html.page-index .bathroom-inline .card>img:not(.card-logo), html.page-index .bathroom-inline .tip-img{object-fit:contain!important;background:#fff}
html.page-index .bathroom-inline .component-note{font-size:11px;color:#777}


/* Krok 25 – dlouhý seznam výrobků je ve výchozím stavu sbalený */
html.page-index .bathroom-inline .product-list-disclosure{
  margin:18px 0 24px;
  border:1px solid rgba(124,92,51,.28);
  border-radius:12px;
  background:#fff;
  overflow:hidden;
}
html.page-index .bathroom-inline .product-list-disclosure summary{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:10px 18px;
  cursor:pointer;
  list-style:none;
  background:#7d5937;
  color:#fff;
  font-size:12px;
  font-weight:800;
  letter-spacing:.045em;
  text-transform:uppercase;
  transition:background .2s ease;
}
html.page-index .bathroom-inline .product-list-disclosure summary::-webkit-details-marker{
  display:none;
}
html.page-index .bathroom-inline .product-list-disclosure summary::after{
  content:"＋";
  margin-left:10px;
  font-size:17px;
  line-height:1;
}
html.page-index .bathroom-inline .product-list-disclosure[open] summary{
  background:#5f4025;
}
html.page-index .bathroom-inline .product-list-disclosure[open] summary::after{
  content:"−";
}
html.page-index .bathroom-inline .product-list-disclosure .legend{
  margin:0;
  padding:20px;
  border:0;
}
@media(max-width:650px){
  html.page-index .bathroom-inline .product-list-disclosure summary{
    min-height:44px;
    font-size:10px;
  }
  html.page-index .bathroom-inline .product-list-disclosure .legend{
    padding:12px;
  }
}

/* Krok 26 – kompaktní tlačítko přímo nad interaktivním obrázkem */
html.page-index .bathroom-inline header .product-list-disclosure{
  margin:12px 0 2px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  overflow:visible!important;
}
html.page-index .bathroom-inline header .product-list-disclosure summary{
  display:inline-flex!important;
  width:auto!important;
  min-height:32px!important;
  padding:6px 11px!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:8px!important;
  background:#7d5937!important;
  color:#fff!important;
  font-size:9px!important;
  line-height:1.2!important;
  letter-spacing:.045em!important;
  box-shadow:0 5px 16px rgba(0,0,0,.22);
}
html.page-index .bathroom-inline header .product-list-disclosure summary::after{
  margin-left:7px!important;
  font-size:13px!important;
}
html.page-index .bathroom-inline header .product-list-disclosure[open] summary{
  background:#5f4025!important;
}
html.page-index .bathroom-inline header .product-list-disclosure .legend{
  margin:12px 0 8px!important;
  padding:14px!important;
  border:1px solid #ffffff16!important;
  border-radius:12px!important;
  background:#11151a!important;
}
@media(max-width:650px){
  html.page-index .bathroom-inline header .product-list-disclosure summary{
    min-height:30px!important;
    padding:6px 9px!important;
    font-size:8px!important;
  }
}

html.page-index .explorer .frame{display:none!important}
html.page-index .explorer .bathroom-inline{
  --bg:#0f1115;
  --panel:#171a20;
  --text:#f4f5f7;
  --muted:#b8bec8;
  --accent:#e3342f;
  --gold:#c7a264;
  margin-top:24px;
  color:var(--text);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;
}
html.page-index .explorer .bathroom-inline .product-list-disclosure{
  margin:0 0 14px!important;
  border:0!important;
  background:transparent!important;
}
html.page-index .explorer .bathroom-inline .product-list-disclosure summary{
  display:inline-flex!important;
  width:auto!important;
  min-height:32px!important;
  padding:6px 11px!important;
  border-radius:8px!important;
  font-size:9px!important;
}
html.page-index .explorer .bathroom-inline .product-list-disclosure .legend{
  margin:12px 0 16px!important;
}
html.page-index .explorer .bathroom-inline .stage{
  width:100%;
  margin:0;
  border-radius:18px;
  overflow:hidden;
}
html.page-index .explorer .bathroom-inline .help, html.page-index .explorer .bathroom-inline .price-disclaimer{
  max-width:none;
}
@media(max-width:650px){
  html.page-index .explorer .bathroom-inline{margin-top:16px}
}



/* Krok 91 – kompletní seznam zobrazuje plné produktové údaje na hlavní stránce */
html.page-index .bathroom-inline .product-list-disclosure .legend{
  grid-template-columns:repeat(auto-fit,minmax(min(520px,100%),1fr));
  align-items:start;
}
html.page-index .bathroom-inline .product-list-disclosure .card{
  display:flex;
  flex-direction:column;
}
html.page-index .bathroom-inline .product-list-disclosure .card .price-panel{
  display:block;
}
html.page-index .bathroom-inline .product-list-disclosure .card .price-note{
  display:block;
  max-width:none;
  margin-top:5px;
  text-align:left;
}
html.page-index .bathroom-inline .product-list-disclosure .card .variant-detail{
  display:block;
}
html.page-index .bathroom-inline .product-list-disclosure .card .variant-choice{
  cursor:default;
}
html.page-index .bathroom-inline .product-list-disclosure .card-body{
  display:grid;
  gap:10px;
}
html.page-index .bathroom-inline .product-list-disclosure .card-title{
  font-size:15px;
  line-height:1.35;
}
html.page-index .bathroom-inline .product-list-disclosure .card-section{
  display:grid;
  gap:4px;
}
html.page-index .bathroom-inline .product-list-disclosure .card-section-title{
  color:#c7a264;
  font-size:10px;
  font-weight:850;
  letter-spacing:.08em;
  text-transform:uppercase;
}
html.page-index .bathroom-inline .product-list-disclosure .card-description{
  color:var(--muted);
  font-size:12px;
  line-height:1.55;
}
html.page-index .bathroom-inline .product-list-disclosure .card .source-link{
  margin-top:0;
  color:#d8b274!important;
}


/* Krok 28 – samostatná karta Schlüter Price List 2026 */
html.page-index .schluter-price-list-card{
  display:grid;
  grid-template-columns:165px 1fr;
  gap:28px;
  align-items:center;
  margin:18px 0 34px;
  padding:22px 26px;
  overflow:hidden;
  position:relative;
  border:1px solid rgba(214,177,95,.40);
  background:
    radial-gradient(circle at 88% 8%,rgba(239,118,0,.18),transparent 28%),
    linear-gradient(135deg,#402354 0%,#271436 58%,#170b22 100%);
  transition:transform .2s ease,border-color .2s ease;
}
html.page-index .schluter-price-list-card:hover{
  transform:translateY(-2px);
  border-color:rgba(214,177,95,.75);
}
html.page-index .schluter-price-list-card::after{
  content:"";
  position:absolute;
  right:-55px;
  bottom:-95px;
  width:230px;
  height:230px;
  border:1px solid rgba(214,177,95,.10);
  border-radius:50%;
  pointer-events:none;
}
html.page-index .price-list-cover{
  height:190px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 13px 30px rgba(0,0,0,.28);
}
html.page-index .price-list-cover img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:top center;
}
html.page-index .price-list-copy{
  position:relative;
  z-index:2;
}
html.page-index .price-list-copy > span{
  display:block;
  margin-bottom:8px;
  color:#ef7600;
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.14em;
}
html.page-index .price-list-copy strong{
  display:block;
  color:var(--gold);
  font:500 clamp(28px,3.1vw,46px)/1.02 Georgia,serif;
}
html.page-index .price-list-copy p{
  max-width:690px;
  margin:12px 0 18px;
  color:#d4c7da;
  font-size:13px;
  line-height:1.55;
}
html.page-index .price-list-copy em{
  display:inline-flex;
  min-height:39px;
  padding:10px 14px;
  align-items:center;
  justify-content:center;
  background:var(--gold);
  color:#281437;
  font-size:10px;
  font-style:normal;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.065em;
}
@media(max-width:700px){
  html.page-index .schluter-price-list-card{
    grid-template-columns:92px 1fr;
    gap:16px;
    padding:16px;
  }
  html.page-index .price-list-cover{height:125px}
  html.page-index .price-list-copy strong{font-size:25px}
  html.page-index .price-list-copy p{font-size:11px;margin:8px 0 12px}
}

/* Krok 29 – sjednocená dvojice tlačítek na osmi kartách značek */
html.page-index .manufacturer-actions{
  grid-template-columns:1fr 1fr!important;
}
html.page-index .manufacturer-action{
  white-space:normal!important;
  text-wrap:balance;
}
@media(max-width:520px){
  html.page-index .manufacturer-actions{
    grid-template-columns:1fr!important;
  }
}

/* Krok 32 – definitivní podklady SAPHO a TOMTON */
html.page-index .sapho-photo-card, html.page-index .tomton-photo-card{
  background-size:cover!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
}
html.page-index .sapho-photo-card{
  background-image:
    linear-gradient(180deg,rgba(20,8,31,.10),rgba(20,8,31,.32) 44%,rgba(20,8,31,.92)),
    var(--photo)!important;
}
html.page-index .tomton-photo-card{
  background-image:
    linear-gradient(180deg,rgba(20,8,31,.06),rgba(20,8,31,.25) 44%,rgba(20,8,31,.90)),
    var(--photo)!important;
}

/* Krok 33 – celé fotografie bez ořezu */
html.page-index .sapho-photo-card, html.page-index .tomton-photo-card{
  background-size:contain!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-color:#1a0d26!important;
}
html.page-index .sapho-photo-card{
  background-image:
    linear-gradient(180deg,rgba(20,8,31,.05),rgba(20,8,31,.18) 48%,rgba(20,8,31,.88)),
    var(--photo)!important;
}
html.page-index .tomton-photo-card{
  background-image:
    linear-gradient(180deg,rgba(20,8,31,.03),rgba(20,8,31,.15) 48%,rgba(20,8,31,.86)),
    var(--photo)!important;
}

/* Krok 34 – nový podklad JAP FUTURE bez výrazného ořezu */
html.page-index .jap-photo-card{
  background-size:cover!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
}
html.page-index .jap-photo-card{
  background-image:
    linear-gradient(
      180deg,
      rgba(20,8,31,.03) 0%,
      rgba(20,8,31,.18) 46%,
      rgba(20,8,31,.88) 100%
    ),
    var(--photo)!important;
}

/* Krok 36 – nová dlaždice Geberit */
html.page-index .geberit-photo-card{
  background-size:cover!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-image:
    linear-gradient(
      180deg,
      rgba(20,8,31,.05) 0%,
      rgba(20,8,31,.22) 46%,
      rgba(20,8,31,.90) 100%
    ),
    var(--photo)!important;
}

/* Krok 37 – nový podklad dlaždice obkladů vedle Geberitu */
html.page-index .obklady-photo-card{
  background-size:cover!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-image:
    linear-gradient(
      180deg,
      rgba(20,8,31,.04) 0%,
      rgba(20,8,31,.18) 45%,
      rgba(20,8,31,.88) 100%
    ),
    var(--photo)!important;
}

/* Krok 40 – Atlas Concorde s celým obrázkem, GSI vráceno */
html.page-index .atlas-obklady-card{
  min-height:520px!important;
  display:flex!important;
  flex-direction:column!important;
  padding:0!important;
  overflow:hidden!important;
  background:
    linear-gradient(145deg,#321b43,#170b22)!important;
}
html.page-index .atlas-obklady-card .atlas-image-panel{
  width:100%;
  height:285px;
  flex:none;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:10px;
  box-sizing:border-box;
  background:#000;
  border-bottom:1px solid rgba(214,177,95,.28);
}
html.page-index .atlas-obklady-card .atlas-image-panel img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  display:block;
}
html.page-index .atlas-obklady-card .brand-top{
  padding:22px 26px 0!important;
}
html.page-index .atlas-obklady-card > p{
  padding:0 26px!important;
  margin:18px 0 20px!important;
}
html.page-index .atlas-obklady-card .manufacturer-actions{
  margin-top:auto!important;
  padding:0 26px 24px!important;
}
@media(max-width:760px){
  html.page-index .atlas-obklady-card{
    min-height:470px!important;
  }
  html.page-index .atlas-obklady-card .atlas-image-panel{
    height:235px;
  }
}

/* Krok 41 – původní velikost spodních tří dlaždic */
html.page-index .visual-brand-grid > .manufacturer-card, html.page-index .visual-brand-grid > .brand-button{
  min-height:310px!important;
  height:auto!important;
  padding:28px 30px!important;
  grid-row:auto!important;
  align-self:stretch!important;
}
html.page-index .obklady-balanced-card{
  min-height:310px!important;
  padding:28px 30px!important;
  background-size:100% 100%!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-image:var(--photo)!important;
}
html.page-index .obklady-balanced-card .brand-top{
  padding:0!important;
}
html.page-index .obklady-balanced-card > div > p, html.page-index .obklady-balanced-card > p{
  padding:0!important;
  margin:24px 0!important;
}
html.page-index .obklady-balanced-card .manufacturer-actions{
  padding:0!important;
  margin-top:auto!important;
}
html.page-index .geberit-photo-card{
  min-height:310px!important;
  padding:28px 30px!important;
  background-size:cover!important;
  background-position:center!important;
}
@media(max-width:760px){
  html.page-index .visual-brand-grid > .manufacturer-card, html.page-index .visual-brand-grid > .brand-button, html.page-index .obklady-balanced-card, html.page-index .geberit-photo-card{
    min-height:300px!important;
  }
}

/* Krok 43 – původní velikost, opravené fotografie Wall tiles / Geberit / GSI */
html.page-index .visual-brand-grid > .manufacturer-card, html.page-index .visual-brand-grid > .brand-button{
  min-height:310px!important;
  height:auto!important;
  padding:28px 30px!important;
  grid-row:auto!important;
  align-self:stretch!important;
}
html.page-index .obklady-photo-fixed, html.page-index .geberit-photo-fixed, html.page-index .gsi-photo-fixed{
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-color:#1a0d26!important;
}
html.page-index .obklady-photo-fixed{
  background-size:cover!important;
  background-image:
    linear-gradient(180deg,rgba(20,8,31,.06),rgba(20,8,31,.18) 46%,rgba(20,8,31,.90)),
    var(--photo)!important;
}
html.page-index .geberit-photo-fixed{
  background-size:contain!important;
  background-image:
    linear-gradient(180deg,rgba(20,8,31,.05),rgba(20,8,31,.20) 48%,rgba(20,8,31,.91)),
    var(--photo)!important;
}
html.page-index .gsi-photo-fixed{
  background-size:cover!important;
  background-image:
    linear-gradient(180deg,rgba(20,8,31,.05),rgba(20,8,31,.18) 47%,rgba(20,8,31,.90)),
    var(--photo)!important;
}
@media(max-width:760px){
  html.page-index .visual-brand-grid > .manufacturer-card, html.page-index .visual-brand-grid > .brand-button{
    min-height:300px!important;
  }
}

/* Krok 44 – doladění obrázků šesti hlavních dlaždic */

/* SAPHO: tři fotografie bez mezer a bez barevných dělících linek */
html.page-index .sapho-photo-card{
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}

/* TOMTON: menší boční mezery kolem radiátorů */
html.page-index .tomton-photo-card{
  background-size:112% auto!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}

/* Wall tiles: popis těsně nad tlačítky */
html.page-index .obklady-photo-fixed{
  position:relative!important;
}
html.page-index .obklady-photo-fixed > div:not(.manufacturer-actions){
  display:flex!important;
  flex-direction:column!important;
  min-height:100%!important;
}
html.page-index .obklady-photo-fixed .brand-top{
  flex:0 0 auto!important;
}
html.page-index .obklady-photo-fixed .brand-top + p{
  margin-top:auto!important;
  margin-bottom:16px!important;
  max-width:94%!important;
  padding:0!important;
}
html.page-index .obklady-photo-fixed .manufacturer-actions{
  margin-top:0!important;
}

/* Geberit a GSI: obrázek přes celou dlaždici */
html.page-index .geberit-photo-fixed, html.page-index .gsi-photo-fixed{
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}

/* Krok 45 – popis Wall tiles opravdu těsně nad tlačítky */
html.page-index .obklady-photo-fixed{
  display:flex!important;
  flex-direction:column!important;
}
html.page-index .obklady-photo-fixed > div:first-of-type{
  flex:1 1 auto!important;
  display:flex!important;
  flex-direction:column!important;
  min-height:0!important;
}
html.page-index .obklady-photo-fixed > div:first-of-type > p{
  margin-top:auto!important;
  margin-bottom:16px!important;
}
html.page-index .obklady-photo-fixed > .manufacturer-actions{
  flex:0 0 auto!important;
  margin-top:0!important;
}

/* Krok 46 – loga místo textových názvů značek */
html.page-index .brand-logo-text{
  display:flex!important;
  align-items:center!important;
  min-height:42px!important;
  max-width:min(62%,230px)!important;
}
html.page-index .brand-logo-img{
  display:block!important;
  width:auto!important;
  height:clamp(31px,2.45vw,42px)!important;
  max-width:100%!important;
  object-fit:contain!important;
  object-position:left center!important;
  filter:drop-shadow(0 2px 7px rgba(0,0,0,.35));
}
html.page-index .brand-logo-label{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
html.page-index .gsi-pink-photo-card{
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-image:
    linear-gradient(
      180deg,
      rgba(20,8,31,.10) 0%,
      rgba(20,8,31,.18) 45%,
      rgba(20,8,31,.90) 100%
    ),
    var(--photo)!important;
}
@media(max-width:760px){
  html.page-index .brand-logo-text{
    max-width:58%!important;
  }
  html.page-index .brand-logo-img{
    height:34px!important;
  }
}

/* Krok 48 – skutečná nahraná loga bez červeného rámečku */
html.page-index .brand-logo-img{
  width:auto!important;
  height:clamp(31px,2.45vw,42px)!important;
  max-width:100%!important;
  object-fit:contain!important;
  object-position:left center!important;
  image-rendering:auto!important;
}

/* Krok 49 – všech šest hlavních dlaždic má tlačítka ve velikosti SAPHO */
html.page-index .visual-brand-grid .manufacturer-actions{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:10px!important;
  width:100%!important;
  margin-top:auto!important;
  padding:0!important;
}
html.page-index .visual-brand-grid .manufacturer-action{
  width:100%!important;
  min-width:0!important;
  min-height:58px!important;
  height:58px!important;
  padding:10px 9px!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  font-size:9px!important;
  line-height:1.3!important;
  letter-spacing:.08em!important;
}
@media(max-width:760px){
  html.page-index .visual-brand-grid .manufacturer-actions{
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
  }
  html.page-index .visual-brand-grid .manufacturer-action{
    min-height:54px!important;
    height:54px!important;
    padding:9px 7px!important;
    font-size:8.5px!important;
  }
}

/* Krok 50 – původní nízká výška tlačítek SAPHO */
html.page-index .visual-brand-grid .manufacturer-actions{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:9px!important;
  margin-top:22px!important;
  padding:0!important;
}
html.page-index .visual-brand-grid .manufacturer-action{
  min-height:48px!important;
  height:48px!important;
  padding:7px 8px!important;
  box-sizing:border-box!important;
  font-size:10px!important;
  line-height:1.08!important;
  letter-spacing:.06em!important;
  overflow:hidden!important;
}
html.page-index .visual-brand-grid .manufacturer-action-quote{
  font-size:8.5px!important;
  line-height:1.08!important;
}
html.page-index .visual-brand-grid [data-brand-name="SAPHO"] .manufacturer-action-quote{
  font-size:10px!important;
}
@media(max-width:760px){
  html.page-index .visual-brand-grid .manufacturer-actions{
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
  }
  html.page-index .visual-brand-grid .manufacturer-action{
    min-height:48px!important;
    height:48px!important;
    padding:7px 6px!important;
  }
}

/* Krok 51 – nové fotografie technických dlaždic Schlüter a Mapei */
html.page-index .technical-brand-grid .schluter-technical-photo, html.page-index .technical-brand-grid .mapei-technical-photo{
  background-repeat:no-repeat!important;
  background-size:cover!important;
  background-position:center!important;
}
html.page-index .technical-brand-grid .schluter-technical-photo{
  background-image:
    linear-gradient(90deg,rgba(20,8,31,.72) 0%,rgba(20,8,31,.42) 43%,rgba(20,8,31,.12) 76%),
    linear-gradient(180deg,rgba(20,8,31,.10) 0%,rgba(20,8,31,.22) 48%,rgba(20,8,31,.91) 100%),
    var(--photo)!important;
}
html.page-index .technical-brand-grid .mapei-technical-photo{
  background-image:
    linear-gradient(90deg,rgba(20,8,31,.79) 0%,rgba(20,8,31,.52) 43%,rgba(20,8,31,.12) 78%),
    linear-gradient(180deg,rgba(20,8,31,.08) 0%,rgba(20,8,31,.19) 48%,rgba(20,8,31,.91) 100%),
    var(--photo)!important;
}
html.page-index .technical-brand-grid .schluter-technical-photo p, html.page-index .technical-brand-grid .mapei-technical-photo p{
  max-width:66%!important;
  text-shadow:0 2px 12px rgba(0,0,0,.85)!important;
}

/* Krok 52 – SAPHO celé boční fotografie + koláž Materialy a vybavení */
html.page-index .sapho-photo-card{
  background-size:100% 100%!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}
html.page-index .materials-entry-tile{
  background-image:url("../assets/images/materials-six-brands-collage.jpg")!important;
  background-position:center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
}
html.page-index .materials-entry-tile::after{
  background:
    linear-gradient(
      180deg,
      rgba(14,6,20,.10) 0%,
      rgba(14,6,20,.34) 48%,
      rgba(14,6,20,.94) 100%
    )!important;
}

/* Krok 53 – žluté názvy nad dlaždicemi, bílé popisy těsně nad CTA */
html.page-index .action-facts{
  align-items:stretch!important;
}
html.page-index .action-fact-item{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:stretch;
}
html.page-index .action-fact-title{
  display:block;
  margin:0 0 12px;
  padding:0 2px;
  color:var(--gold);
  font-size:23px;
  line-height:1.08;
  font-weight:850;
}
html.page-index .action-fact-item .action-fact{
  width:100%;
  flex:1 1 auto;
  min-height:245px!important;
  box-sizing:border-box;
  justify-content:flex-end!important;
}
html.page-index .action-fact-item .action-fact span{
  display:block;
  margin-top:auto!important;
  margin-bottom:0!important;
}
html.page-index .action-fact-item .action-fact em{
  display:block;
  margin-top:12px!important;
}
@media(max-width:700px){
  html.page-index .action-fact-title{
    margin-bottom:9px;
    font-size:21px;
  }
  html.page-index .action-fact-item .action-fact{
    min-height:220px!important;
  }
}

/* Krok 54 – bílé popisy pod dlaždicemi, individuální zarovnání nadpisů */
html.page-index .action-fact-item{
  display:flex!important;
  flex-direction:column!important;
}
html.page-index .action-fact-item .action-fact{
  flex:0 0 auto!important;
}
html.page-index .action-fact-description{
  display:block;
  margin:13px 2px 0;
  color:#f7f2f8;
  font-size:14px;
  line-height:1.5;
  font-style:normal;
}
html.page-index .action-fact-item:nth-child(1) .action-fact-title{
  text-align:right!important;
}
html.page-index .action-fact-item:nth-child(2) .action-fact-title{
  text-align:center!important;
  font-size:26.45px!important;
}
html.page-index .action-fact-item:nth-child(3) .action-fact-title{
  text-align:left!important;
}
@media(max-width:700px){
  html.page-index .action-fact-item:nth-child(2) .action-fact-title{
    font-size:24.15px!important;
  }
  html.page-index .action-fact-description{
    margin-top:10px;
    font-size:13px;
  }
}

/* Krok 55 – menší / větší / menší: 25 % | 50 % | 25 % */
html.page-index .action-facts{
  grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,1fr)!important;
  gap:18px!important;
  align-items:start!important;
}

/* Zarovnání nadpisů */
html.page-index .action-fact-item:nth-child(1) .action-fact-title{
  text-align:left!important;
}
html.page-index .action-fact-item:nth-child(2) .action-fact-title{
  text-align:center!important;
}
html.page-index .action-fact-item:nth-child(3) .action-fact-title{
  text-align:right!important;
}

/* Levý a pravý blok – přibližně o 25 % menší */
html.page-index .action-fact-item:nth-child(1), html.page-index .action-fact-item:nth-child(3){
  transform:scale(.75);
  transform-origin:top center;
  width:133.333333%;
  margin-left:-16.666667%;
}

html.page-index .action-fact-item:nth-child(1) .action-fact, html.page-index .action-fact-item:nth-child(3) .action-fact{
  min-height:245px!important;
}

html.page-index .action-fact-item:nth-child(1) .action-fact-title, html.page-index .action-fact-item:nth-child(3) .action-fact-title{
  font-size:23px!important;
}

html.page-index .action-fact-item:nth-child(1) .action-fact-description, html.page-index .action-fact-item:nth-child(3) .action-fact-description{
  font-size:14px!important;
  line-height:1.5!important;
}

/* Prostřední blok – využije dvojnásobnou šířku a je vyšší */
html.page-index .action-fact-item:nth-child(2){
  width:100%!important;
  transform:none!important;
}

html.page-index .action-fact-item:nth-child(2) .action-fact{
  min-height:306px!important;
}

html.page-index .action-fact-item:nth-child(2) .action-fact-title{
  font-size:28px!important;
}

html.page-index .action-fact-item:nth-child(2) .action-fact-description{
  font-size:15px!important;
  line-height:1.55!important;
  text-align:center!important;
}

/* Na tabletu zachovat čitelnější poměr */
@media(max-width:980px){
  html.page-index .action-facts{
    grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr) minmax(0,.9fr)!important;
    gap:14px!important;
  }
}

/* Na mobilu se bloky opět skládají pod sebe bez škálování */
@media(max-width:700px){
  html.page-index .action-facts{
    grid-template-columns:1fr!important;
  }
  html.page-index .action-fact-item:nth-child(1), html.page-index .action-fact-item:nth-child(2), html.page-index .action-fact-item:nth-child(3){
    transform:none!important;
    width:100%!important;
    margin-left:0!important;
  }
  html.page-index .action-fact-item:nth-child(1) .action-fact-title, html.page-index .action-fact-item:nth-child(2) .action-fact-title, html.page-index .action-fact-item:nth-child(3) .action-fact-title{
    text-align:left!important;
    font-size:22px!important;
  }
  html.page-index .action-fact-item:nth-child(1) .action-fact, html.page-index .action-fact-item:nth-child(2) .action-fact, html.page-index .action-fact-item:nth-child(3) .action-fact{
    min-height:220px!important;
  }
  html.page-index .action-fact-item:nth-child(2) .action-fact-description{
    text-align:left!important;
    font-size:13px!important;
  }
}

/* Krok 56 – zarovnání spodních hran a kompaktní vycentrovaná poptávka */
html.page-index .action-facts{
  align-items:end!important;
}
html.page-index .action-fact-item:nth-child(1), html.page-index .action-fact-item:nth-child(3){
  align-self:end!important;
  transform-origin:bottom center!important;
}
html.page-index .manufacturer-enquiry{
  width:90%!important;
  max-width:90%!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
  box-sizing:border-box!important;
}
html.page-index .manufacturer-enquiry p{
  margin-left:auto!important;
  margin-right:auto!important;
}
html.page-index .manufacturer-enquiry-actions{
  justify-content:center!important;
}
@media(max-width:700px){
  html.page-index .manufacturer-enquiry{
    width:100%!important;
    max-width:100%!important;
  }
}

/* Krok 57 – vycentrované boční nadpisy, stejně velké popisy a oficiální logo JOVEE */
html.page-index .action-fact-item:nth-child(1) .action-fact-title, html.page-index .action-fact-item:nth-child(3) .action-fact-title{
  text-align:center!important;
}

/* Boční bloky jsou škálované na 75 %, proto 20 px odpovídá vizuálně 15 px u Materialů. */
html.page-index .action-fact-item:nth-child(1) .action-fact-description, html.page-index .action-fact-item:nth-child(3) .action-fact-description{
  font-size:20px!important;
  line-height:1.55!important;
}

html.page-index .jovee-entry-tile{
  position:relative!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 50% 38%,rgba(12,104,157,.32),transparent 52%),
    linear-gradient(145deg,#061d35 0%,#0a2949 48%,#071728 100%)!important;
}

html.page-index .jovee-entry-tile::after{
  background:
    linear-gradient(
      180deg,
      rgba(3,18,34,.02) 0%,
      rgba(3,18,34,.10) 48%,
      rgba(3,18,34,.84) 100%
    )!important;
}

html.page-index .jovee-entry-logo{
  position:absolute!important;
  z-index:2!important;
  left:50%!important;
  top:44%!important;
  transform:translate(-50%,-50%)!important;
  width:82%!important;
  height:auto!important;
  max-height:68%!important;
  object-fit:contain!important;
  pointer-events:none!important;
  filter:drop-shadow(0 5px 14px rgba(0,0,0,.48));
}

html.page-index .jovee-entry-tile em{
  position:relative!important;
  z-index:3!important;
}

@media(max-width:700px){
  html.page-index .action-fact-item:nth-child(1) .action-fact-title, html.page-index .action-fact-item:nth-child(3) .action-fact-title{
    text-align:center!important;
  }

  html.page-index .action-fact-item:nth-child(1) .action-fact-description, html.page-index .action-fact-item:nth-child(3) .action-fact-description{
    font-size:13px!important;
  }

  html.page-index .jovee-entry-logo{
    width:72%!important;
  }
}

/* Krok 58 – vycentrované boční bloky a samostatné přechodové panely */
html.page-index .action-facts{
  align-items:center!important;
}
html.page-index .action-fact-item:nth-child(1), html.page-index .action-fact-item:nth-child(3){
  align-self:center!important;
  transform-origin:center center!important;
}

/* Technické sdělení je samostatný panel se stejným prostorem jako vizuální přechod */
html.page-index .technical-brands-intro, html.page-index .visual-brands-intro{
  position:relative!important;
  overflow:hidden!important;
  max-width:none!important;
  margin:30px 0 18px!important;
  padding:23px 28px!important;
  text-align:center!important;
  background:
    radial-gradient(circle at 85% 10%,rgba(214,177,95,.17),transparent 28%),
    linear-gradient(145deg,#4a2862 0%,#2a153d 62%,#160b22 100%)!important;
  border:1px solid rgba(214,177,95,.35)!important;
}
html.page-index .technical-brands-intro{
  border-top:1px solid rgba(214,177,95,.35)!important;
}
html.page-index .technical-brands-intro::after, html.page-index .visual-brands-intro::after{
  content:"";
  position:absolute;
  right:-42px;
  bottom:-70px;
  width:210px;
  height:210px;
  border:1px solid rgba(214,177,95,.10);
  border-radius:50%;
  pointer-events:none;
}
html.page-index .technical-brands-intro p, html.page-index .visual-brands-intro h3, html.page-index .visual-brands-intro p{
  position:relative!important;
  z-index:2!important;
}
@media(max-width:700px){
  html.page-index .action-facts{
    align-items:stretch!important;
  }
  html.page-index .action-fact-item:nth-child(1), html.page-index .action-fact-item:nth-child(3){
    align-self:stretch!important;
    transform-origin:center center!important;
  }
  html.page-index .technical-brands-intro, html.page-index .visual-brands-intro{
    margin:22px 0 15px!important;
    padding:20px 18px!important;
  }
}

/* Krok 59 – nadpis technického panelu a interní Mapei formulář */
html.page-index .technical-brands-intro h3{
  margin:0 0 11px!important;
  color:var(--gold)!important;
  font:500 clamp(25px,2.6vw,37px)/1.1 Georgia,serif!important;
  text-align:center!important;
}

/* Krok 60 – samostatný nadpis mezi panely */
html.page-index .technical-section-heading{
  margin:30px 0 16px!important;
  color:var(--gold)!important;
  font:500 clamp(27px,2.8vw,40px)/1.1 Georgia,serif!important;
  text-align:center!important;
}
html.page-index .technical-brands-intro{
  margin-top:0!important;
}
@media(max-width:700px){
  html.page-index .technical-section-heading{
    margin:23px 0 13px!important;
  }
}

/* Krok 61 – jemně větší odstup a čitelnější technický text */
html.page-index .technical-section-heading{
  margin-top:38px!important;
}
html.page-index .technical-brands-intro p{
  color:#f7f2f8!important;
  font-family:inherit!important;
  font-size:14px!important;
  line-height:1.58!important;
  font-weight:400!important;
  letter-spacing:0!important;
  max-width:900px!important;
}
@media(max-width:700px){
  html.page-index .technical-section-heading{
    margin-top:29px!important;
  }
  html.page-index .technical-brands-intro p{
    font-size:13.5px!important;
  }
}

/* Krok 62 – dvoubarevný technický panel */
html.page-index .technical-brands-intro h3{
  position:relative!important;
  z-index:2!important;
  margin:0 0 9px!important;
  color:var(--gold)!important;
  font:500 clamp(23px,2.35vw,34px)/1.1 Georgia,serif!important;
  text-align:center!important;
}
html.page-index .technical-brands-intro p{
  position:relative!important;
  z-index:2!important;
  margin:0 auto!important;
  max-width:760px!important;
  color:#f7f2f8!important;
  font-family:inherit!important;
  font-size:14px!important;
  line-height:1.58!important;
  font-weight:400!important;
  letter-spacing:0!important;
  text-align:center!important;
}
@media(max-width:700px){
  html.page-index .technical-brands-intro p{
    font-size:13.5px!important;
  }
}

/* Krok 63 – nový TOMTON, doplněný úvod a stejně velké bílé popisy */
html.page-index .visual-brands-intro p{
  margin:0 auto!important;
  max-width:760px!important;
  color:#f7f2f8!important;
  font-family:inherit!important;
  font-size:14px!important;
  line-height:1.58!important;
  font-weight:400!important;
  letter-spacing:0!important;
  text-align:center!important;
}
html.page-index .tomton-photo-card{
  background-size:100% 100%!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}
@media(max-width:700px){
  html.page-index .visual-brands-intro p{
    font-size:13.5px!important;
  }
}

/* Krok 64 – TOMTON R3 odděleně od loga a popis mimo radiátor */
html.page-index .tomton-photo-card{
  background-size:100% 100%!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}
html.page-index .tomton-photo-card .brand-top{
  align-items:flex-start!important;
}
html.page-index .tomton-photo-card .brand-logo-text{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:4px!important;
}
html.page-index .tomton-model-r3{
  display:block;
  color:#fff;
  font-size:24px;
  line-height:1;
  font-weight:900;
  letter-spacing:.04em;
  text-shadow:0 2px 8px rgba(0,0,0,.75);
}
html.page-index .tomton-photo-card > div:first-of-type{
  display:flex!important;
  flex-direction:column!important;
  min-height:100%!important;
}
html.page-index .tomton-photo-card > div:first-of-type > p{
  margin-top:auto!important;
  margin-bottom:12px!important;
  max-width:100%!important;
  color:#fff!important;
  font-size:12px!important;
  line-height:1.45!important;
  font-weight:700!important;
  text-shadow:0 2px 7px rgba(0,0,0,.95);
}
html.page-index .tomton-photo-card > div:first-of-type > p .tomton-description-line{
  display:block!important;
}
html.page-index .tomton-photo-card .manufacturer-actions{
  position:relative!important;
  z-index:3!important;
}
@media(max-width:700px){
  html.page-index .tomton-model-r3{
    font-size:21px;
  }
}

/* Krok 65 – TOMTON ve stejném rozložení jako ostatní karty */
html.page-index .tomton-photo-card{
  background-size:100% 100%!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}
html.page-index .tomton-photo-card > div:first-of-type{
  display:block!important;
  min-height:0!important;
}
html.page-index .tomton-photo-card .brand-top{align-items:flex-start!important}
html.page-index .tomton-photo-card .brand-logo-text{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:4px!important;
}
html.page-index .tomton-model-r3{
  display:block!important;
  margin:0 0 2px!important;
  color:#fff!important;
  font-size:23px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.05em!important;
  text-shadow:0 2px 8px rgba(0,0,0,.78)!important;
}
html.page-index .tomton-photo-card > div:first-of-type > p{
  position:absolute!important;
  left:18px!important;
  right:18px!important;
  bottom:70px!important;
  z-index:3!important;
  margin:0!important;
  padding:7px 9px!important;
  max-width:none!important;
  color:#fff!important;
  background:rgba(15,8,20,.60)!important;
  border-radius:7px!important;
  font-size:11px!important;
  line-height:1.38!important;
  font-weight:700!important;
  text-shadow:0 2px 6px rgba(0,0,0,.9)!important;
  backdrop-filter:blur(2px)!important;
}
html.page-index .tomton-description-line{display:block!important}
html.page-index .tomton-photo-card .manufacturer-actions{
  position:absolute!important;
  left:18px!important;
  right:18px!important;
  bottom:18px!important;
  z-index:4!important;
  margin:0!important;
}
@media(max-width:700px){
  html.page-index .tomton-model-r3{font-size:21px!important}
  html.page-index .tomton-photo-card > div:first-of-type > p{
    left:14px!important;right:14px!important;bottom:66px!important;font-size:10.5px!important;
  }
  html.page-index .tomton-photo-card .manufacturer-actions{
    left:14px!important;right:14px!important;bottom:14px!important;
  }
}

/* Krok 66 – TOMTON a JAP texty v jednotném layoutu */
html.page-index .tomton-photo-card .brand-logo-text{
  display:block!important;
}
html.page-index .tomton-photo-card .brand-logo-img{
  display:block!important;
}
html.page-index .tomton-model-r3{
  display:none!important;
}
html.page-index .tomton-photo-card > div:first-of-type > p{
  position:absolute!important;
  left:18px!important;
  right:18px!important;
  bottom:70px!important;
  z-index:3!important;
  margin:0!important;
  padding:0!important;
  max-width:none!important;
  background:none!important;
  border-radius:0!important;
  backdrop-filter:none!important;
  color:rgb(243, 237, 246)!important;
  font-family:Inter, Arial, sans-serif!important;
  font-size:14px!important;
  font-weight:400!important;
  line-height:22.4px!important;
  letter-spacing:normal!important;
  text-shadow:0 2px 7px rgba(0,0,0,.95)!important;
}
html.page-index .tomton-description-line{
  display:block!important;
}

/* JAP: popis těsně nad tlačítky, ve spodní části přes postel */
html.page-index .jap-photo-card > div:first-of-type > p{
  position:absolute!important;
  left:18px!important;
  right:18px!important;
  bottom:70px!important;
  z-index:3!important;
  margin:0!important;
  max-width:none!important;
  text-shadow:0 2px 7px rgba(0,0,0,.95)!important;
}
html.page-index .jap-photo-card .manufacturer-actions{
  position:absolute!important;
  left:18px!important;
  right:18px!important;
  bottom:18px!important;
  z-index:4!important;
  margin:0!important;
}
@media(max-width:700px){
  html.page-index .tomton-photo-card > div:first-of-type > p, html.page-index .jap-photo-card > div:first-of-type > p{
    left:14px!important;
    right:14px!important;
    bottom:66px!important;
  }
  html.page-index .jap-photo-card .manufacturer-actions{
    left:14px!important;
    right:14px!important;
    bottom:14px!important;
  }
}

/* Krok 67 – TOMTON a JAP tlačítka pixelově podle SAPHO */
html.page-index .tomton-photo-card .manufacturer-actions, html.page-index .jap-photo-card .manufacturer-actions{
  position:absolute!important;
  left:30px!important;
  right:30px!important;
  bottom:28px!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px!important;
  width:auto!important;
  height:48px!important;
  margin:0!important;
  padding:0!important;
  z-index:4!important;
}

html.page-index .tomton-photo-card .manufacturer-action, html.page-index .jap-photo-card .manufacturer-action{
  width:100%!important;
  height:48px!important;
  min-height:48px!important;
  box-sizing:border-box!important;
}

html.page-index .tomton-photo-card > div:first-of-type > p, html.page-index .jap-photo-card > div:first-of-type > p{
  bottom:85px!important;
}

@media(max-width:700px){
  html.page-index .tomton-photo-card .manufacturer-actions, html.page-index .jap-photo-card .manufacturer-actions{
    left:14px!important;
    right:14px!important;
    bottom:14px!important;
  }
  html.page-index .tomton-photo-card > div:first-of-type > p, html.page-index .jap-photo-card > div:first-of-type > p{
    bottom:70px!important;
  }
}

/* Krok 70 – přesný cíl navigace Products */
html.page-index .technical-brands-intro#brand-cards{
  scroll-margin-top:96px!important;
}

/* Krok 74 – volba sortimentu JAP */
html.page-index .jap-sortiment-modal{
  position:fixed;
  inset:0;
  z-index:9999;
  display:none;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:rgba(12,5,18,.82);
  backdrop-filter:blur(7px);
}
html.page-index .jap-sortiment-modal.is-open{display:flex}
html.page-index .jap-sortiment-dialog{
  position:relative;
  width:min(760px,100%);
  padding:30px;
  background:linear-gradient(145deg,#29143a,#160b22);
  border:1px solid rgba(214,177,95,.52);
  box-shadow:0 24px 80px rgba(0,0,0,.5);
}
html.page-index .jap-sortiment-close{
  position:absolute;
  top:13px;
  right:13px;
  width:38px;
  height:38px;
  border:1px solid rgba(214,177,95,.35);
  background:transparent;
  color:#f4edf6;
  font-size:24px;
  cursor:pointer;
}
html.page-index .jap-sortiment-eyebrow{
  color:var(--gold);
  font-size:11px;
  font-weight:900;
  letter-spacing:.13em;
  text-transform:uppercase;
}
html.page-index .jap-sortiment-dialog h2{
  margin:9px 45px 10px 0;
  color:var(--gold);
  font:500 clamp(29px,4vw,44px)/1.08 Georgia,serif;
}
html.page-index .jap-sortiment-dialog p{
  margin:0;
  color:#d8c9dd;
  font-size:14px;
  line-height:1.65;
}
html.page-index .jap-sortiment-options{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:22px;
}
html.page-index .jap-sortiment-option{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:16px;
  min-height:150px;
  padding:20px;
  border:1px solid rgba(214,177,95,.32);
  background:rgba(255,255,255,.045);
  text-decoration:none;
}
html.page-index .jap-sortiment-option strong{
  color:#fff;
  font-size:20px;
}
html.page-index .jap-sortiment-option span{
  color:#cdbfd3;
  font-size:12px;
  line-height:1.55;
}
html.page-index .jap-sortiment-option b{
  color:var(--gold);
  font-size:12px;
  text-transform:uppercase;
}
@media(max-width:650px){
  html.page-index .jap-sortiment-options{grid-template-columns:1fr}
}

/* Krok 75 – text jazykové volby JAP */
html.page-index .jap-sortiment-option span{
  line-height:1.6!important;
}

/* Krok 78 – začátky sekcí nejsou zakryté pevnou hlavní lištou */
html.page-index #planning, html.page-index #duvera{
  scroll-margin-top:118px!important;
}
@media(max-width:900px){
  html.page-index #planning, html.page-index #duvera{
    scroll-margin-top:92px!important;
  }
}

/* Krok 79 – přesná pozice sekce Products */
html.page-index #brand-cards{
  scroll-margin-top:0!important;
}

/* Krok 86 – pořadí a kompaktní rozložení hlavní navigace */
html.page-index header{
  padding:17px 3vw!important;
  gap:22px!important;
}
html.page-index header .logo{
  flex:0 0 auto!important;
}
html.page-index header nav{
  min-width:0!important;
  flex:1 1 auto!important;
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  gap:clamp(8px,.8vw,14px)!important;
  font-size:11px!important;
  line-height:1.15!important;
  white-space:nowrap!important;
}
html.page-index header nav a{
  display:inline-flex!important;
  align-items:center!important;
  min-height:30px!important;
}
html.page-index #podle-pouziti, html.page-index #tipy, html.page-index #design, html.page-index #contact{
  scroll-margin-top:100px!important;
}
@media(max-width:1180px){
  html.page-index header{
    align-items:flex-start!important;
    flex-wrap:wrap!important;
  }
  html.page-index header nav{
    flex:1 1 100%!important;
    justify-content:flex-start!important;
    flex-wrap:wrap!important;
    gap:7px 15px!important;
  }
}

/* Krok 89 – nový řádek Atlas Concorde, WOW Design a Tubądzin */
html.page-index .visual-brand-grid > .manufacturer-card.new-obklady-supplier{
  min-height:310px!important;
  height:310px!important;
  background-size:cover,cover,cover!important;
  background-position:center,center,center!important;
  background-repeat:no-repeat!important;
  background-image:
    linear-gradient(
      180deg,
      rgba(20,8,31,.08) 0%,
      rgba(20,8,31,.20) 43%,
      rgba(20,8,31,.92) 100%
    ),
    var(--photo),
    var(--fallback)!important;
}
html.page-index .new-obklady-supplier .brand-logo-img{
  width:auto!important;
  max-width:178px!important;
  height:48px!important;
  object-fit:contain!important;
  object-position:left center!important;
}
html.page-index .new-obklady-supplier.tubadzin-card .brand-logo-img{
  max-width:190px!important;
}
html.page-index .new-obklady-supplier .brand-logo-text{
  display:flex!important;
  min-height:50px!important;
  align-items:center!important;
}

/* Krok 96 – nové obrazové logo TOP INTERIOR */
html.page-index header{padding-top:9px!important;padding-bottom:9px!important;}
html.page-index header .top-interior-site-logo{
  display:block!important;
  flex:0 0 auto!important;
  width:clamp(154px,13vw,192px)!important;
  line-height:0!important;
  overflow:hidden!important;
  border:1px solid rgba(214,177,95,.44)!important;
  border-radius:3px!important;
  background:#180a23!important;
  box-shadow:0 8px 24px rgba(0,0,0,.28)!important;
}
html.page-index header .top-interior-site-logo img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:1610/630!important;
  object-fit:cover!important;
}
@media(max-width:560px){
  html.page-index header .top-interior-site-logo{width:148px!important;}
}

/* Source style block 2 */
/* Krok 92 – Baldocer místo obecné dlaždice OBKLADY */
html.page-index .baldocer-photo-card .brand-logo-text{max-width:min(70%,260px)!important}
html.page-index .baldocer-photo-card .brand-logo-img{height:clamp(38px,3vw,50px)!important}
html.page-index .baldocer-photo-card{background-position:center 54%!important}

/* Source style block 3 */
/* Krok 94 – JOVEE logo a filozofie ve stejném rámečku hlavního sdělení */
html.page-index .installer-first-statement{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:22px;
  align-items:center;
  padding:15px 18px;
  margin-bottom:9px;
  border:1px solid rgba(214,177,95,.68);
  background:rgba(255,255,255,.012);
}
html.page-index .installer-first-copy > strong{
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
}
html.page-index .installer-first-statement > strong{
  display:block;
  margin:0;
  color:var(--gold);
  font:500 clamp(25px,3vw,39px)/1.16 Georgia,serif;
}
html.page-index .installer-first-philosophy{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-width:112px;
  padding-left:18px;
  border-left:1px solid rgba(214,177,95,.28);
}
html.page-index .installer-first-jovee-logo{
  display:block;
  width:92px;
  height:54px;
  object-fit:contain;
}
html.page-index .installer-first-philosophy-button{
  display:inline-flex;
  min-height:30px;
  padding:7px 11px;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(214,177,95,.62);
  background:rgba(214,177,95,.08);
  color:#f1dfb1;
  font-size:9px;
  font-weight:900;
  line-height:1;
  letter-spacing:.09em;
  text-transform:uppercase;
  text-decoration:none;
  white-space:nowrap;
  transition:background .2s ease,color .2s ease,border-color .2s ease;
}
html.page-index .installer-first-philosophy-button:hover, html.page-index .installer-first-philosophy-button:focus-visible{
  background:var(--gold);
  border-color:var(--gold);
  color:#281437;
}
@media(max-width:860px){
  html.page-index .installer-first-statement{grid-template-columns:1fr;gap:14px}
  html.page-index .installer-first-philosophy{
    flex-direction:row;
    justify-content:flex-start;
    min-width:0;
    padding:12px 0 0;
    border-left:0;
    border-top:1px solid rgba(214,177,95,.28);
  }
  html.page-index .installer-first-jovee-logo{width:78px;height:46px}
}
@media(max-width:480px){
  html.page-index .installer-first-statement{padding:14px}
  html.page-index .installer-first-philosophy{flex-wrap:wrap}
  html.page-index .installer-first-statement > strong{font-size:24px}
}


/* Source: assets/css/site-responsive.css */
/* Shared responsive and accessibility layer. Mobile-first; page-specific CSS remains unchanged. */
html.page-index{ --touch-target: 2.75rem; }
html.page-index{ width: 100%; overflow-x: hidden; -webkit-text-size-adjust: 100%; }
body.page-index{ width: 100%; min-width: 0; overflow-x: clip; }
html.page-index img, html.page-index picture, html.page-index video, html.page-index canvas, html.page-index svg{ display: block; max-width: 100%; height: auto; }
html.page-index iframe{ max-width: 100%; }
html.page-index main, html.page-index section, html.page-index article, html.page-index header, html.page-index footer, html.page-index nav, html.page-index form, html.page-index fieldset, html.page-index .wrap, html.page-index .container{ min-width: 0; }
html.page-index button, html.page-index input, html.page-index select, html.page-index textarea{ max-width: 100%; font: inherit; }
html.page-index button, html.page-index input[type="button"], html.page-index input[type="submit"], html.page-index input[type="reset"], html.page-index select, html.page-index .btn, html.page-index .button, html.page-index [role="button"]{ min-height: var(--touch-target); }
html.page-index textarea{ min-height: 7rem; resize: vertical; }
html.page-index .ti-mobile-menu-toggle{
  display: inline-flex; align-items: center; justify-content: center; gap: .5rem;
  min-width: var(--touch-target); min-height: var(--touch-target); padding: .65rem .8rem;
  border: 1px solid rgba(214,177,95,.7); background: rgba(18,8,28,.72);
  color: #f4ead0; font-weight: 800; cursor: pointer;
}
html.page-index .ti-mobile-menu-toggle__icon, html.page-index .ti-mobile-menu-toggle__icon::before, html.page-index .ti-mobile-menu-toggle__icon::after{
  display: block; width: 1.25rem; height: .125rem; background: currentColor; content: ""; transition: transform .2s ease;
}
html.page-index .ti-mobile-menu-toggle__icon{ position: relative; }
html.page-index .ti-mobile-menu-toggle__icon::before{ position: absolute; top: -.4rem; }
html.page-index .ti-mobile-menu-toggle__icon::after{ position: absolute; top: .4rem; }
html.page-index header.ti-mobile-nav-header{ flex-wrap: wrap; }
html.page-index header.ti-mobile-nav-header > nav{ display: none !important; width: 100%; flex-direction: column; align-items: stretch; gap: .25rem; padding-top: .75rem; }
html.page-index header.ti-nav-open > nav{ display: flex !important; }
html.page-index header.ti-mobile-nav-header > nav a{ display: flex; align-items: center; min-height: var(--touch-target); padding: .65rem .75rem; }
@media (max-width: 47.99rem) {
  html.page-index h1{ overflow-wrap: anywhere; }
  html.page-index .wrap, html.page-index .container{ width: 100%; padding-inline: clamp(1rem, 4vw, 1.5rem); }
  html.page-index .grid, html.page-index .cards, html.page-index .card-grid, html.page-index .brand-grid, html.page-index .product-grid, html.page-index .form-grid{ grid-template-columns: minmax(0, 1fr) !important; }
  html.page-index table{ display: block; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
}
@media (min-width: 56.25rem) {
  html.page-index .ti-mobile-menu-toggle{ display: none; }
  html.page-index header.ti-mobile-nav-header{ flex-wrap: nowrap; }
  html.page-index header.ti-mobile-nav-header > nav{ display: flex !important; width: auto; flex-direction: row; align-items: center; padding-top: 0; }
  html.page-index header.ti-mobile-nav-header > nav a{ min-height: auto; padding: 0; }
}
@media (prefers-reduced-motion: reduce) {
  html.page-index *, html.page-index *::before, html.page-index *::after{ scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}


/* Source: assets/css/top-interior-velvet-header.css */
/* Krok 97 – jednotná sametová horní lišta a logo TOP INTERIOR */
body.page-index > header, body.page-index > .topbar{
  background-color:#17081f!important;
  background-image:
    linear-gradient(90deg,rgba(8,3,12,.28),rgba(42,8,54,.08) 45%,rgba(8,3,12,.38)),
    url("../assets/images/top-interior-velvet-header.jpg")!important;
  background-position:center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  border-top:0!important;
  border-bottom:1px solid rgba(214,177,95,.58)!important;
  box-shadow:0 9px 28px rgba(0,0,0,.34)!important;
}

/* Hlavní logo na standardních stránkách */
body.page-index > header .top-interior-site-logo, body.page-index > .topbar .top-interior-site-logo{
  display:block!important;
  flex:0 0 auto!important;
  width:clamp(220px,18vw,280px)!important;
  max-width:42vw!important;
  line-height:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.page-index > header .top-interior-site-logo img, body.page-index > .topbar .top-interior-site-logo img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  filter:drop-shadow(0 3px 4px rgba(0,0,0,.8)) drop-shadow(0 0 8px rgba(214,177,95,.16));
}
body.page-index > header nav a, body.page-index > header .nav a, body.page-index > header .back, body.page-index > header .outline{
  color:#f3e9f5!important;
  text-shadow:0 1px 3px rgba(0,0,0,.75);
}
body.page-index > header nav a:hover, body.page-index > header .nav a:hover{color:#f1cf77!important}

/* Logo TOP INTERIOR doplněné do poptávkových formulářů */
html.page-index .ti-form-site-logo{
  position:absolute;
  left:20px;
  top:50%;
  transform:translateY(-50%);
  display:block;
  width:clamp(178px,15vw,220px);
  max-width:23vw;
  line-height:0;
  z-index:2;
}
html.page-index .ti-form-site-logo img{
  display:block;
  width:100%;
  height:auto;
  filter:drop-shadow(0 3px 4px rgba(0,0,0,.82)) drop-shadow(0 0 7px rgba(214,177,95,.14));
}
body.page-index > header.topbar .topbar-inner, body.page-index > .topbar .topbar-inner{
  position:relative!important;
  max-width:1500px!important;
  min-height:78px!important;
  padding-left:clamp(222px,20vw,292px)!important;
}
body.page-index > header.topbar .brand h1, body.page-index > header.topbar .brand p, body.page-index > .topbar .brand h1, body.page-index > .topbar .brand p, body.page-index > header.topbar .brand-title h1, body.page-index > header.topbar .brand-title p, body.page-index > .topbar .brand-title h1, body.page-index > .topbar .brand-title p{
  color:#fff!important;
  text-shadow:0 1px 3px rgba(0,0,0,.75)!important;
}
body.page-index > header.topbar .brand p, body.page-index > .topbar .brand p, body.page-index > header.topbar .brand-title p, body.page-index > .topbar .brand-title p{color:#ded0e5!important}
body.page-index > header.topbar .actions .btn, body.page-index > .topbar .actions .btn, body.page-index > header.topbar .actions a, body.page-index > .topbar .actions a{
  box-shadow:0 3px 10px rgba(0,0,0,.22);
}

/* Obecný značkový poptávkový formulář */
body.page-index > header .generic-topbar-inner{
  position:relative!important;
  width:100%!important;
  max-width:1500px!important;
  margin:auto!important;
  min-height:64px!important;
  padding-left:clamp(222px,20vw,292px)!important;
}
body.page-index > header .generic-form-brand, body.page-index > header .generic-top-actions{color:#fff!important}

/* Interaktivní koupelna */
body.page-index > header .ti-inline-header-logo{
  display:block;
  width:clamp(220px,20vw,292px);
  line-height:0;
  margin:0 0 10px;
}
body.page-index > header .ti-inline-header-logo img{display:block;width:100%;height:auto;filter:drop-shadow(0 3px 4px rgba(0,0,0,.8))}
body.page-index > header.ti-inline-header{max-width:none!important;margin:0!important;padding:14px max(24px,calc((100vw - 1760px)/2)) 15px!important}
body.page-index > header.ti-inline-header h1{color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.75)}

@media(max-width:900px){
  body.page-index > header .top-interior-site-logo, body.page-index > .topbar .top-interior-site-logo{width:210px!important;max-width:60vw!important}
  body.page-index > header.topbar .topbar-inner, body.page-index > .topbar .topbar-inner, body.page-index > header .generic-topbar-inner{
    padding-left:20px!important;
    min-height:0!important;
  }
  html.page-index .ti-form-site-logo{
    position:relative;
    left:auto;top:auto;transform:none;
    width:210px;max-width:64vw;
    grid-column:1/-1;
    margin:0 0 4px;
  }
}
@media(max-width:560px){
  body.page-index > header .top-interior-site-logo, body.page-index > .topbar .top-interior-site-logo{width:188px!important;max-width:66vw!important}
  html.page-index .ti-form-site-logo{width:190px}
}


/* Krok 98 – sjednocené logo, zvětšená hlavní lišta a informační doložka */
html.page-index{
  --ti-logo-secondary-width:clamp(190px,16vw,230px);
  --ti-logo-form-width:clamp(162px,14vw,184px);
}

/* Jednotný vzhled loga na všech běžných a interních stránkách */
body.page-index > header .top-interior-site-logo, body.page-index > .topbar .top-interior-site-logo{
  width:var(--ti-logo-secondary-width)!important;
  max-width:min(48vw,230px)!important;
  min-width:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.page-index > header .top-interior-site-logo img, body.page-index > .topbar .top-interior-site-logo img, html.page-index .ti-form-site-logo img, body.page-index > header .ti-inline-header-logo img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  clip-path:none!important;
}

/* Hlavní stránka: lišta přibližně o 70 % vyšší a úměrně větší logo */
body.page-index > header.ti-main-header{
  min-height:106px!important;
  padding:22px 3vw!important;
  align-items:center!important;
}
body.page-index > header.ti-main-header .top-interior-site-logo{
  width:clamp(300px,24vw,372px)!important;
  max-width:38vw!important;
}
body.page-index > header.ti-main-header nav{
  align-self:center!important;
}

/* Poptávkové formuláře: celé, nepřerostlé a shodné logo */
html.page-index .ti-form-site-logo{
  position:absolute!important;
  left:22px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  display:block!important;
  width:var(--ti-logo-form-width)!important;
  max-width:184px!important;
  min-width:0!important;
  line-height:0!important;
  overflow:visible!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  z-index:3!important;
}
body.page-index > header.topbar .topbar-inner, body.page-index > .topbar .topbar-inner, body.page-index > header .generic-topbar-inner{
  padding-left:clamp(212px,18vw,246px)!important;
  min-height:82px!important;
}

/* Společná informační doložka ve spodní části všech stránek */
html.page-index .ti-site-notice{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:22px max(22px,5vw)!important;
  border-top:1px solid rgba(214,177,95,.32)!important;
  background:#09050f!important;
  color:#cfc2d5!important;
  font:400 11px/1.65 Inter,Arial,sans-serif!important;
  letter-spacing:0!important;
  text-align:left!important;
}
html.page-index .ti-site-notice strong{
  color:#e2c577!important;
  font-weight:800!important;
}
html.page-index .ti-site-notice p{
  max-width:1380px!important;
  margin:0 auto!important;
}

@media(max-width:1180px){
  body.page-index > header.ti-main-header{
    min-height:0!important;
    padding:19px 3vw!important;
  }
  body.page-index > header.ti-main-header .top-interior-site-logo{
    width:clamp(270px,34vw,340px)!important;
    max-width:58vw!important;
  }
}
@media(max-width:900px){
  body.page-index > header .top-interior-site-logo, body.page-index > .topbar .top-interior-site-logo{
    width:210px!important;
    max-width:64vw!important;
  }
  body.page-index > header.ti-main-header{
    padding:18px 20px!important;
  }
  body.page-index > header.ti-main-header .top-interior-site-logo{
    width:260px!important;
    max-width:72vw!important;
  }
  body.page-index > header.topbar .topbar-inner, body.page-index > .topbar .topbar-inner, body.page-index > header .generic-topbar-inner{
    padding-left:20px!important;
    min-height:0!important;
  }
  html.page-index .ti-form-site-logo{
    position:relative!important;
    left:auto!important;
    top:auto!important;
    transform:none!important;
    width:184px!important;
    max-width:56vw!important;
    grid-column:1/-1!important;
    margin:0 0 8px!important;
  }
}
@media(max-width:560px){
  body.page-index > header.ti-main-header .top-interior-site-logo{
    width:232px!important;
    max-width:78vw!important;
  }
  html.page-index .ti-form-site-logo{
    width:172px!important;
    max-width:62vw!important;
  }
  html.page-index .ti-site-notice{
    padding:18px 17px!important;
    font-size:10.5px!important;
  }
}


/* Krok 99 – kompaktnější hlavní lišta a dvouřádkové hlavičky poptávek */
html.page-index{
  --ti-logo-shared-width:clamp(300px,24vw,372px);
}

/* Jedna velikost a jeden vzhled loga na všech stránkách. */
body.page-index > header .top-interior-site-logo, body.page-index > .topbar .top-interior-site-logo, html.page-index .ti-form-site-logo, body.page-index > header .ti-inline-header-logo{
  width:var(--ti-logo-shared-width)!important;
  max-width:38vw!important;
  min-width:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  line-height:0!important;
}
body.page-index > header .top-interior-site-logo img, body.page-index > .topbar .top-interior-site-logo img, html.page-index .ti-form-site-logo img, body.page-index > header .ti-inline-header-logo img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:left center!important;
  clip-path:none!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* Hlavní stránka: lišta o přibližně 10 % nižší, velikost loga zůstává. */
body.page-index > header.ti-main-header, body.page-index > header.ti-request-hub-header{
  min-height:96px!important;
  padding:20px 3vw!important;
  align-items:center!important;
}
body.page-index > header.ti-main-header .top-interior-site-logo, body.page-index > header.ti-request-hub-header .top-interior-site-logo{
  width:var(--ti-logo-shared-width)!important;
  max-width:38vw!important;
}

/* Poptávkové formuláře: logo je samostatně v prvním řádku vlevo. */
body.page-index > header.topbar .topbar-inner, body.page-index > .topbar .topbar-inner{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-areas:
    "ti-logo ti-logo"
    "ti-brand ti-actions"!important;
  align-items:center!important;
  column-gap:22px!important;
  row-gap:13px!important;
  width:100%!important;
  max-width:none!important;
  padding:18px 3vw!important;
  min-height:0!important;
}
body.page-index > header.topbar .topbar-inner > .ti-form-site-logo, body.page-index > .topbar .topbar-inner > .ti-form-site-logo{
  grid-area:ti-logo!important;
  position:relative!important;
  left:auto!important;
  top:auto!important;
  transform:none!important;
  justify-self:start!important;
  align-self:start!important;
  display:block!important;
  width:var(--ti-logo-shared-width)!important;
  max-width:38vw!important;
  margin:0!important;
  z-index:3!important;
}
body.page-index > header.topbar .topbar-inner > .brand, body.page-index > .topbar .topbar-inner > .brand, body.page-index > header.topbar .topbar-inner > .brand-title, body.page-index > .topbar .topbar-inner > .brand-title{
  grid-area:ti-brand!important;
  min-width:0!important;
}
body.page-index > header.topbar .topbar-inner > .actions, body.page-index > .topbar .topbar-inner > .actions{
  grid-area:ti-actions!important;
  align-self:center!important;
}

/* Obecný značkový formulář používá stejné dvouřádkové rozložení. */
body.page-index > header .generic-topbar-inner{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-areas:
    "ti-logo ti-logo"
    "ti-brand ti-actions"!important;
  align-items:center!important;
  column-gap:22px!important;
  row-gap:13px!important;
  width:100%!important;
  max-width:none!important;
  margin:auto!important;
  padding:18px 3vw!important;
  min-height:0!important;
}
body.page-index > header .generic-topbar-inner > .ti-form-site-logo{
  grid-area:ti-logo!important;
  position:relative!important;
  left:auto!important;
  top:auto!important;
  transform:none!important;
  justify-self:start!important;
  width:var(--ti-logo-shared-width)!important;
  max-width:38vw!important;
  margin:0!important;
}
body.page-index > header .generic-topbar-inner > .generic-form-brand{grid-area:ti-brand!important}
body.page-index > header .generic-topbar-inner > .generic-top-actions{grid-area:ti-actions!important}

/* Centrum E-shop / Poptávky má stejnou hlavičku jako hlavní stránka. */
body.page-index > header.ti-request-hub-header{
  display:flex!important;
  justify-content:space-between!important;
  gap:24px!important;
}
body.page-index > header.ti-request-hub-header .back{
  flex:0 0 auto!important;
}

@media(max-width:1180px){
  html.page-index{--ti-logo-shared-width:clamp(270px,34vw,340px)}
  body.page-index > header.ti-main-header, body.page-index > header.ti-request-hub-header{min-height:0!important;padding:17px 3vw!important}
  body.page-index > header .top-interior-site-logo, body.page-index > .topbar .top-interior-site-logo, html.page-index .ti-form-site-logo, body.page-index > header .ti-inline-header-logo{max-width:58vw!important}

  body.page-index > header.topbar .topbar-inner, body.page-index > .topbar .topbar-inner, body.page-index > header .generic-topbar-inner{
    grid-template-columns:1fr!important;
    grid-template-areas:"ti-logo" "ti-brand" "ti-actions"!important;
  }
  body.page-index > header.topbar .topbar-inner > .actions, body.page-index > .topbar .topbar-inner > .actions, body.page-index > header .generic-topbar-inner > .generic-top-actions{
    width:100%!important;
    max-width:100%!important;
    justify-self:start!important;
    justify-content:flex-start!important;
  }
}
@media(max-width:900px){
  html.page-index{--ti-logo-shared-width:260px}
  body.page-index > header.ti-main-header, body.page-index > header.ti-request-hub-header{padding:16px 20px!important}
  body.page-index > header .top-interior-site-logo, body.page-index > .topbar .top-interior-site-logo, html.page-index .ti-form-site-logo, body.page-index > header .ti-inline-header-logo{max-width:72vw!important}
  body.page-index > header.topbar .topbar-inner, body.page-index > .topbar .topbar-inner, body.page-index > header .generic-topbar-inner{
    grid-template-columns:1fr!important;
    grid-template-areas:"ti-logo" "ti-brand" "ti-actions"!important;
    padding:16px 20px!important;
  }
  body.page-index > header.topbar .topbar-inner > .actions, body.page-index > .topbar .topbar-inner > .actions, body.page-index > header .generic-topbar-inner > .generic-top-actions{
    justify-self:start!important;
    justify-content:flex-start!important;
  }
  body.page-index > header.ti-request-hub-header{
    flex-wrap:wrap!important;
  }
}
@media(max-width:560px){
  html.page-index{--ti-logo-shared-width:232px}
  body.page-index > header .top-interior-site-logo, body.page-index > .topbar .top-interior-site-logo, html.page-index .ti-form-site-logo, body.page-index > header .ti-inline-header-logo{max-width:78vw!important}
}


/* Krok 113 – společné logo TOP INTERIOR by JOVEE Services */
html.page-index{--ti-combined-logo-width:clamp(370px,31vw,500px)}
body.page-index > header .top-interior-site-logo, body.page-index > .topbar .top-interior-site-logo, html.page-index .ti-form-site-logo, body.page-index > header .ti-inline-header-logo{
  width:var(--ti-combined-logo-width)!important;
  max-width:46vw!important;
}
body.page-index > header.ti-main-header .top-interior-site-logo, body.page-index > header.ti-request-hub-header .top-interior-site-logo{
  width:clamp(410px,34vw,535px)!important;
  max-width:48vw!important;
}
body.page-index > header .top-interior-site-logo img, body.page-index > .topbar .top-interior-site-logo img, html.page-index .ti-form-site-logo img, body.page-index > header .ti-inline-header-logo img{
  filter:none!important;
  object-fit:contain!important;
  object-position:left center!important;
}
body.page-index > header.ti-main-header, body.page-index > header.ti-request-hub-header{
  padding-top:12px!important;
  padding-bottom:12px!important;
}
@media(max-width:1180px){
  html.page-index{--ti-combined-logo-width:clamp(330px,43vw,450px)}
  body.page-index > header.ti-main-header .top-interior-site-logo, body.page-index > header.ti-request-hub-header .top-interior-site-logo{width:clamp(350px,48vw,465px)!important;max-width:58vw!important}
}
@media(max-width:900px){
  html.page-index{--ti-combined-logo-width:320px}
  body.page-index > header.ti-main-header .top-interior-site-logo, body.page-index > header.ti-request-hub-header .top-interior-site-logo{width:340px!important;max-width:78vw!important}
}
@media(max-width:560px){
  html.page-index{--ti-combined-logo-width:280px}
  body.page-index > header.ti-main-header .top-interior-site-logo, body.page-index > header.ti-request-hub-header .top-interior-site-logo{width:300px!important;max-width:86vw!important}
}

/* Krok 115 – vyvážená výška hlavní lišty pro společné logo */
html.page-index{
  --ti-combined-logo-width:clamp(330px,25vw,390px);
}

/* Běžné interní stránky a formuláře: čitelné logo bez přerůstání. */
body.page-index > header .top-interior-site-logo, body.page-index > .topbar .top-interior-site-logo, html.page-index .ti-form-site-logo, body.page-index > header .ti-inline-header-logo{
  width:var(--ti-combined-logo-width)!important;
  max-width:42vw!important;
}

/* Hlavní navigační lišta: návrat k původní vyvážené výšce. */
body.page-index > header.ti-main-header, body.page-index > header.ti-request-hub-header{
  min-height:112px!important;
  padding:9px 3vw!important;
  align-items:center!important;
}
body.page-index > header.ti-main-header .top-interior-site-logo, body.page-index > header.ti-request-hub-header .top-interior-site-logo{
  width:clamp(360px,27vw,420px)!important;
  max-width:43vw!important;
}
body.page-index > header.ti-main-header nav{
  gap:clamp(12px,1.15vw,20px)!important;
  font-size:clamp(11px,.72vw,13px)!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
}
body.page-index > header.ti-main-header nav a{white-space:nowrap!important}

@media(max-width:1180px){
  html.page-index{--ti-combined-logo-width:clamp(300px,31vw,350px)}
  body.page-index > header.ti-main-header, body.page-index > header.ti-request-hub-header{
    min-height:100px!important;
    padding:9px 3vw!important;
  }
  body.page-index > header.ti-main-header .top-interior-site-logo, body.page-index > header.ti-request-hub-header .top-interior-site-logo{
    width:clamp(310px,32vw,365px)!important;
    max-width:42vw!important;
  }
  body.page-index > header.ti-main-header nav{
    gap:10px!important;
    font-size:11px!important;
  }
}
@media(max-width:900px){
  html.page-index{--ti-combined-logo-width:290px}
  body.page-index > header.ti-main-header, body.page-index > header.ti-request-hub-header{
    min-height:0!important;
    padding:12px 20px!important;
  }
  body.page-index > header.ti-main-header .top-interior-site-logo, body.page-index > header.ti-request-hub-header .top-interior-site-logo{
    width:300px!important;
    max-width:76vw!important;
  }
}
@media(max-width:560px){
  html.page-index{--ti-combined-logo-width:255px}
  body.page-index > header.ti-main-header, body.page-index > header.ti-request-hub-header{padding:10px 16px!important}
  body.page-index > header.ti-main-header .top-interior-site-logo, body.page-index > header.ti-request-hub-header .top-interior-site-logo{
    width:268px!important;
    max-width:82vw!important;
  }
}


/* Extracted former inline styles */
html.page-index .inline-style-1{--brand:#ef7600;--photo:url("../assets/images/schluter-technical-tile-background.jpg")}
html.page-index .inline-style-2{--brand:#245b97;--photo:url("../assets/images/mapei-technical-tile-background.jpg")}
html.page-index .inline-style-3{--brand:#b91f29;--photo:url("../assets/images/sapho-tile-collage-full-width.jpg")}
html.page-index .inline-style-4{--brand:#d71920;--photo:url("../assets/images/tomton-r3-clean-full-photo-background.jpg")}
html.page-index .inline-style-5{--brand:#202124;--photo:url("../assets/images/jap-future-tile-background.jpg")}
html.page-index .inline-style-6{--brand:#94c11f;--photo:url("../assets/images/baldocer-tile-background.jpg")}
html.page-index .inline-style-7{--brand:#126493;--photo:url("../assets/images/geberit-tile-fixed.jpg")}
html.page-index .inline-style-8{--brand:#333333;--photo:url("../assets/images/gsi-pink-washbasin-background.jpg")}
html.page-index .inline-style-9{--brand:#be373d;--photo:url("https://paoloniceramiche.it/wp-content/uploads/2022/02/AtlasConcorde_BoostNatural_001_00_Ash-Ecru-copia.jpg");--fallback:url("../assets/images/atlas-concorde-tile-fallback.jpg")}
html.page-index .inline-style-10{--brand:#a78042;--photo:url("https://www.wowdesigneu.com/wp-content/uploads/2022/03/4-59.jpg");--fallback:url("../assets/images/wow-design-tile-fallback.jpg")}
html.page-index .inline-style-11{--brand:#345c9c;--photo:url("https://apiprod7ga8u.tubadzin.pl/media/original_images/ARAN-Aqamarine-Blue-1.jpg");--fallback:url("../assets/images/tubadzin-tile-fallback.jpg")}

/* ===== index_inlined.html ===== */

/* Source: assets/css/index_inlined.css */
/* Source style block 1 */
html.page-index-inlined *{box-sizing:border-box}html.page-index-inlined{scroll-behavior:smooth}body.page-index-inlined{margin:0;font-family:Inter,Arial,sans-serif}
html.page-index-inlined a{text-decoration:none;color:inherit}html.page-index-inlined .wrap{max-width:1380px;margin:auto;padding-left:5vw;padding-right:5vw}

html.page-index-inlined{--bg:#f7f5f0;--ink:#17191c;--muted:#6f7377;--accent:#d87521;--line:#dfdbd3;--dark:#22282c}
body.page-index-inlined{background:var(--bg);color:var(--ink)}
html.page-index-inlined header{position:sticky;top:0;z-index:20;background:rgba(247,245,240,.94);backdrop-filter:blur(12px);
display:flex;justify-content:space-between;align-items:center;padding:18px 5vw;border-bottom:1px solid var(--line)}
html.page-index-inlined .logo{font-size:18px;font-weight:900;letter-spacing:.08em} html.page-index-inlined .logo small{display:block;font-size:9px;color:#777;letter-spacing:.19em;margin-top:3px}
html.page-index-inlined nav{display:flex;gap:24px;font-size:13px} html.page-index-inlined .switch{padding:11px 15px;border:1px solid #222;font-size:12px;font-weight:800}
html.page-index-inlined .hero{padding-top:80px;padding-bottom:50px;display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:end}
html.page-index-inlined .eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.18em;color:var(--accent);font-weight:800}
html.page-index-inlined h1, html.page-index-inlined h2{font-family:Georgia,serif;font-weight:500} html.page-index-inlined h1{font-size:clamp(54px,7vw,102px);line-height:.92;margin:18px 0}
html.page-index-inlined .hero p{font-size:19px;line-height:1.65;color:var(--muted);max-width:620px}
html.page-index-inlined .facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding-bottom:52px} html.page-index-inlined .fact{padding:18px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)} html.page-index-inlined .fact b{display:block;color:var(--ink);font-size:17px;margin-bottom:4px}
html.page-index-inlined .explorer{background:var(--dark);padding:70px 2vw 90px;color:white} html.page-index-inlined .head{max-width:1500px;margin:0 auto 25px;padding:0 2vw;display:flex;justify-content:space-between;align-items:end;gap:30px}
html.page-index-inlined .head h2{font-size:clamp(38px,5vw,68px);margin:0} html.page-index-inlined .head p{max-width:550px;color:#c6c8c9;line-height:1.55}
html.page-index-inlined .frame{max-width:1580px;margin:auto;background:white;border-radius:14px;overflow:hidden;box-shadow:0 28px 80px #0006}
html.page-index-inlined .bar{height:40px;background:#eceae5;display:flex;align-items:center;padding:0 14px;gap:7px;color:#777;font-size:11px}
html.page-index-inlined .dot{width:9px;height:9px;border-radius:50%;background:#aaa} html.page-index-inlined iframe{display:block;width:100%;height:940px;border:0}
html.page-index-inlined .sales{padding-top:90px;padding-bottom:90px} html.page-index-inlined .sales h2{font-size:58px;margin:0 0 36px}
html.page-index-inlined .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px} html.page-index-inlined .card{background:white;border:1px solid var(--line);padding:27px;min-height:190px}
html.page-index-inlined .card p{font-size:14px;color:var(--muted);line-height:1.6} html.page-index-inlined .bridge{background:#d8d0c3;padding:90px 5vw;text-align:center}
html.page-index-inlined .bridge h2{font-size:58px;margin:0 0 16px} html.page-index-inlined .bridge p{max-width:720px;margin:0 auto 28px;color:#555;line-height:1.6}
html.page-index-inlined .btn{display:inline-block;background:#171717;color:white;padding:16px 24px;font-size:13px;font-weight:800}
html.page-index-inlined footer{background:#111;color:white;padding:28px 5vw;display:flex;justify-content:space-between;font-size:12px}
@media(max-width:900px){html.page-index-inlined nav{display:none}html.page-index-inlined .hero{grid-template-columns:1fr}html.page-index-inlined .facts, html.page-index-inlined .grid{grid-template-columns:1fr}html.page-index-inlined iframe{height:82vh}html.page-index-inlined .head{display:block}}


html.page-index-inlined .brands{padding-top:105px;padding-bottom:110px}
html.page-index-inlined .brands-head{
  display:grid;grid-template-columns:minmax(260px,.8fr) minmax(320px,1.2fr);
  gap:80px;align-items:end;margin-bottom:46px
}
html.page-index-inlined .brands-head h2{font-size:clamp(44px,5vw,72px);line-height:.95;margin:0}
html.page-index-inlined .brands-head p{color:var(--muted);font-size:16px;line-height:1.75;margin:0;max-width:720px}
html.page-index-inlined .brand-grid{
  display:grid;grid-template-columns:repeat(12,1fr);
  grid-auto-rows:minmax(245px,auto);gap:18px
}
html.page-index-inlined .brand-button{
  --brand:#222;
  position:relative;isolation:isolate;overflow:hidden;
  display:flex;flex-direction:column;justify-content:space-between;
  padding:30px 32px;background:#fff;border:1px solid var(--line);
  transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;
  min-height:260px
}
html.page-index-inlined .brand-button:nth-child(1), html.page-index-inlined .brand-button:nth-child(2){grid-column:span 6}
html.page-index-inlined .brand-button:nth-child(n/**/+3){grid-column:span 4}
html.page-index-inlined .brand-button::before{
  content:"";position:absolute;inset:0;z-index:-2;
  background:
    radial-gradient(circle at 88% 12%, color-mix(in srgb,var(--brand) 16%,transparent), transparent 34%),
    linear-gradient(145deg,#fff 0%,#fff 62%,color-mix(in srgb,var(--brand) 8%,#fff) 100%)
}
html.page-index-inlined .brand-button::after{
  content:attr(data-index);
  position:absolute;right:20px;bottom:-27px;z-index:-1;
  font-family:Georgia,serif;font-size:122px;line-height:1;
  color:color-mix(in srgb,var(--brand) 8%,transparent);
  font-weight:500;letter-spacing:-.06em
}
html.page-index-inlined .brand-button:hover{
  transform:translateY(-7px);
  box-shadow:0 22px 55px rgba(26,24,20,.14);
  border-color:color-mix(in srgb,var(--brand) 35%,#c9c3b9)
}
html.page-index-inlined .brand-accent{
  position:absolute;left:0;top:0;width:100%;height:5px;background:var(--brand)
}
html.page-index-inlined .brand-top{display:flex;justify-content:space-between;align-items:flex-start;gap:22px}
html.page-index-inlined .brand-logo-text{
  font-size:clamp(26px,2.3vw,38px);line-height:.98;
  font-weight:850;letter-spacing:-.035em
}
html.page-index-inlined .brand-type{
  flex:none;max-width:130px;padding:7px 9px;
  border:1px solid color-mix(in srgb,var(--brand) 28%,#ddd);
  color:color-mix(in srgb,var(--brand) 72%,#333);
  font-size:9px;text-transform:uppercase;letter-spacing:.12em;
  font-weight:850;text-align:center;background:rgba(255,255,255,.72)
}
html.page-index-inlined .brand-button p{
  max-width:560px;margin:28px 0 24px;color:var(--muted);
  line-height:1.6;font-size:14px
}
html.page-index-inlined .brand-services{
  display:flex;gap:7px;flex-wrap:wrap;margin:0 0 25px;padding:0;list-style:none
}
html.page-index-inlined .brand-services li{
  padding:6px 8px;background:rgba(255,255,255,.75);
  border:1px solid #e5e1da;color:#555;font-size:10px;font-weight:700
}
html.page-index-inlined .brand-link{
  display:flex;justify-content:space-between;align-items:center;
  padding-top:17px;border-top:1px solid color-mix(in srgb,var(--brand) 22%,#e1ddd6);
  font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.09em
}
html.page-index-inlined .brand-arrow{
  width:34px;height:34px;border-radius:50%;display:grid;place-items:center;
  background:var(--brand);color:#fff;font-size:18px;transition:transform .22s ease
}
html.page-index-inlined .brand-button:hover .brand-arrow{transform:translateX(4px)}
html.page-index-inlined .brand-note{
  margin-top:22px;padding:18px 20px;border-left:3px solid var(--accent);
  background:rgba(255,255,255,.6);color:#6f7275;font-size:12px;line-height:1.55
}
@media(max-width:1050px){
  html.page-index-inlined .brand-button:nth-child(n){grid-column:span 6}
}
@media(max-width:720px){
  html.page-index-inlined .brands-head{grid-template-columns:1fr;gap:20px}
  html.page-index-inlined .brand-button:nth-child(n){grid-column:1/-1}
  html.page-index-inlined .brand-button{min-height:240px;padding:25px}
  html.page-index-inlined .brand-logo-text{font-size:30px}
}



html.page-index-inlined{
  --bg:#170d24;
  --ink:#f4ead0;
  --muted:#cbbfd3;
  --accent:#d6b15f;
  --line:rgba(214,177,95,.24);
  --dark:#0f0818;
  --purple:#2b1640;
  --purple-2:#4a2862;
  --gold:#d6b15f;
}
body.page-index-inlined{
  background:
    radial-gradient(circle at 15% 0%,rgba(92,47,119,.25),transparent 30%),
    linear-gradient(180deg,#170d24 0%,#21112f 60%,#140a1e 100%);
  color:var(--ink)
}
html.page-index-inlined header{
  background:rgba(23,13,36,.9)!important;
  border-bottom:1px solid rgba(214,177,95,.2)!important
}
html.page-index-inlined .logo{color:var(--gold)!important}
html.page-index-inlined .logo small{color:#bfb1c9!important}
html.page-index-inlined nav a{color:#d8cce0}
html.page-index-inlined nav a:hover{color:var(--gold)}
html.page-index-inlined .switch{border-color:var(--gold)!important;color:var(--gold)!important}
html.page-index-inlined .hero p, html.page-index-inlined .brands-head p, html.page-index-inlined .sales .card p{color:var(--muted)!important}
html.page-index-inlined .eyebrow{color:var(--gold)!important}
html.page-index-inlined .facts .fact{border-top-color:rgba(214,177,95,.25)!important;color:#bfb1c9!important}
html.page-index-inlined .facts .fact b{color:var(--gold)!important}
html.page-index-inlined .explorer{background:#0f0818!important}
html.page-index-inlined .sales .card{
  background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025))!important;
  border-color:rgba(214,177,95,.2)!important
}
html.page-index-inlined .sales .card b{color:var(--gold)}
html.page-index-inlined .bridge{
  background:linear-gradient(135deg,#3b2151,#20102f)!important;
  color:#f7ecd2
}
html.page-index-inlined .bridge p{color:#cdbfd7!important}
html.page-index-inlined .btn{background:var(--gold)!important;color:#251431!important}
html.page-index-inlined footer{background:#09050f!important;color:var(--gold)!important}


html.page-index-inlined .brand-button{
  background-image:
    linear-gradient(180deg,rgba(20,8,31,.18) 0%,rgba(20,8,31,.58) 46%,rgba(20,8,31,.94) 100%),
    var(--photo)!important;
  background-size:cover!important;
  background-position:center!important;
  border-color:rgba(214,177,95,.28)!important;
  color:#fff;
  min-height:310px!important
}
html.page-index-inlined .brand-button::before{
  background:
    linear-gradient(135deg,rgba(92,47,119,.13),transparent 45%),
    radial-gradient(circle at 90% 10%,rgba(214,177,95,.14),transparent 28%)!important
}
html.page-index-inlined .brand-button::after{color:rgba(214,177,95,.09)!important}
html.page-index-inlined .brand-button:hover{
  border-color:rgba(214,177,95,.7)!important;
  box-shadow:0 24px 65px rgba(0,0,0,.38)!important
}
html.page-index-inlined .brand-accent{background:var(--gold)!important;height:4px!important}
html.page-index-inlined .brand-logo-text{
  color:var(--gold)!important;
  text-shadow:0 2px 18px rgba(0,0,0,.7)
}
html.page-index-inlined .brand-type{
  color:var(--gold)!important;
  border-color:rgba(214,177,95,.5)!important;
  background:rgba(28,13,42,.72)!important;
  backdrop-filter:blur(6px)
}
html.page-index-inlined .brand-button p{
  color:#f3edf6!important;
  text-shadow:0 1px 10px rgba(0,0,0,.65)
}
html.page-index-inlined .brand-services li{
  background:rgba(25,11,38,.72)!important;
  border-color:rgba(214,177,95,.28)!important;
  color:#f2e6c8!important;
  backdrop-filter:blur(5px)
}
html.page-index-inlined .brand-link{
  color:var(--gold)!important;
  border-top-color:rgba(214,177,95,.35)!important
}
html.page-index-inlined .brand-arrow{background:var(--gold)!important;color:#281438!important}
html.page-index-inlined .brand-note{
  background:rgba(255,255,255,.04)!important;
  border-left-color:var(--gold)!important;
  color:#c7bacf!important
}


html.page-index-inlined .trust{
  margin:72px auto 95px;
  display:grid;grid-template-columns:.9fr 1.1fr;
  gap:42px;align-items:stretch
}
html.page-index-inlined .trust-claim{
  position:relative;overflow:hidden;
  padding:42px 44px;
  background:
    radial-gradient(circle at 85% 10%,rgba(214,177,95,.17),transparent 28%),
    linear-gradient(145deg,#4a2862 0%,#2a153d 62%,#160b22 100%);
  border:1px solid rgba(214,177,95,.35)
}
html.page-index-inlined .trust-claim:after{
  content:"5";
  position:absolute;right:18px;bottom:-52px;
  font:500 190px/1 Georgia,serif;color:rgba(214,177,95,.09)
}
html.page-index-inlined .trust-claim .eyebrow{margin-bottom:18px}
html.page-index-inlined .trust-claim h2{
  margin:0;max-width:780px;
  color:var(--gold);font-size:clamp(40px,5vw,70px);line-height:.98
}
html.page-index-inlined .trust-claim p{
  margin:24px 0 0;max-width:720px;
  color:#efe6f3;font-size:17px;line-height:1.7
}
html.page-index-inlined .trust-points{
  display:grid;grid-template-columns:1fr 1fr;gap:14px
}
html.page-index-inlined .trust-point{
  min-height:190px;padding:26px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(214,177,95,.22)
}
html.page-index-inlined .trust-point strong{
  display:block;color:var(--gold);
  font-family:Georgia,serif;font-size:26px;font-weight:500;margin-bottom:12px
}
html.page-index-inlined .trust-point p{
  margin:0;color:#cfc1d6;font-size:14px;line-height:1.6
}
html.page-index-inlined .trust-signature{
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  margin-top:18px;padding:16px 18px;
  border-left:3px solid var(--gold);background:rgba(255,255,255,.04);
  color:#d8ccdf;font-size:13px;line-height:1.5
}
html.page-index-inlined .trust-signature b{color:var(--gold)}
@media(max-width:900px){
  html.page-index-inlined .trust{grid-template-columns:1fr}
}
@media(max-width:650px){
  html.page-index-inlined .trust-points{grid-template-columns:1fr}
  html.page-index-inlined .trust-claim{padding:32px 26px}
}


html.page-index-inlined .quality-manifesto{
  margin:-58px auto 100px;
  padding:28px 32px;
  display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:center;
  border:1px solid rgba(214,177,95,.28);
  background:linear-gradient(135deg,rgba(214,177,95,.08),rgba(255,255,255,.025))
}
html.page-index-inlined .quality-manifesto .number{
  color:var(--gold);font-family:Georgia,serif;font-size:72px;line-height:.8
}
html.page-index-inlined .quality-manifesto p{
  margin:0;color:#d5c9dc;font-size:15px;line-height:1.65
}
html.page-index-inlined .quality-manifesto b{color:var(--gold)}
@media(max-width:650px){
  html.page-index-inlined .quality-manifesto{grid-template-columns:1fr;margin-top:-35px}
  html.page-index-inlined .quality-manifesto .number{font-size:54px}
}


html.page-index-inlined .trust-points .trust-point:last-child{grid-column:1/-1;min-height:150px}
@media(max-width:650px){html.page-index-inlined .trust-points .trust-point:last-child{grid-column:auto}}


html.page-index-inlined .planning{
  padding:100px 5vw;
  background:
    radial-gradient(circle at 85% 8%,rgba(214,177,95,.12),transparent 28%),
    linear-gradient(145deg,#29143d,#170b24);
  color:#fff
}
html.page-index-inlined .planning-inner{
  max-width:1400px;margin:auto;
  display:grid;grid-template-columns:.8fr 1.2fr;gap:75px;align-items:start
}
html.page-index-inlined .planning h2{
  color:var(--gold);font-size:clamp(44px,5vw,72px);line-height:.97;margin:0
}
html.page-index-inlined .planning-copy p{
  margin:0 0 18px;color:#d6cadd;font-size:16px;line-height:1.75
}
html.page-index-inlined .planning-highlight{
  margin:28px 0;padding:24px 26px;
  border:1px solid rgba(214,177,95,.35);
  border-left:5px solid var(--gold);
  background:rgba(255,255,255,.045)
}
html.page-index-inlined .planning-highlight p{
  margin:0;color:#f3e7c8;font:500 24px/1.45 Georgia,serif
}
html.page-index-inlined .planning-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:34px
}
html.page-index-inlined .planning-card{
  min-height:190px;padding:22px;
  border:1px solid rgba(214,177,95,.24);
  background:rgba(255,255,255,.045)
}
html.page-index-inlined .planning-card b{
  display:block;color:var(--gold);font-size:11px;
  text-transform:uppercase;letter-spacing:.12em;margin-bottom:12px
}
html.page-index-inlined .planning-card strong{display:block;font-size:19px;margin-bottom:8px}
html.page-index-inlined .planning-card span{color:#c8bbcf;font-size:13px;line-height:1.5}
@media(max-width:900px){
  html.page-index-inlined .planning-inner{grid-template-columns:1fr}
  html.page-index-inlined .planning-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){html.page-index-inlined .planning-grid{grid-template-columns:1fr}}


html.page-index-inlined .design-manifesto{
  padding:96px 5vw;
  background:
    radial-gradient(circle at 88% 12%,rgba(214,177,95,.18),transparent 30%),
    linear-gradient(135deg,#4b2864,#241235 68%,#150a20);
  color:white
}
html.page-index-inlined .design-manifesto-inner{
  max-width:1400px;margin:auto;
  display:grid;grid-template-columns:.78fr 1.22fr;gap:78px;align-items:start
}
html.page-index-inlined .design-manifesto h2{
  color:var(--gold);font-size:clamp(46px,5.5vw,78px);line-height:.95;margin:0
}
html.page-index-inlined .design-copy p{
  margin:0 0 18px;color:#d9cedf;font-size:17px;line-height:1.75
}
html.page-index-inlined .design-quote{
  margin-top:28px;padding:26px 28px;
  border:1px solid rgba(214,177,95,.34);
  border-left:5px solid var(--gold);
  background:rgba(255,255,255,.045)
}
html.page-index-inlined .design-quote p{
  margin:0;color:#f4e7c6;
  font:500 26px/1.42 Georgia,"Times New Roman",serif
}
html.page-index-inlined .design-values{
  display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:30px
}
html.page-index-inlined .design-value{
  min-height:175px;padding:23px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(214,177,95,.22)
}
html.page-index-inlined .design-value strong{
  display:block;color:var(--gold);font-size:20px;margin-bottom:10px
}
html.page-index-inlined .design-value span{
  color:#cbbfd2;font-size:13px;line-height:1.55
}
@media(max-width:900px){
  html.page-index-inlined .design-manifesto-inner{grid-template-columns:1fr}
  html.page-index-inlined .design-values{grid-template-columns:1fr}
}


html.page-index-inlined .brand-specialisms{
  display:flex;justify-content:center;gap:8px;flex-wrap:wrap;
  padding:10px 5vw 11px;
  background:linear-gradient(90deg,#2a153d,#3d2154,#2a153d);
  border-bottom:1px solid rgba(214,177,95,.22);
  color:#e4c97f;
  font-size:10px;font-weight:800;
  letter-spacing:.045em;text-transform:uppercase
}
html.page-index-inlined .brand-specialisms span{
  display:inline-flex;align-items:center;gap:8px
}
html.page-index-inlined .brand-specialisms span:not(:last-child)::after{
  content:"•";color:#d6b15f;font-size:11px
}
@media(max-width:700px){
  html.page-index-inlined .brand-specialisms{justify-content:flex-start;font-size:9px;line-height:1.45}
}


html.page-index-inlined .hero-preview{
  grid-column:1/-1;
  position:relative;
  margin-top:20px;
  border:1px solid rgba(214,177,95,.34);
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 28px 70px rgba(0,0,0,.34);
  background:#160b22
}
html.page-index-inlined .hero-preview img{
  display:block;width:100%;height:auto;
  transition:transform .5s ease,filter .5s ease
}
html.page-index-inlined .hero-preview::after{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 55%,rgba(20,8,31,.82) 100%);
  pointer-events:none
}
html.page-index-inlined .hero-preview-label{
  position:absolute;left:28px;right:28px;bottom:24px;z-index:2;
  display:flex;justify-content:space-between;align-items:end;gap:24px;
  color:#fff
}
html.page-index-inlined .hero-preview-label strong{
  display:block;color:var(--gold);
  font:500 clamp(27px,3vw,45px)/1.05 Georgia,serif
}
html.page-index-inlined .hero-preview-label span{
  display:block;margin-top:7px;color:#eadff0;font-size:13px
}
html.page-index-inlined .hero-preview-arrow{
  flex:none;width:54px;height:54px;border-radius:50%;
  display:grid;place-items:center;
  background:var(--gold);color:#281437;font-size:25px;font-weight:800
}
html.page-index-inlined .hero-preview:hover img{
  transform:scale(1.018);
  filter:brightness(.92)
}
html.page-index-inlined .hero-preview:hover .hero-preview-arrow{transform:translateY(3px)}
@media(max-width:700px){
  html.page-index-inlined .hero-preview-label{left:18px;right:18px;bottom:16px}
  html.page-index-inlined .hero-preview-arrow{width:44px;height:44px;font-size:20px}
}


html.page-index-inlined .visoft{
  padding:100px 5vw;
  background:
    radial-gradient(circle at 85% 12%,rgba(214,177,95,.16),transparent 30%),
    linear-gradient(135deg,#3f2055,#1f102d 72%,#13091d);
  color:white
}
html.page-index-inlined .visoft-inner{
  max-width:1400px;margin:auto;
  display:grid;grid-template-columns:.85fr 1.15fr;gap:75px;align-items:start
}
html.page-index-inlined .visoft h2{
  color:var(--gold);
  font-size:clamp(46px,5.5vw,78px);
  line-height:.96;margin:0 0 22px
}
html.page-index-inlined .visoft-copy p{
  margin:0 0 18px;
  color:#d8ccdf;
  font-size:16px;line-height:1.75
}
html.page-index-inlined .visoft-price{
  display:flex;align-items:end;gap:16px;
  margin:30px 0 24px;padding:24px 26px;
  border:1px solid rgba(214,177,95,.35);
  background:rgba(255,255,255,.045)
}
html.page-index-inlined .visoft-price strong{
  color:var(--gold);
  font:500 66px/1 Georgia,serif
}
html.page-index-inlined .visoft-price span{
  color:#e8dff0;
  font-size:13px;line-height:1.45;
  max-width:420px
}
html.page-index-inlined .visoft-grid{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:12px;margin-top:30px
}
html.page-index-inlined .visoft-card{
  min-height:180px;padding:23px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(214,177,95,.22)
}
html.page-index-inlined .visoft-card b{
  display:block;color:var(--gold);
  font-size:11px;text-transform:uppercase;
  letter-spacing:.12em;margin-bottom:12px
}
html.page-index-inlined .visoft-card strong{
  display:block;font-size:19px;margin-bottom:8px
}
html.page-index-inlined .visoft-card span{
  color:#c8bbcf;font-size:13px;line-height:1.55
}
html.page-index-inlined .visoft-refund{
  margin-top:24px;padding:22px 24px;
  border-left:5px solid var(--gold);
  background:rgba(214,177,95,.08)
}
html.page-index-inlined .visoft-refund p{
  margin:0;color:#f4e9ce;
  font:500 23px/1.45 Georgia,serif
}
html.page-index-inlined .visoft-note{
  margin-top:14px;color:#bcaec5;
  font-size:12px;line-height:1.55
}
@media(max-width:900px){
  html.page-index-inlined .visoft-inner{grid-template-columns:1fr}
  html.page-index-inlined .visoft-grid{grid-template-columns:1fr}
}


html.page-index-inlined .product-directory{
  padding:100px 5vw;
  background:
    radial-gradient(circle at 86% 8%,rgba(214,177,95,.12),transparent 30%),
    linear-gradient(180deg,#1d0e2b,#12081b);
  color:white
}
html.page-index-inlined .product-directory-inner{max-width:1450px;margin:auto}
html.page-index-inlined .product-directory-head{
  display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:end;margin-bottom:40px
}
html.page-index-inlined .product-directory h2{
  color:var(--gold);font-size:clamp(44px,5vw,72px);line-height:.96;margin:0
}
html.page-index-inlined .product-directory-head p{
  color:#cfc2d6;font-size:16px;line-height:1.7;margin:0
}
html.page-index-inlined .used-summary{
  margin-bottom:34px;border:1px solid rgba(214,177,95,.28);
  background:rgba(255,255,255,.035)
}
html.page-index-inlined .used-summary summary{
  cursor:pointer;list-style:none;padding:22px 26px;
  display:flex;justify-content:space-between;align-items:center;gap:20px;
  color:var(--gold);font-size:17px;font-weight:850
}
html.page-index-inlined .used-summary summary::-webkit-details-marker{display:none}
html.page-index-inlined .used-summary summary::after{
  content:"+";
  width:34px;height:34px;border-radius:50%;display:grid;place-items:center;
  border:1px solid rgba(214,177,95,.5);font-size:22px
}
html.page-index-inlined .used-summary[open] summary::after{content:"−"}
html.page-index-inlined .used-list{
  display:grid;grid-template-columns:repeat(2,1fr);gap:1px;
  background:rgba(214,177,95,.13);
  border-top:1px solid rgba(214,177,95,.22)
}
html.page-index-inlined .used-row{
  display:grid;grid-template-columns:48px 1fr;gap:12px;
  padding:15px 18px;background:#1a0d27
}
html.page-index-inlined .used-row .num{
  color:var(--gold);font-weight:850;font-size:12px;padding-top:3px
}
html.page-index-inlined .used-row strong{
  display:block;color:#f2e8f4;font-size:14px;margin-bottom:3px
}
html.page-index-inlined .used-row span{
  color:#aa9bb4;font-size:11px;line-height:1.4
}
html.page-index-inlined .category-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:14px
}
html.page-index-inlined .category-tile{
  position:relative;overflow:hidden;min-height:220px;padding:26px;
  display:flex;flex-direction:column;justify-content:space-between;
  border:1px solid rgba(214,177,95,.24);
  background:
    linear-gradient(145deg,rgba(75,40,100,.7),rgba(28,13,42,.94));
  transition:.24s
}
html.page-index-inlined .category-tile::before{
  content:"";position:absolute;inset:auto -30px -70px auto;
  width:170px;height:170px;border-radius:50%;
  background:radial-gradient(circle,rgba(214,177,95,.18),transparent 68%)
}
html.page-index-inlined .category-tile:hover{
  transform:translateY(-5px);
  border-color:rgba(214,177,95,.7);
  box-shadow:0 22px 55px rgba(0,0,0,.32)
}
html.page-index-inlined .category-tile .index{
  color:rgba(214,177,95,.56);
  font:500 42px/1 Georgia,serif
}
html.page-index-inlined .category-tile h3{
  color:var(--gold);font-size:28px;line-height:1.05;margin:26px 0 10px
}
html.page-index-inlined .category-tile p{
  color:#c8bacf;font-size:13px;line-height:1.55;margin:0;max-width:380px
}
html.page-index-inlined .category-link{
  display:flex;justify-content:space-between;align-items:center;
  margin-top:26px;padding-top:15px;
  border-top:1px solid rgba(214,177,95,.26);
  color:#f1e4c5;font-size:10px;font-weight:850;
  letter-spacing:.1em;text-transform:uppercase
}
html.page-index-inlined .category-link b{
  width:32px;height:32px;border-radius:50%;display:grid;place-items:center;
  background:var(--gold);color:#281437;font-size:17px
}
html.page-index-inlined .directory-note{
  margin-top:20px;color:#9d8fa7;font-size:12px;line-height:1.55
}
@media(max-width:950px){
  html.page-index-inlined .product-directory-head{grid-template-columns:1fr}
  html.page-index-inlined .category-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:650px){
  html.page-index-inlined .used-list, html.page-index-inlined .category-grid{grid-template-columns:1fr}
}


html.page-index-inlined .action-facts{align-items:stretch}
html.page-index-inlined .action-fact{
  position:relative;display:flex!important;flex-direction:column;justify-content:space-between;
  min-height:185px;padding:24px!important;background:rgba(255,255,255,.045);
  border:1px solid rgba(214,177,95,.2)!important;
  transition:.24s;overflow:hidden
}
html.page-index-inlined .action-fact::before{
  content:"";position:absolute;left:0;top:0;width:100%;height:4px;background:var(--gold)
}
html.page-index-inlined .action-fact:hover{
  transform:translateY(-5px);
  border-color:rgba(214,177,95,.68)!important;
  box-shadow:0 20px 48px rgba(0,0,0,.24)
}
html.page-index-inlined .action-fact b{color:var(--gold)!important;font-size:21px!important;margin-bottom:12px}
html.page-index-inlined .action-fact span{color:#cfc2d6;line-height:1.55;font-size:13px}
html.page-index-inlined .action-fact em{
  display:block;margin-top:22px;color:#f2e4c2;font-size:11px;
  font-style:normal;font-weight:850;text-transform:uppercase;letter-spacing:.08em
}
html.page-index-inlined .visoft{
  position:relative;overflow:hidden;
  background:
    linear-gradient(90deg,rgba(35,14,49,.98) 0%,rgba(35,14,49,.9) 54%,rgba(35,14,49,.72) 100%),
    url("../assets/images/embedded/2fa4693f4172f177e1f3.jpg") center/cover no-repeat!important
}
html.page-index-inlined .visoft::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(circle at 78% 30%,rgba(214,177,95,.12),transparent 28%)
}
html.page-index-inlined .visoft-inner{position:relative;z-index:2}
html.page-index-inlined .visoft-offer{
  margin:30px 0 24px;padding:26px 28px;
  border:1px solid rgba(214,177,95,.48);
  background:linear-gradient(135deg,rgba(214,177,95,.13),rgba(255,255,255,.04));
  box-shadow:0 22px 55px rgba(0,0,0,.2)
}
html.page-index-inlined .visoft-offer-top{display:flex;align-items:end;gap:18px;flex-wrap:wrap}
html.page-index-inlined .visoft-offer strong{color:var(--gold);font:500 70px/1 Georgia,serif}
html.page-index-inlined .visoft-offer .offer-copy{color:#f2e7f4;font-size:14px;line-height:1.5;max-width:500px}
html.page-index-inlined .visoft-offer .refund-copy{
  margin-top:18px;padding-top:18px;border-top:1px solid rgba(214,177,95,.28);
  color:#f6e8bd;font:500 22px/1.45 Georgia,serif
}


/* ViSoft section – half visual, half content */
html.page-index-inlined .visoft{
  position:relative!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  min-height:780px!important;
  padding:0!important;
  background:#1b0d28!important;
  overflow:hidden
}
html.page-index-inlined .visoft::after{display:none!important}
html.page-index-inlined .visoft-visual{
  position:relative;min-height:780px;overflow:hidden;
  border-right:1px solid rgba(214,177,95,.28)
}
html.page-index-inlined .visoft-visual img{
  width:100%;height:100%;object-fit:cover;display:block;
  filter:saturate(.95) contrast(1.02)
}
html.page-index-inlined .visoft-visual::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(22,9,32,.06),rgba(22,9,32,.16)),
             linear-gradient(180deg,transparent 65%,rgba(22,9,32,.78))
}
html.page-index-inlined .visoft-image-label{
  position:absolute;left:28px;right:28px;bottom:24px;z-index:2;
  padding-top:14px;border-top:1px solid rgba(255,255,255,.45);
  color:#f3e9f4;font-size:12px;line-height:1.5
}
html.page-index-inlined .visoft-inner{
  position:relative!important;z-index:2!important;
  display:block!important;max-width:none!important;margin:0!important;
  padding:68px 5vw 68px 54px!important
}
html.page-index-inlined .visoft-intro p{
  color:#d8ccdf;font-size:15px;line-height:1.7;max-width:650px
}
html.page-index-inlined .visoft-copy{margin-top:30px}
html.page-index-inlined .visoft-offer-split{
  display:grid;grid-template-columns:1fr 1fr;gap:14px
}
html.page-index-inlined .visoft-service{
  padding:24px;background:rgba(255,255,255,.055);
  border:1px solid rgba(214,177,95,.3)
}
html.page-index-inlined .visoft-service .service-price{
  color:var(--gold);font:500 42px/1 Georgia,serif;margin-bottom:16px
}
html.page-index-inlined .visoft-service strong{
  display:block;color:#fff;font-size:19px;margin-bottom:10px
}
html.page-index-inlined .visoft-service p{
  margin:0!important;color:#cfc1d5!important;font-size:13px!important;line-height:1.58!important
}
html.page-index-inlined .visoft-total{
  display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:center;
  margin-top:14px;padding:22px 24px;
  background:linear-gradient(135deg,rgba(214,177,95,.15),rgba(255,255,255,.045));
  border:1px solid rgba(214,177,95,.45)
}
html.page-index-inlined .visoft-total span{
  display:block;color:#e3d3a4;font-size:10px;text-transform:uppercase;
  letter-spacing:.13em;font-weight:800
}
html.page-index-inlined .visoft-total strong{
  display:block;color:var(--gold);font:500 50px/1 Georgia,serif;margin-top:4px
}
html.page-index-inlined .visoft-total p{
  margin:0!important;color:#eee4f0!important;font-size:13px!important;line-height:1.58!important
}
html.page-index-inlined .visoft-refund-visible{
  margin-top:14px;padding:21px 23px;
  border-left:5px solid var(--gold);
  background:rgba(214,177,95,.11);
  color:#f6e8bd;font:500 20px/1.45 Georgia,serif
}
html.page-index-inlined .visoft-note{margin-top:15px!important}

/* Ensure CTA cards read as actions */
html.page-index-inlined .action-fact{cursor:pointer}
html.page-index-inlined .action-fact em{margin-top:auto!important;padding-top:20px}

/* Avoid duplicated old ViSoft styles affecting the new version */
html.page-index-inlined .visoft-price, html.page-index-inlined .visoft-offer, html.page-index-inlined .visoft-grid, html.page-index-inlined .visoft-refund{display:none!important}

@media(max-width:1050px){
  html.page-index-inlined .visoft{grid-template-columns:1fr!important}
  html.page-index-inlined .visoft-visual{min-height:520px;border-right:0;border-bottom:1px solid rgba(214,177,95,.28)}
  html.page-index-inlined .visoft-inner{padding:56px 5vw!important}
}
@media(max-width:650px){
  html.page-index-inlined .visoft-offer-split{grid-template-columns:1fr}
  html.page-index-inlined .visoft-total{grid-template-columns:1fr}
  html.page-index-inlined .visoft-visual{min-height:360px}
}


html.page-index-inlined .catalog-guide{
  padding:95px 5vw;background:linear-gradient(135deg,#261136,#180a24);color:#fff
}
html.page-index-inlined .catalog-guide-inner{
  max-width:1400px;margin:auto;display:grid;grid-template-columns:.8fr 1.2fr;gap:75px
}
html.page-index-inlined .catalog-guide h2{color:var(--gold);font-size:clamp(42px,5vw,70px);line-height:.97;margin:0}
html.page-index-inlined .catalog-guide-copy p{color:#d2c4d9;font-size:16px;line-height:1.72;margin:0 0 18px}
html.page-index-inlined .catalog-guide blockquote{
  margin:28px 0 0;padding:24px 26px;border-left:5px solid var(--gold);
  background:rgba(255,255,255,.05);color:#f2e4bf;font:500 24px/1.45 Georgia,serif
}
html.page-index-inlined .manufacturer-flow{
  display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 34px
}
html.page-index-inlined .manufacturer-flow-item{
  padding:20px;background:rgba(255,255,255,.045);border:1px solid rgba(214,177,95,.2)
}
html.page-index-inlined .manufacturer-flow-item b{display:block;color:var(--gold);font-size:11px;letter-spacing:.12em;margin-bottom:10px}
html.page-index-inlined .manufacturer-flow-item strong{display:block;color:#f5edf6;font-size:16px;margin-bottom:7px}
html.page-index-inlined .manufacturer-flow-item span{color:#bcaec5;font-size:12px;line-height:1.5}
html.page-index-inlined .manufacturer-card{cursor:default}
html.page-index-inlined .manufacturer-actions{
  display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:22px;position:relative;z-index:3
}
html.page-index-inlined .manufacturer-action{
  min-height:48px;padding:12px 13px;display:flex;align-items:center;justify-content:center;
  text-align:center;font-size:10px;font-weight:850;letter-spacing:.06em;text-transform:uppercase
}
html.page-index-inlined .manufacturer-action-external{
  color:#f1e4c4;border:1px solid rgba(214,177,95,.48);background:rgba(26,11,39,.72)
}
html.page-index-inlined .manufacturer-action-quote{background:var(--gold);color:#281437}
html.page-index-inlined .manufacturer-notice{
  margin-top:20px;padding:17px 19px;border-left:3px solid var(--gold);
  background:rgba(255,255,255,.04);color:#ad9fb6;font-size:12px;line-height:1.55
}
html.page-index-inlined .manufacturer-enquiry{
  margin-top:24px;padding:32px;background:linear-gradient(135deg,rgba(214,177,95,.12),rgba(255,255,255,.04));
  border:1px solid rgba(214,177,95,.36)
}
html.page-index-inlined .manufacturer-enquiry h3{color:var(--gold);font-size:34px;margin:0 0 10px}
html.page-index-inlined .manufacturer-enquiry p{color:#d1c3d7;line-height:1.65;max-width:850px}
html.page-index-inlined .manufacturer-enquiry-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
html.page-index-inlined .manufacturer-enquiry-primary, html.page-index-inlined .manufacturer-enquiry-secondary{
  padding:14px 18px;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.07em
}
html.page-index-inlined .manufacturer-enquiry-primary{background:var(--gold);color:#281437}
html.page-index-inlined .manufacturer-enquiry-secondary{border:1px solid rgba(214,177,95,.5);color:var(--gold)}
@media(max-width:1000px){
  html.page-index-inlined .catalog-guide-inner{grid-template-columns:1fr}
  html.page-index-inlined .manufacturer-flow{grid-template-columns:1fr 1fr}
}
@media(max-width:650px){
  html.page-index-inlined .manufacturer-flow, html.page-index-inlined .manufacturer-actions{grid-template-columns:1fr}
}

html.page-index-inlined .sapho-routing-note{
  margin-top:20px;padding:20px 22px;
  display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center;
  background:linear-gradient(135deg,rgba(214,177,95,.12),rgba(255,255,255,.04));
  border:1px solid rgba(214,177,95,.32)
}
html.page-index-inlined .sapho-routing-note strong{color:var(--gold);font-size:15px}
html.page-index-inlined .sapho-routing-note span{color:#c9bbd0;font-size:12px;line-height:1.55}
@media(max-width:650px){html.page-index-inlined .sapho-routing-note{grid-template-columns:1fr}}


html.page-index-inlined .installer-first{
  padding:34px 5vw 38px;
  background:
    radial-gradient(circle at 90% 5%,rgba(214,177,95,.13),transparent 26%),
    linear-gradient(135deg,#301743,#1b0c28);
  border-bottom:1px solid rgba(214,177,95,.25);
  color:#fff
}
html.page-index-inlined .installer-first-inner{
  max-width:1400px;margin:auto;
  display:grid;grid-template-columns:auto 1fr;gap:30px;align-items:center
}
html.page-index-inlined .installer-first-mark{
  width:82px;height:82px;border-radius:50%;
  display:grid;place-items:center;
  border:1px solid rgba(214,177,95,.55);
  color:var(--gold);
  font:500 28px/1 Georgia,serif
}
html.page-index-inlined .installer-first-copy strong{
  display:block;color:var(--gold);
  font:500 clamp(25px,3vw,39px)/1.16 Georgia,serif;
  margin-bottom:9px
}
html.page-index-inlined .installer-first-copy p{
  margin:0;max-width:1100px;
  color:#d6c9dc;font-size:15px;line-height:1.68
}
html.page-index-inlined .installer-first-copy b{color:#f2e4bd}
@media(max-width:700px){
  html.page-index-inlined .installer-first-inner{grid-template-columns:1fr}
  html.page-index-inlined .installer-first-mark{width:65px;height:65px;font-size:23px}
}

/* Krok 28 – samostatná karta Schlüter Price List 2026 */
html.page-index-inlined .schluter-price-list-card{
  display:grid;
  grid-template-columns:165px 1fr;
  gap:28px;
  align-items:center;
  margin:18px 0 34px;
  padding:22px 26px;
  overflow:hidden;
  position:relative;
  border:1px solid rgba(214,177,95,.40);
  background:
    radial-gradient(circle at 88% 8%,rgba(239,118,0,.18),transparent 28%),
    linear-gradient(135deg,#402354 0%,#271436 58%,#170b22 100%);
  transition:transform .2s ease,border-color .2s ease;
}
html.page-index-inlined .schluter-price-list-card:hover{
  transform:translateY(-2px);
  border-color:rgba(214,177,95,.75);
}
html.page-index-inlined .schluter-price-list-card::after{
  content:"";
  position:absolute;
  right:-55px;
  bottom:-95px;
  width:230px;
  height:230px;
  border:1px solid rgba(214,177,95,.10);
  border-radius:50%;
  pointer-events:none;
}
html.page-index-inlined .price-list-cover{
  height:190px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 13px 30px rgba(0,0,0,.28);
}
html.page-index-inlined .price-list-cover img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:top center;
}
html.page-index-inlined .price-list-copy{
  position:relative;
  z-index:2;
}
html.page-index-inlined .price-list-copy > span{
  display:block;
  margin-bottom:8px;
  color:#ef7600;
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.14em;
}
html.page-index-inlined .price-list-copy strong{
  display:block;
  color:var(--gold);
  font:500 clamp(28px,3.1vw,46px)/1.02 Georgia,serif;
}
html.page-index-inlined .price-list-copy p{
  max-width:690px;
  margin:12px 0 18px;
  color:#d4c7da;
  font-size:13px;
  line-height:1.55;
}
html.page-index-inlined .price-list-copy em{
  display:inline-flex;
  min-height:39px;
  padding:10px 14px;
  align-items:center;
  justify-content:center;
  background:var(--gold);
  color:#281437;
  font-size:10px;
  font-style:normal;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.065em;
}
@media(max-width:700px){
  html.page-index-inlined .schluter-price-list-card{
    grid-template-columns:92px 1fr;
    gap:16px;
    padding:16px;
  }
  html.page-index-inlined .price-list-cover{height:125px}
  html.page-index-inlined .price-list-copy strong{font-size:25px}
  html.page-index-inlined .price-list-copy p{font-size:11px;margin:8px 0 12px}
}

/* Krok 29 – sjednocená dvojice tlačítek na osmi kartách značek */
html.page-index-inlined .manufacturer-actions{
  grid-template-columns:1fr 1fr!important;
}
html.page-index-inlined .manufacturer-action{
  white-space:normal!important;
  text-wrap:balance;
}
@media(max-width:520px){
  html.page-index-inlined .manufacturer-actions{
    grid-template-columns:1fr!important;
  }
}

/* Krok 32 – definitivní podklady SAPHO a TOMTON */
html.page-index-inlined .sapho-photo-card, html.page-index-inlined .tomton-photo-card{
  background-size:cover!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
}
html.page-index-inlined .sapho-photo-card{
  background-image:
    linear-gradient(180deg,rgba(20,8,31,.10),rgba(20,8,31,.32) 44%,rgba(20,8,31,.92)),
    var(--photo)!important;
}
html.page-index-inlined .tomton-photo-card{
  background-image:
    linear-gradient(180deg,rgba(20,8,31,.06),rgba(20,8,31,.25) 44%,rgba(20,8,31,.90)),
    var(--photo)!important;
}

/* Krok 34 – nový podklad JAP FUTURE bez výrazného ořezu */
html.page-index-inlined .jap-photo-card{
  background-size:cover!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
}
html.page-index-inlined .jap-photo-card{
  background-image:
    linear-gradient(
      180deg,
      rgba(20,8,31,.03) 0%,
      rgba(20,8,31,.18) 46%,
      rgba(20,8,31,.88) 100%
    ),
    var(--photo)!important;
}

/* Krok 36 – nová dlaždice Geberit */
html.page-index-inlined .geberit-photo-card{
  background-size:cover!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-image:
    linear-gradient(
      180deg,
      rgba(20,8,31,.05) 0%,
      rgba(20,8,31,.22) 46%,
      rgba(20,8,31,.90) 100%
    ),
    var(--photo)!important;
}

/* Krok 40 – Atlas Concorde s celým obrázkem, GSI vráceno */
html.page-index-inlined .atlas-obklady-card{
  min-height:520px!important;
  display:flex!important;
  flex-direction:column!important;
  padding:0!important;
  overflow:hidden!important;
  background:
    linear-gradient(145deg,#321b43,#170b22)!important;
}
html.page-index-inlined .atlas-obklady-card .atlas-image-panel{
  width:100%;
  height:285px;
  flex:none;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:10px;
  box-sizing:border-box;
  background:#000;
  border-bottom:1px solid rgba(214,177,95,.28);
}
html.page-index-inlined .atlas-obklady-card .atlas-image-panel img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  display:block;
}
html.page-index-inlined .atlas-obklady-card .brand-top{
  padding:22px 26px 0!important;
}
html.page-index-inlined .atlas-obklady-card > p{
  padding:0 26px!important;
  margin:18px 0 20px!important;
}
html.page-index-inlined .atlas-obklady-card .manufacturer-actions{
  margin-top:auto!important;
  padding:0 26px 24px!important;
}
@media(max-width:760px){
  html.page-index-inlined .atlas-obklady-card{
    min-height:470px!important;
  }
  html.page-index-inlined .atlas-obklady-card .atlas-image-panel{
    height:235px;
  }
}

/* Krok 41 – původní velikost spodních tří dlaždic */
html.page-index-inlined .visual-brand-grid > .manufacturer-card, html.page-index-inlined .visual-brand-grid > .brand-button{
  min-height:310px!important;
  height:auto!important;
  padding:28px 30px!important;
  grid-row:auto!important;
  align-self:stretch!important;
}
html.page-index-inlined .obklady-balanced-card{
  min-height:310px!important;
  padding:28px 30px!important;
  background-size:100% 100%!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-image:var(--photo)!important;
}
html.page-index-inlined .obklady-balanced-card .brand-top{
  padding:0!important;
}
html.page-index-inlined .obklady-balanced-card > div > p, html.page-index-inlined .obklady-balanced-card > p{
  padding:0!important;
  margin:24px 0!important;
}
html.page-index-inlined .obklady-balanced-card .manufacturer-actions{
  padding:0!important;
  margin-top:auto!important;
}
html.page-index-inlined .geberit-photo-card{
  min-height:310px!important;
  padding:28px 30px!important;
  background-size:cover!important;
  background-position:center!important;
}
@media(max-width:760px){
  html.page-index-inlined .visual-brand-grid > .manufacturer-card, html.page-index-inlined .visual-brand-grid > .brand-button, html.page-index-inlined .obklady-balanced-card, html.page-index-inlined .geberit-photo-card{
    min-height:300px!important;
  }
}

/* Krok 43 – původní velikost, opravené fotografie Wall tiles / Geberit / GSI */
html.page-index-inlined .visual-brand-grid > .manufacturer-card, html.page-index-inlined .visual-brand-grid > .brand-button{
  min-height:310px!important;
  height:auto!important;
  padding:28px 30px!important;
  grid-row:auto!important;
  align-self:stretch!important;
}
html.page-index-inlined .obklady-photo-fixed, html.page-index-inlined .geberit-photo-fixed, html.page-index-inlined .gsi-photo-fixed{
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-color:#1a0d26!important;
}
html.page-index-inlined .obklady-photo-fixed{
  background-size:cover!important;
  background-image:
    linear-gradient(180deg,rgba(20,8,31,.06),rgba(20,8,31,.18) 46%,rgba(20,8,31,.90)),
    var(--photo)!important;
}
html.page-index-inlined .geberit-photo-fixed{
  background-size:contain!important;
  background-image:
    linear-gradient(180deg,rgba(20,8,31,.05),rgba(20,8,31,.20) 48%,rgba(20,8,31,.91)),
    var(--photo)!important;
}
html.page-index-inlined .gsi-photo-fixed{
  background-size:cover!important;
  background-image:
    linear-gradient(180deg,rgba(20,8,31,.05),rgba(20,8,31,.18) 47%,rgba(20,8,31,.90)),
    var(--photo)!important;
}
@media(max-width:760px){
  html.page-index-inlined .visual-brand-grid > .manufacturer-card, html.page-index-inlined .visual-brand-grid > .brand-button{
    min-height:300px!important;
  }
}

/* Krok 44 – doladění obrázků šesti hlavních dlaždic */

/* SAPHO: tři fotografie bez mezer a bez barevných dělících linek */
html.page-index-inlined .sapho-photo-card{
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}

/* TOMTON: menší boční mezery kolem radiátorů */
html.page-index-inlined .tomton-photo-card{
  background-size:112% auto!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}

/* Wall tiles: popis těsně nad tlačítky */
html.page-index-inlined .obklady-photo-fixed{
  position:relative!important;
}
html.page-index-inlined .obklady-photo-fixed > div:not(.manufacturer-actions){
  display:flex!important;
  flex-direction:column!important;
  min-height:100%!important;
}
html.page-index-inlined .obklady-photo-fixed .brand-top{
  flex:0 0 auto!important;
}
html.page-index-inlined .obklady-photo-fixed .brand-top + p{
  margin-top:auto!important;
  margin-bottom:16px!important;
  max-width:94%!important;
  padding:0!important;
}
html.page-index-inlined .obklady-photo-fixed .manufacturer-actions{
  margin-top:0!important;
}

/* Geberit a GSI: obrázek přes celou dlaždici */
html.page-index-inlined .geberit-photo-fixed, html.page-index-inlined .gsi-photo-fixed{
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}

/* Krok 45 – popis Wall tiles opravdu těsně nad tlačítky */
html.page-index-inlined .obklady-photo-fixed{
  display:flex!important;
  flex-direction:column!important;
}
html.page-index-inlined .obklady-photo-fixed > div:first-of-type{
  flex:1 1 auto!important;
  display:flex!important;
  flex-direction:column!important;
  min-height:0!important;
}
html.page-index-inlined .obklady-photo-fixed > div:first-of-type > p{
  margin-top:auto!important;
  margin-bottom:16px!important;
}
html.page-index-inlined .obklady-photo-fixed > .manufacturer-actions{
  flex:0 0 auto!important;
  margin-top:0!important;
}

/* Krok 46 – loga místo textových názvů značek */
html.page-index-inlined .brand-logo-text{
  display:flex!important;
  align-items:center!important;
  min-height:42px!important;
  max-width:min(62%,230px)!important;
}
html.page-index-inlined .brand-logo-img{
  display:block!important;
  width:auto!important;
  height:clamp(31px,2.45vw,42px)!important;
  max-width:100%!important;
  object-fit:contain!important;
  object-position:left center!important;
  filter:drop-shadow(0 2px 7px rgba(0,0,0,.35));
}
html.page-index-inlined .brand-logo-label{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
html.page-index-inlined .gsi-pink-photo-card{
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-image:
    linear-gradient(
      180deg,
      rgba(20,8,31,.10) 0%,
      rgba(20,8,31,.18) 45%,
      rgba(20,8,31,.90) 100%
    ),
    var(--photo)!important;
}
@media(max-width:760px){
  html.page-index-inlined .brand-logo-text{
    max-width:58%!important;
  }
  html.page-index-inlined .brand-logo-img{
    height:34px!important;
  }
}

/* Krok 48 – skutečná nahraná loga bez červeného rámečku */
html.page-index-inlined .brand-logo-img{
  width:auto!important;
  height:clamp(31px,2.45vw,42px)!important;
  max-width:100%!important;
  object-fit:contain!important;
  object-position:left center!important;
  image-rendering:auto!important;
}

/* Krok 49 – všech šest hlavních dlaždic má tlačítka ve velikosti SAPHO */
html.page-index-inlined .visual-brand-grid .manufacturer-actions{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:10px!important;
  width:100%!important;
  margin-top:auto!important;
  padding:0!important;
}
html.page-index-inlined .visual-brand-grid .manufacturer-action{
  width:100%!important;
  min-width:0!important;
  min-height:58px!important;
  height:58px!important;
  padding:10px 9px!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  font-size:9px!important;
  line-height:1.3!important;
  letter-spacing:.08em!important;
}
@media(max-width:760px){
  html.page-index-inlined .visual-brand-grid .manufacturer-actions{
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
  }
  html.page-index-inlined .visual-brand-grid .manufacturer-action{
    min-height:54px!important;
    height:54px!important;
    padding:9px 7px!important;
    font-size:8.5px!important;
  }
}

/* Krok 50 – původní nízká výška tlačítek SAPHO */
html.page-index-inlined .visual-brand-grid .manufacturer-actions{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:9px!important;
  margin-top:22px!important;
  padding:0!important;
}
html.page-index-inlined .visual-brand-grid .manufacturer-action{
  min-height:48px!important;
  height:48px!important;
  padding:7px 8px!important;
  box-sizing:border-box!important;
  font-size:10px!important;
  line-height:1.08!important;
  letter-spacing:.06em!important;
  overflow:hidden!important;
}
html.page-index-inlined .visual-brand-grid .manufacturer-action-quote{
  font-size:8.5px!important;
  line-height:1.08!important;
}
html.page-index-inlined .visual-brand-grid [data-brand-name="SAPHO"] .manufacturer-action-quote{
  font-size:10px!important;
}
@media(max-width:760px){
  html.page-index-inlined .visual-brand-grid .manufacturer-actions{
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
  }
  html.page-index-inlined .visual-brand-grid .manufacturer-action{
    min-height:48px!important;
    height:48px!important;
    padding:7px 6px!important;
  }
}

/* Krok 56 – zarovnání spodních hran a kompaktní vycentrovaná poptávka */
html.page-index-inlined .action-facts{
  align-items:end!important;
}
html.page-index-inlined .action-fact-item:nth-child(1), html.page-index-inlined .action-fact-item:nth-child(3){
  align-self:end!important;
  transform-origin:bottom center!important;
}
html.page-index-inlined .manufacturer-enquiry{
  width:90%!important;
  max-width:90%!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
  box-sizing:border-box!important;
}
html.page-index-inlined .manufacturer-enquiry p{
  margin-left:auto!important;
  margin-right:auto!important;
}
html.page-index-inlined .manufacturer-enquiry-actions{
  justify-content:center!important;
}
@media(max-width:700px){
  html.page-index-inlined .manufacturer-enquiry{
    width:100%!important;
    max-width:100%!important;
  }
}

/* Krok 57 – vycentrované boční nadpisy, stejně velké popisy a oficiální logo JOVEE */
html.page-index-inlined .action-fact-item:nth-child(1) .action-fact-title, html.page-index-inlined .action-fact-item:nth-child(3) .action-fact-title{
  text-align:center!important;
}

/* Boční bloky jsou škálované na 75 %, proto 20 px odpovídá vizuálně 15 px u Materialů. */
html.page-index-inlined .action-fact-item:nth-child(1) .action-fact-description, html.page-index-inlined .action-fact-item:nth-child(3) .action-fact-description{
  font-size:20px!important;
  line-height:1.55!important;
}

html.page-index-inlined .jovee-entry-tile{
  position:relative!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 50% 38%,rgba(12,104,157,.32),transparent 52%),
    linear-gradient(145deg,#061d35 0%,#0a2949 48%,#071728 100%)!important;
}

html.page-index-inlined .jovee-entry-tile::after{
  background:
    linear-gradient(
      180deg,
      rgba(3,18,34,.02) 0%,
      rgba(3,18,34,.10) 48%,
      rgba(3,18,34,.84) 100%
    )!important;
}

html.page-index-inlined .jovee-entry-logo{
  position:absolute!important;
  z-index:2!important;
  left:50%!important;
  top:44%!important;
  transform:translate(-50%,-50%)!important;
  width:82%!important;
  height:auto!important;
  max-height:68%!important;
  object-fit:contain!important;
  pointer-events:none!important;
  filter:drop-shadow(0 5px 14px rgba(0,0,0,.48));
}

html.page-index-inlined .jovee-entry-tile em{
  position:relative!important;
  z-index:3!important;
}

@media(max-width:700px){
  html.page-index-inlined .action-fact-item:nth-child(1) .action-fact-title, html.page-index-inlined .action-fact-item:nth-child(3) .action-fact-title{
    text-align:center!important;
  }

  html.page-index-inlined .action-fact-item:nth-child(1) .action-fact-description, html.page-index-inlined .action-fact-item:nth-child(3) .action-fact-description{
    font-size:13px!important;
  }

  html.page-index-inlined .jovee-entry-logo{
    width:72%!important;
  }
}

/* Krok 58 – vycentrované boční bloky a samostatné přechodové panely */
html.page-index-inlined .action-facts{
  align-items:center!important;
}
html.page-index-inlined .action-fact-item:nth-child(1), html.page-index-inlined .action-fact-item:nth-child(3){
  align-self:center!important;
  transform-origin:center center!important;
}

/* Technické sdělení je samostatný panel se stejným prostorem jako vizuální přechod */
html.page-index-inlined .technical-brands-intro, html.page-index-inlined .visual-brands-intro{
  position:relative!important;
  overflow:hidden!important;
  max-width:none!important;
  margin:30px 0 18px!important;
  padding:23px 28px!important;
  text-align:center!important;
  background:
    radial-gradient(circle at 85% 10%,rgba(214,177,95,.17),transparent 28%),
    linear-gradient(145deg,#4a2862 0%,#2a153d 62%,#160b22 100%)!important;
  border:1px solid rgba(214,177,95,.35)!important;
}
html.page-index-inlined .technical-brands-intro{
  border-top:1px solid rgba(214,177,95,.35)!important;
}
html.page-index-inlined .technical-brands-intro::after, html.page-index-inlined .visual-brands-intro::after{
  content:"";
  position:absolute;
  right:-42px;
  bottom:-70px;
  width:210px;
  height:210px;
  border:1px solid rgba(214,177,95,.10);
  border-radius:50%;
  pointer-events:none;
}
html.page-index-inlined .technical-brands-intro p, html.page-index-inlined .visual-brands-intro h3, html.page-index-inlined .visual-brands-intro p{
  position:relative!important;
  z-index:2!important;
}
@media(max-width:700px){
  html.page-index-inlined .action-facts{
    align-items:stretch!important;
  }
  html.page-index-inlined .action-fact-item:nth-child(1), html.page-index-inlined .action-fact-item:nth-child(3){
    align-self:stretch!important;
    transform-origin:center center!important;
  }
  html.page-index-inlined .technical-brands-intro, html.page-index-inlined .visual-brands-intro{
    margin:22px 0 15px!important;
    padding:20px 18px!important;
  }
}

/* Krok 63 – nový TOMTON, doplněný úvod a stejně velké bílé popisy */
html.page-index-inlined .visual-brands-intro p{
  margin:0 auto!important;
  max-width:760px!important;
  color:#f7f2f8!important;
  font-family:inherit!important;
  font-size:14px!important;
  line-height:1.58!important;
  font-weight:400!important;
  letter-spacing:0!important;
  text-align:center!important;
}
html.page-index-inlined .tomton-photo-card{
  background-size:100% 100%!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}
@media(max-width:700px){
  html.page-index-inlined .visual-brands-intro p{
    font-size:13.5px!important;
  }
}

/* Krok 64 – TOMTON R3 odděleně od loga a popis mimo radiátor */
html.page-index-inlined .tomton-photo-card{
  background-size:100% 100%!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}
html.page-index-inlined .tomton-photo-card .brand-top{
  align-items:flex-start!important;
}
html.page-index-inlined .tomton-photo-card .brand-logo-text{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:4px!important;
}
html.page-index-inlined .tomton-model-r3{
  display:block;
  color:#fff;
  font-size:24px;
  line-height:1;
  font-weight:900;
  letter-spacing:.04em;
  text-shadow:0 2px 8px rgba(0,0,0,.75);
}
html.page-index-inlined .tomton-photo-card > div:first-of-type{
  display:flex!important;
  flex-direction:column!important;
  min-height:100%!important;
}
html.page-index-inlined .tomton-photo-card > div:first-of-type > p{
  margin-top:auto!important;
  margin-bottom:12px!important;
  max-width:100%!important;
  color:#fff!important;
  font-size:12px!important;
  line-height:1.45!important;
  font-weight:700!important;
  text-shadow:0 2px 7px rgba(0,0,0,.95);
}
html.page-index-inlined .tomton-photo-card > div:first-of-type > p .tomton-description-line{
  display:block!important;
}
html.page-index-inlined .tomton-photo-card .manufacturer-actions{
  position:relative!important;
  z-index:3!important;
}
@media(max-width:700px){
  html.page-index-inlined .tomton-model-r3{
    font-size:21px;
  }
}

/* Krok 65 – TOMTON ve stejném rozložení jako ostatní karty */
html.page-index-inlined .tomton-photo-card{
  background-size:100% 100%!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}
html.page-index-inlined .tomton-photo-card > div:first-of-type{
  display:block!important;
  min-height:0!important;
}
html.page-index-inlined .tomton-photo-card .brand-top{align-items:flex-start!important}
html.page-index-inlined .tomton-photo-card .brand-logo-text{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:4px!important;
}
html.page-index-inlined .tomton-model-r3{
  display:block!important;
  margin:0 0 2px!important;
  color:#fff!important;
  font-size:23px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.05em!important;
  text-shadow:0 2px 8px rgba(0,0,0,.78)!important;
}
html.page-index-inlined .tomton-photo-card > div:first-of-type > p{
  position:absolute!important;
  left:18px!important;
  right:18px!important;
  bottom:70px!important;
  z-index:3!important;
  margin:0!important;
  padding:7px 9px!important;
  max-width:none!important;
  color:#fff!important;
  background:rgba(15,8,20,.60)!important;
  border-radius:7px!important;
  font-size:11px!important;
  line-height:1.38!important;
  font-weight:700!important;
  text-shadow:0 2px 6px rgba(0,0,0,.9)!important;
  backdrop-filter:blur(2px)!important;
}
html.page-index-inlined .tomton-description-line{display:block!important}
html.page-index-inlined .tomton-photo-card .manufacturer-actions{
  position:absolute!important;
  left:18px!important;
  right:18px!important;
  bottom:18px!important;
  z-index:4!important;
  margin:0!important;
}
@media(max-width:700px){
  html.page-index-inlined .tomton-model-r3{font-size:21px!important}
  html.page-index-inlined .tomton-photo-card > div:first-of-type > p{
    left:14px!important;right:14px!important;bottom:66px!important;font-size:10.5px!important;
  }
  html.page-index-inlined .tomton-photo-card .manufacturer-actions{
    left:14px!important;right:14px!important;bottom:14px!important;
  }
}

/* Krok 66 – TOMTON a JAP texty v jednotném layoutu */
html.page-index-inlined .tomton-photo-card .brand-logo-text{
  display:block!important;
}
html.page-index-inlined .tomton-photo-card .brand-logo-img{
  display:block!important;
}
html.page-index-inlined .tomton-model-r3{
  display:none!important;
}
html.page-index-inlined .tomton-photo-card > div:first-of-type > p{
  position:absolute!important;
  left:18px!important;
  right:18px!important;
  bottom:70px!important;
  z-index:3!important;
  margin:0!important;
  padding:0!important;
  max-width:none!important;
  background:none!important;
  border-radius:0!important;
  backdrop-filter:none!important;
  color:rgb(243, 237, 246)!important;
  font-family:Inter, Arial, sans-serif!important;
  font-size:14px!important;
  font-weight:400!important;
  line-height:22.4px!important;
  letter-spacing:normal!important;
  text-shadow:0 2px 7px rgba(0,0,0,.95)!important;
}
html.page-index-inlined .tomton-description-line{
  display:block!important;
}

/* JAP: popis těsně nad tlačítky, ve spodní části přes postel */
html.page-index-inlined .jap-photo-card > div:first-of-type > p{
  position:absolute!important;
  left:18px!important;
  right:18px!important;
  bottom:70px!important;
  z-index:3!important;
  margin:0!important;
  max-width:none!important;
  text-shadow:0 2px 7px rgba(0,0,0,.95)!important;
}
html.page-index-inlined .jap-photo-card .manufacturer-actions{
  position:absolute!important;
  left:18px!important;
  right:18px!important;
  bottom:18px!important;
  z-index:4!important;
  margin:0!important;
}
@media(max-width:700px){
  html.page-index-inlined .tomton-photo-card > div:first-of-type > p, html.page-index-inlined .jap-photo-card > div:first-of-type > p{
    left:14px!important;
    right:14px!important;
    bottom:66px!important;
  }
  html.page-index-inlined .jap-photo-card .manufacturer-actions{
    left:14px!important;
    right:14px!important;
    bottom:14px!important;
  }
}

/* Krok 67 – TOMTON a JAP tlačítka pixelově podle SAPHO */
html.page-index-inlined .tomton-photo-card .manufacturer-actions, html.page-index-inlined .jap-photo-card .manufacturer-actions{
  position:absolute!important;
  left:30px!important;
  right:30px!important;
  bottom:28px!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px!important;
  width:auto!important;
  height:48px!important;
  margin:0!important;
  padding:0!important;
  z-index:4!important;
}

html.page-index-inlined .tomton-photo-card .manufacturer-action, html.page-index-inlined .jap-photo-card .manufacturer-action{
  width:100%!important;
  height:48px!important;
  min-height:48px!important;
  box-sizing:border-box!important;
}

html.page-index-inlined .tomton-photo-card > div:first-of-type > p, html.page-index-inlined .jap-photo-card > div:first-of-type > p{
  bottom:85px!important;
}

@media(max-width:700px){
  html.page-index-inlined .tomton-photo-card .manufacturer-actions, html.page-index-inlined .jap-photo-card .manufacturer-actions{
    left:14px!important;
    right:14px!important;
    bottom:14px!important;
  }
  html.page-index-inlined .tomton-photo-card > div:first-of-type > p, html.page-index-inlined .jap-photo-card > div:first-of-type > p{
    bottom:70px!important;
  }
}

/* Krok 74 – volba sortimentu JAP */
html.page-index-inlined .jap-sortiment-modal{
  position:fixed;
  inset:0;
  z-index:9999;
  display:none;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:rgba(12,5,18,.82);
  backdrop-filter:blur(7px);
}
html.page-index-inlined .jap-sortiment-modal.is-open{display:flex}
html.page-index-inlined .jap-sortiment-dialog{
  position:relative;
  width:min(760px,100%);
  padding:30px;
  background:linear-gradient(145deg,#29143a,#160b22);
  border:1px solid rgba(214,177,95,.52);
  box-shadow:0 24px 80px rgba(0,0,0,.5);
}
html.page-index-inlined .jap-sortiment-close{
  position:absolute;
  top:13px;
  right:13px;
  width:38px;
  height:38px;
  border:1px solid rgba(214,177,95,.35);
  background:transparent;
  color:#f4edf6;
  font-size:24px;
  cursor:pointer;
}
html.page-index-inlined .jap-sortiment-eyebrow{
  color:var(--gold);
  font-size:11px;
  font-weight:900;
  letter-spacing:.13em;
  text-transform:uppercase;
}
html.page-index-inlined .jap-sortiment-dialog h2{
  margin:9px 45px 10px 0;
  color:var(--gold);
  font:500 clamp(29px,4vw,44px)/1.08 Georgia,serif;
}
html.page-index-inlined .jap-sortiment-dialog p{
  margin:0;
  color:#d8c9dd;
  font-size:14px;
  line-height:1.65;
}
html.page-index-inlined .jap-sortiment-options{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:22px;
}
html.page-index-inlined .jap-sortiment-option{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:16px;
  min-height:150px;
  padding:20px;
  border:1px solid rgba(214,177,95,.32);
  background:rgba(255,255,255,.045);
  text-decoration:none;
}
html.page-index-inlined .jap-sortiment-option strong{
  color:#fff;
  font-size:20px;
}
html.page-index-inlined .jap-sortiment-option span{
  color:#cdbfd3;
  font-size:12px;
  line-height:1.55;
}
html.page-index-inlined .jap-sortiment-option b{
  color:var(--gold);
  font-size:12px;
  text-transform:uppercase;
}
@media(max-width:650px){
  html.page-index-inlined .jap-sortiment-options{grid-template-columns:1fr}
}

/* Krok 75 – text jazykové volby JAP */
html.page-index-inlined .jap-sortiment-option span{
  line-height:1.6!important;
}

/* Krok 78 – začátky sekcí nejsou zakryté pevnou hlavní lištou */
html.page-index-inlined #planning, html.page-index-inlined #duvera{
  scroll-margin-top:118px!important;
}
@media(max-width:900px){
  html.page-index-inlined #planning, html.page-index-inlined #duvera{
    scroll-margin-top:92px!important;
  }
}

/* Krok 86 – pořadí a kompaktní rozložení hlavní navigace */
html.page-index-inlined header{
  padding:17px 3vw!important;
  gap:22px!important;
}
html.page-index-inlined header .logo{
  flex:0 0 auto!important;
}
html.page-index-inlined header nav{
  min-width:0!important;
  flex:1 1 auto!important;
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  gap:clamp(8px,.8vw,14px)!important;
  font-size:11px!important;
  line-height:1.15!important;
  white-space:nowrap!important;
}
html.page-index-inlined header nav a{
  display:inline-flex!important;
  align-items:center!important;
  min-height:30px!important;
}
html.page-index-inlined #podle-pouziti, html.page-index-inlined #tipy, html.page-index-inlined #design, html.page-index-inlined #contact{
  scroll-margin-top:100px!important;
}
@media(max-width:1180px){
  html.page-index-inlined header{
    align-items:flex-start!important;
    flex-wrap:wrap!important;
  }
  html.page-index-inlined header nav{
    flex:1 1 100%!important;
    justify-content:flex-start!important;
    flex-wrap:wrap!important;
    gap:7px 15px!important;
  }
}

/* Krok 96 – nové obrazové logo TOP INTERIOR */
html.page-index-inlined header{padding-top:9px!important;padding-bottom:9px!important;}
html.page-index-inlined header .top-interior-site-logo{
  display:block!important;
  flex:0 0 auto!important;
  width:clamp(154px,13vw,192px)!important;
  line-height:0!important;
  overflow:hidden!important;
  border:1px solid rgba(214,177,95,.44)!important;
  border-radius:3px!important;
  background:#180a23!important;
  box-shadow:0 8px 24px rgba(0,0,0,.28)!important;
}
html.page-index-inlined header .top-interior-site-logo img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:1610/630!important;
  object-fit:cover!important;
}
@media(max-width:560px){
  html.page-index-inlined header .top-interior-site-logo{width:148px!important;}
}

/* Source style block 2 */
/* Krok 92 – Baldocer místo obecné dlaždice OBKLADY */
html.page-index-inlined .baldocer-photo-card .brand-logo-text{max-width:min(70%,260px)!important}
html.page-index-inlined .baldocer-photo-card .brand-logo-img{height:clamp(38px,3vw,50px)!important}
html.page-index-inlined .baldocer-photo-card{background-position:center 54%!important}

/* Source style block 3 */
/* Krok 94 – JOVEE logo a filozofie ve stejném rámečku hlavního sdělení */
html.page-index-inlined .installer-first-statement{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:22px;
  align-items:center;
  padding:15px 18px;
  margin-bottom:9px;
  border:1px solid rgba(214,177,95,.68);
  background:rgba(255,255,255,.012);
}
html.page-index-inlined .installer-first-copy > strong{
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
}
html.page-index-inlined .installer-first-statement > strong{
  display:block;
  margin:0;
  color:var(--gold);
  font:500 clamp(25px,3vw,39px)/1.16 Georgia,serif;
}
html.page-index-inlined .installer-first-philosophy{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-width:112px;
  padding-left:18px;
  border-left:1px solid rgba(214,177,95,.28);
}
html.page-index-inlined .installer-first-jovee-logo{
  display:block;
  width:92px;
  height:54px;
  object-fit:contain;
}
html.page-index-inlined .installer-first-philosophy-button{
  display:inline-flex;
  min-height:30px;
  padding:7px 11px;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(214,177,95,.62);
  background:rgba(214,177,95,.08);
  color:#f1dfb1;
  font-size:9px;
  font-weight:900;
  line-height:1;
  letter-spacing:.09em;
  text-transform:uppercase;
  text-decoration:none;
  white-space:nowrap;
  transition:background .2s ease,color .2s ease,border-color .2s ease;
}
html.page-index-inlined .installer-first-philosophy-button:hover, html.page-index-inlined .installer-first-philosophy-button:focus-visible{
  background:var(--gold);
  border-color:var(--gold);
  color:#281437;
}
@media(max-width:860px){
  html.page-index-inlined .installer-first-statement{grid-template-columns:1fr;gap:14px}
  html.page-index-inlined .installer-first-philosophy{
    flex-direction:row;
    justify-content:flex-start;
    min-width:0;
    padding:12px 0 0;
    border-left:0;
    border-top:1px solid rgba(214,177,95,.28);
  }
  html.page-index-inlined .installer-first-jovee-logo{width:78px;height:46px}
}
@media(max-width:480px){
  html.page-index-inlined .installer-first-statement{padding:14px}
  html.page-index-inlined .installer-first-philosophy{flex-wrap:wrap}
  html.page-index-inlined .installer-first-statement > strong{font-size:24px}
}

/* Source style block 4 */
/* Krok 97 – jednotná sametová horní lišta a logo TOP INTERIOR */
body.page-index-inlined > header, body.page-index-inlined > .topbar{
  background-color:#17081f!important;
  background-image:
    linear-gradient(90deg,rgba(8,3,12,.28),rgba(42,8,54,.08) 45%,rgba(8,3,12,.38)),
    url("../assets/images/embedded/9bd54d4859b68ba120cb.jpg")!important;
  background-position:center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  border-top:0!important;
  border-bottom:1px solid rgba(214,177,95,.58)!important;
  box-shadow:0 9px 28px rgba(0,0,0,.34)!important;
}

/* Hlavní logo na standardních stránkách */
body.page-index-inlined > header .top-interior-site-logo, body.page-index-inlined > .topbar .top-interior-site-logo{
  display:block!important;
  flex:0 0 auto!important;
  width:clamp(220px,18vw,280px)!important;
  max-width:42vw!important;
  line-height:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.page-index-inlined > header .top-interior-site-logo img, body.page-index-inlined > .topbar .top-interior-site-logo img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  filter:drop-shadow(0 3px 4px rgba(0,0,0,.8)) drop-shadow(0 0 8px rgba(214,177,95,.16));
}
body.page-index-inlined > header nav a, body.page-index-inlined > header .nav a, body.page-index-inlined > header .back, body.page-index-inlined > header .outline{
  color:#f3e9f5!important;
  text-shadow:0 1px 3px rgba(0,0,0,.75);
}
body.page-index-inlined > header nav a:hover, body.page-index-inlined > header .nav a:hover{color:#f1cf77!important}

/* Logo TOP INTERIOR doplněné do poptávkových formulářů */
html.page-index-inlined .ti-form-site-logo{
  position:absolute;
  left:20px;
  top:50%;
  transform:translateY(-50%);
  display:block;
  width:clamp(178px,15vw,220px);
  max-width:23vw;
  line-height:0;
  z-index:2;
}
html.page-index-inlined .ti-form-site-logo img{
  display:block;
  width:100%;
  height:auto;
  filter:drop-shadow(0 3px 4px rgba(0,0,0,.82)) drop-shadow(0 0 7px rgba(214,177,95,.14));
}
body.page-index-inlined > header.topbar .topbar-inner, body.page-index-inlined > .topbar .topbar-inner{
  position:relative!important;
  max-width:1500px!important;
  min-height:78px!important;
  padding-left:clamp(222px,20vw,292px)!important;
}
body.page-index-inlined > header.topbar .brand h1, body.page-index-inlined > header.topbar .brand p, body.page-index-inlined > .topbar .brand h1, body.page-index-inlined > .topbar .brand p, body.page-index-inlined > header.topbar .brand-title h1, body.page-index-inlined > header.topbar .brand-title p, body.page-index-inlined > .topbar .brand-title h1, body.page-index-inlined > .topbar .brand-title p{
  color:#fff!important;
  text-shadow:0 1px 3px rgba(0,0,0,.75)!important;
}
body.page-index-inlined > header.topbar .brand p, body.page-index-inlined > .topbar .brand p, body.page-index-inlined > header.topbar .brand-title p, body.page-index-inlined > .topbar .brand-title p{color:#ded0e5!important}
body.page-index-inlined > header.topbar .actions .btn, body.page-index-inlined > .topbar .actions .btn, body.page-index-inlined > header.topbar .actions a, body.page-index-inlined > .topbar .actions a{
  box-shadow:0 3px 10px rgba(0,0,0,.22);
}

/* Obecný značkový enquiry form */
body.page-index-inlined > header .generic-topbar-inner{
  position:relative!important;
  width:100%!important;
  max-width:1500px!important;
  margin:auto!important;
  min-height:64px!important;
  padding-left:clamp(222px,20vw,292px)!important;
}
body.page-index-inlined > header .generic-form-brand, body.page-index-inlined > header .generic-top-actions{color:#fff!important}

/* Interactive bathroom */
body.page-index-inlined > header .ti-inline-header-logo{
  display:block;
  width:clamp(220px,20vw,292px);
  line-height:0;
  margin:0 0 10px;
}
body.page-index-inlined > header .ti-inline-header-logo img{display:block;width:100%;height:auto;filter:drop-shadow(0 3px 4px rgba(0,0,0,.8))}
body.page-index-inlined > header.ti-inline-header{max-width:none!important;margin:0!important;padding:14px max(24px,calc((100vw - 1760px)/2)) 15px!important}
body.page-index-inlined > header.ti-inline-header h1{color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.75)}

@media(max-width:900px){
  body.page-index-inlined > header .top-interior-site-logo, body.page-index-inlined > .topbar .top-interior-site-logo{width:210px!important;max-width:60vw!important}
  body.page-index-inlined > header.topbar .topbar-inner, body.page-index-inlined > .topbar .topbar-inner, body.page-index-inlined > header .generic-topbar-inner{
    padding-left:20px!important;
    min-height:0!important;
  }
  html.page-index-inlined .ti-form-site-logo{
    position:relative;
    left:auto;top:auto;transform:none;
    width:210px;max-width:64vw;
    grid-column:1/-1;
    margin:0 0 4px;
  }
}
@media(max-width:560px){
  body.page-index-inlined > header .top-interior-site-logo, body.page-index-inlined > .topbar .top-interior-site-logo{width:188px!important;max-width:66vw!important}
  html.page-index-inlined .ti-form-site-logo{width:190px}
}

/* Source style block 5 */
/* Krok 98 – sjednocené logo, zvětšená hlavní lišta a informační doložka */
html.page-index-inlined{
  --ti-logo-secondary-width:clamp(190px,16vw,230px);
  --ti-logo-form-width:clamp(162px,14vw,184px);
}

/* Jednotný vzhled loga na všech běžných a interních stránkách */
body.page-index-inlined > header .top-interior-site-logo, body.page-index-inlined > .topbar .top-interior-site-logo{
  width:var(--ti-logo-secondary-width)!important;
  max-width:min(48vw,230px)!important;
  min-width:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.page-index-inlined > header .top-interior-site-logo img, body.page-index-inlined > .topbar .top-interior-site-logo img, html.page-index-inlined .ti-form-site-logo img, body.page-index-inlined > header .ti-inline-header-logo img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  clip-path:none!important;
}

/* Hlavní stránka: lišta přibližně o 70 % vyšší a úměrně větší logo */
body.page-index-inlined > header.ti-main-header{
  min-height:106px!important;
  padding:22px 3vw!important;
  align-items:center!important;
}
body.page-index-inlined > header.ti-main-header .top-interior-site-logo{
  width:clamp(300px,24vw,372px)!important;
  max-width:38vw!important;
}
body.page-index-inlined > header.ti-main-header nav{
  align-self:center!important;
}

/* Poptávkové formuláře: celé, nepřerostlé a shodné logo */
html.page-index-inlined .ti-form-site-logo{
  position:absolute!important;
  left:22px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  display:block!important;
  width:var(--ti-logo-form-width)!important;
  max-width:184px!important;
  min-width:0!important;
  line-height:0!important;
  overflow:visible!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  z-index:3!important;
}
body.page-index-inlined > header.topbar .topbar-inner, body.page-index-inlined > .topbar .topbar-inner, body.page-index-inlined > header .generic-topbar-inner{
  padding-left:clamp(212px,18vw,246px)!important;
  min-height:82px!important;
}

/* Společná informační doložka ve spodní části všech stránek */
html.page-index-inlined .ti-site-notice{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:22px max(22px,5vw)!important;
  border-top:1px solid rgba(214,177,95,.32)!important;
  background:#09050f!important;
  color:#cfc2d5!important;
  font:400 11px/1.65 Inter,Arial,sans-serif!important;
  letter-spacing:0!important;
  text-align:left!important;
}
html.page-index-inlined .ti-site-notice strong{
  color:#e2c577!important;
  font-weight:800!important;
}
html.page-index-inlined .ti-site-notice p{
  max-width:1380px!important;
  margin:0 auto!important;
}

@media(max-width:1180px){
  body.page-index-inlined > header.ti-main-header{
    min-height:0!important;
    padding:19px 3vw!important;
  }
  body.page-index-inlined > header.ti-main-header .top-interior-site-logo{
    width:clamp(270px,34vw,340px)!important;
    max-width:58vw!important;
  }
}
@media(max-width:900px){
  body.page-index-inlined > header .top-interior-site-logo, body.page-index-inlined > .topbar .top-interior-site-logo{
    width:210px!important;
    max-width:64vw!important;
  }
  body.page-index-inlined > header.ti-main-header{
    padding:18px 20px!important;
  }
  body.page-index-inlined > header.ti-main-header .top-interior-site-logo{
    width:260px!important;
    max-width:72vw!important;
  }
  body.page-index-inlined > header.topbar .topbar-inner, body.page-index-inlined > .topbar .topbar-inner, body.page-index-inlined > header .generic-topbar-inner{
    padding-left:20px!important;
    min-height:0!important;
  }
  html.page-index-inlined .ti-form-site-logo{
    position:relative!important;
    left:auto!important;
    top:auto!important;
    transform:none!important;
    width:184px!important;
    max-width:56vw!important;
    grid-column:1/-1!important;
    margin:0 0 8px!important;
  }
}
@media(max-width:560px){
  body.page-index-inlined > header.ti-main-header .top-interior-site-logo{
    width:232px!important;
    max-width:78vw!important;
  }
  html.page-index-inlined .ti-form-site-logo{
    width:172px!important;
    max-width:62vw!important;
  }
  html.page-index-inlined .ti-site-notice{
    padding:18px 17px!important;
    font-size:10.5px!important;
  }
}


/* Krok 99 – kompaktnější hlavní lišta a dvouřádkové hlavičky poptávek */
html.page-index-inlined{
  --ti-logo-shared-width:clamp(300px,24vw,372px);
}

/* Jedna velikost a jeden vzhled loga na všech stránkách. */
body.page-index-inlined > header .top-interior-site-logo, body.page-index-inlined > .topbar .top-interior-site-logo, html.page-index-inlined .ti-form-site-logo, body.page-index-inlined > header .ti-inline-header-logo{
  width:var(--ti-logo-shared-width)!important;
  max-width:38vw!important;
  min-width:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  line-height:0!important;
}
body.page-index-inlined > header .top-interior-site-logo img, body.page-index-inlined > .topbar .top-interior-site-logo img, html.page-index-inlined .ti-form-site-logo img, body.page-index-inlined > header .ti-inline-header-logo img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:left center!important;
  clip-path:none!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* Hlavní stránka: lišta o přibližně 10 % nižší, velikost loga zůstává. */
body.page-index-inlined > header.ti-main-header, body.page-index-inlined > header.ti-request-hub-header{
  min-height:96px!important;
  padding:20px 3vw!important;
  align-items:center!important;
}
body.page-index-inlined > header.ti-main-header .top-interior-site-logo, body.page-index-inlined > header.ti-request-hub-header .top-interior-site-logo{
  width:var(--ti-logo-shared-width)!important;
  max-width:38vw!important;
}

/* Poptávkové formuláře: logo je samostatně v prvním řádku vlevo. */
body.page-index-inlined > header.topbar .topbar-inner, body.page-index-inlined > .topbar .topbar-inner{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-areas:
    "ti-logo ti-logo"
    "ti-brand ti-actions"!important;
  align-items:center!important;
  column-gap:22px!important;
  row-gap:13px!important;
  width:100%!important;
  max-width:none!important;
  padding:18px 3vw!important;
  min-height:0!important;
}
body.page-index-inlined > header.topbar .topbar-inner > .ti-form-site-logo, body.page-index-inlined > .topbar .topbar-inner > .ti-form-site-logo{
  grid-area:ti-logo!important;
  position:relative!important;
  left:auto!important;
  top:auto!important;
  transform:none!important;
  justify-self:start!important;
  align-self:start!important;
  display:block!important;
  width:var(--ti-logo-shared-width)!important;
  max-width:38vw!important;
  margin:0!important;
  z-index:3!important;
}
body.page-index-inlined > header.topbar .topbar-inner > .brand, body.page-index-inlined > .topbar .topbar-inner > .brand, body.page-index-inlined > header.topbar .topbar-inner > .brand-title, body.page-index-inlined > .topbar .topbar-inner > .brand-title{
  grid-area:ti-brand!important;
  min-width:0!important;
}
body.page-index-inlined > header.topbar .topbar-inner > .actions, body.page-index-inlined > .topbar .topbar-inner > .actions{
  grid-area:ti-actions!important;
  align-self:center!important;
}

/* Obecný značkový formulář používá stejné dvouřádkové rozložení. */
body.page-index-inlined > header .generic-topbar-inner{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-areas:
    "ti-logo ti-logo"
    "ti-brand ti-actions"!important;
  align-items:center!important;
  column-gap:22px!important;
  row-gap:13px!important;
  width:100%!important;
  max-width:none!important;
  margin:auto!important;
  padding:18px 3vw!important;
  min-height:0!important;
}
body.page-index-inlined > header .generic-topbar-inner > .ti-form-site-logo{
  grid-area:ti-logo!important;
  position:relative!important;
  left:auto!important;
  top:auto!important;
  transform:none!important;
  justify-self:start!important;
  width:var(--ti-logo-shared-width)!important;
  max-width:38vw!important;
  margin:0!important;
}
body.page-index-inlined > header .generic-topbar-inner > .generic-form-brand{grid-area:ti-brand!important}
body.page-index-inlined > header .generic-topbar-inner > .generic-top-actions{grid-area:ti-actions!important}

/* Centrum E-shop / Poptávky má stejnou hlavičku jako hlavní stránka. */
body.page-index-inlined > header.ti-request-hub-header{
  display:flex!important;
  justify-content:space-between!important;
  gap:24px!important;
}
body.page-index-inlined > header.ti-request-hub-header .back{
  flex:0 0 auto!important;
}

@media(max-width:1180px){
  html.page-index-inlined{--ti-logo-shared-width:clamp(270px,34vw,340px)}
  body.page-index-inlined > header.ti-main-header, body.page-index-inlined > header.ti-request-hub-header{min-height:0!important;padding:17px 3vw!important}
  body.page-index-inlined > header .top-interior-site-logo, body.page-index-inlined > .topbar .top-interior-site-logo, html.page-index-inlined .ti-form-site-logo, body.page-index-inlined > header .ti-inline-header-logo{max-width:58vw!important}

  body.page-index-inlined > header.topbar .topbar-inner, body.page-index-inlined > .topbar .topbar-inner, body.page-index-inlined > header .generic-topbar-inner{
    grid-template-columns:1fr!important;
    grid-template-areas:"ti-logo" "ti-brand" "ti-actions"!important;
  }
  body.page-index-inlined > header.topbar .topbar-inner > .actions, body.page-index-inlined > .topbar .topbar-inner > .actions, body.page-index-inlined > header .generic-topbar-inner > .generic-top-actions{
    width:100%!important;
    max-width:100%!important;
    justify-self:start!important;
    justify-content:flex-start!important;
  }
}
@media(max-width:900px){
  html.page-index-inlined{--ti-logo-shared-width:260px}
  body.page-index-inlined > header.ti-main-header, body.page-index-inlined > header.ti-request-hub-header{padding:16px 20px!important}
  body.page-index-inlined > header .top-interior-site-logo, body.page-index-inlined > .topbar .top-interior-site-logo, html.page-index-inlined .ti-form-site-logo, body.page-index-inlined > header .ti-inline-header-logo{max-width:72vw!important}
  body.page-index-inlined > header.topbar .topbar-inner, body.page-index-inlined > .topbar .topbar-inner, body.page-index-inlined > header .generic-topbar-inner{
    grid-template-columns:1fr!important;
    grid-template-areas:"ti-logo" "ti-brand" "ti-actions"!important;
    padding:16px 20px!important;
  }
  body.page-index-inlined > header.topbar .topbar-inner > .actions, body.page-index-inlined > .topbar .topbar-inner > .actions, body.page-index-inlined > header .generic-topbar-inner > .generic-top-actions{
    justify-self:start!important;
    justify-content:flex-start!important;
  }
  body.page-index-inlined > header.ti-request-hub-header{
    flex-wrap:wrap!important;
  }
}
@media(max-width:560px){
  html.page-index-inlined{--ti-logo-shared-width:232px}
  body.page-index-inlined > header .top-interior-site-logo, body.page-index-inlined > .topbar .top-interior-site-logo, html.page-index-inlined .ti-form-site-logo, body.page-index-inlined > header .ti-inline-header-logo{max-width:78vw!important}
}

/* Source style block 6 */
html.page-index-inlined{--ti-combined-logo-width:clamp(370px,31vw,500px)}
body.page-index-inlined > header .top-interior-site-logo, body.page-index-inlined > .topbar .top-interior-site-logo, html.page-index-inlined .ti-form-site-logo, body.page-index-inlined > header .ti-inline-header-logo{width:var(--ti-combined-logo-width)!important;max-width:46vw!important}
body.page-index-inlined > header.ti-main-header .top-interior-site-logo, body.page-index-inlined > header.ti-request-hub-header .top-interior-site-logo{width:clamp(410px,34vw,535px)!important;max-width:48vw!important}
body.page-index-inlined > header .top-interior-site-logo img, body.page-index-inlined > .topbar .top-interior-site-logo img, html.page-index-inlined .ti-form-site-logo img, body.page-index-inlined > header .ti-inline-header-logo img{filter:none!important;object-fit:contain!important;object-position:left center!important}
body.page-index-inlined > header.ti-main-header, body.page-index-inlined > header.ti-request-hub-header{padding-top:12px!important;padding-bottom:12px!important}
@media(max-width:1180px){html.page-index-inlined{--ti-combined-logo-width:clamp(330px,43vw,450px)}body.page-index-inlined > header.ti-main-header .top-interior-site-logo, body.page-index-inlined > header.ti-request-hub-header .top-interior-site-logo{width:clamp(350px,48vw,465px)!important;max-width:58vw!important}}
@media(max-width:900px){html.page-index-inlined{--ti-combined-logo-width:320px}body.page-index-inlined > header.ti-main-header .top-interior-site-logo, body.page-index-inlined > header.ti-request-hub-header .top-interior-site-logo{width:340px!important;max-width:78vw!important}}
@media(max-width:560px){html.page-index-inlined{--ti-combined-logo-width:280px}body.page-index-inlined > header.ti-main-header .top-interior-site-logo, body.page-index-inlined > header.ti-request-hub-header .top-interior-site-logo{width:300px!important;max-width:86vw!important}}

/* Source style block 7 */
html.page-index-inlined{--ti-combined-logo-width:clamp(330px,25vw,390px)}
body.page-index-inlined > header .top-interior-site-logo, body.page-index-inlined > .topbar .top-interior-site-logo, html.page-index-inlined .ti-form-site-logo, body.page-index-inlined > header .ti-inline-header-logo{width:var(--ti-combined-logo-width)!important;max-width:42vw!important}
body.page-index-inlined > header.ti-main-header, body.page-index-inlined > header.ti-request-hub-header{min-height:112px!important;padding:9px 3vw!important;align-items:center!important}
body.page-index-inlined > header.ti-main-header .top-interior-site-logo, body.page-index-inlined > header.ti-request-hub-header .top-interior-site-logo{width:clamp(360px,27vw,420px)!important;max-width:43vw!important}
body.page-index-inlined > header.ti-main-header nav{gap:clamp(12px,1.15vw,20px)!important;font-size:clamp(11px,.72vw,13px)!important;align-items:center!important;flex-wrap:nowrap!important}
body.page-index-inlined > header.ti-main-header nav a{white-space:nowrap!important}
@media(max-width:1180px){html.page-index-inlined{--ti-combined-logo-width:clamp(300px,31vw,350px)}body.page-index-inlined > header.ti-main-header, body.page-index-inlined > header.ti-request-hub-header{min-height:100px!important;padding:9px 3vw!important}body.page-index-inlined > header.ti-main-header .top-interior-site-logo, body.page-index-inlined > header.ti-request-hub-header .top-interior-site-logo{width:clamp(310px,32vw,365px)!important;max-width:42vw!important}body.page-index-inlined > header.ti-main-header nav{gap:10px!important;font-size:11px!important}}
@media(max-width:900px){html.page-index-inlined{--ti-combined-logo-width:290px}body.page-index-inlined > header.ti-main-header, body.page-index-inlined > header.ti-request-hub-header{min-height:0!important;padding:12px 20px!important}body.page-index-inlined > header.ti-main-header .top-interior-site-logo, body.page-index-inlined > header.ti-request-hub-header .top-interior-site-logo{width:300px!important;max-width:76vw!important}}
@media(max-width:560px){html.page-index-inlined{--ti-combined-logo-width:255px}body.page-index-inlined > header.ti-main-header, body.page-index-inlined > header.ti-request-hub-header{padding:10px 16px!important}body.page-index-inlined > header.ti-main-header .top-interior-site-logo, body.page-index-inlined > header.ti-request-hub-header .top-interior-site-logo{width:268px!important;max-width:82vw!important}}


/* Source: assets/css/site-responsive.css */
/* Shared responsive and accessibility layer. Mobile-first; page-specific CSS remains unchanged. */
html.page-index-inlined{ --touch-target: 2.75rem; }
html.page-index-inlined{ width: 100%; overflow-x: hidden; -webkit-text-size-adjust: 100%; }
body.page-index-inlined{ width: 100%; min-width: 0; overflow-x: clip; }
html.page-index-inlined img, html.page-index-inlined picture, html.page-index-inlined video, html.page-index-inlined canvas, html.page-index-inlined svg{ display: block; max-width: 100%; height: auto; }
html.page-index-inlined iframe{ max-width: 100%; }
html.page-index-inlined main, html.page-index-inlined section, html.page-index-inlined article, html.page-index-inlined header, html.page-index-inlined footer, html.page-index-inlined nav, html.page-index-inlined form, html.page-index-inlined fieldset, html.page-index-inlined .wrap, html.page-index-inlined .container{ min-width: 0; }
html.page-index-inlined button, html.page-index-inlined input, html.page-index-inlined select, html.page-index-inlined textarea{ max-width: 100%; font: inherit; }
html.page-index-inlined button, html.page-index-inlined input[type="button"], html.page-index-inlined input[type="submit"], html.page-index-inlined input[type="reset"], html.page-index-inlined select, html.page-index-inlined .btn, html.page-index-inlined .button, html.page-index-inlined [role="button"]{ min-height: var(--touch-target); }
html.page-index-inlined textarea{ min-height: 7rem; resize: vertical; }
html.page-index-inlined .ti-mobile-menu-toggle{
  display: inline-flex; align-items: center; justify-content: center; gap: .5rem;
  min-width: var(--touch-target); min-height: var(--touch-target); padding: .65rem .8rem;
  border: 1px solid rgba(214,177,95,.7); background: rgba(18,8,28,.72);
  color: #f4ead0; font-weight: 800; cursor: pointer;
}
html.page-index-inlined .ti-mobile-menu-toggle__icon, html.page-index-inlined .ti-mobile-menu-toggle__icon::before, html.page-index-inlined .ti-mobile-menu-toggle__icon::after{
  display: block; width: 1.25rem; height: .125rem; background: currentColor; content: ""; transition: transform .2s ease;
}
html.page-index-inlined .ti-mobile-menu-toggle__icon{ position: relative; }
html.page-index-inlined .ti-mobile-menu-toggle__icon::before{ position: absolute; top: -.4rem; }
html.page-index-inlined .ti-mobile-menu-toggle__icon::after{ position: absolute; top: .4rem; }
html.page-index-inlined header.ti-mobile-nav-header{ flex-wrap: wrap; }
html.page-index-inlined header.ti-mobile-nav-header > nav{ display: none !important; width: 100%; flex-direction: column; align-items: stretch; gap: .25rem; padding-top: .75rem; }
html.page-index-inlined header.ti-nav-open > nav{ display: flex !important; }
html.page-index-inlined header.ti-mobile-nav-header > nav a{ display: flex; align-items: center; min-height: var(--touch-target); padding: .65rem .75rem; }
@media (max-width: 47.99rem) {
  html.page-index-inlined h1{ overflow-wrap: anywhere; }
  html.page-index-inlined .wrap, html.page-index-inlined .container{ width: 100%; padding-inline: clamp(1rem, 4vw, 1.5rem); }
  html.page-index-inlined .grid, html.page-index-inlined .cards, html.page-index-inlined .card-grid, html.page-index-inlined .brand-grid, html.page-index-inlined .product-grid, html.page-index-inlined .form-grid{ grid-template-columns: minmax(0, 1fr) !important; }
  html.page-index-inlined table{ display: block; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
}
@media (min-width: 56.25rem) {
  html.page-index-inlined .ti-mobile-menu-toggle{ display: none; }
  html.page-index-inlined header.ti-mobile-nav-header{ flex-wrap: nowrap; }
  html.page-index-inlined header.ti-mobile-nav-header > nav{ display: flex !important; width: auto; flex-direction: row; align-items: center; padding-top: 0; }
  html.page-index-inlined header.ti-mobile-nav-header > nav a{ min-height: auto; padding: 0; }
}
@media (prefers-reduced-motion: reduce) {
  html.page-index-inlined *, html.page-index-inlined *::before, html.page-index-inlined *::after{ scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}


/* Extracted former inline styles */
html.page-index-inlined .inline-style-1{--brand:#ef7600;--photo:url("../assets/images/embedded/f3d6edfd37ae43ce09f4.jpg")}
html.page-index-inlined .inline-style-2{--brand:#b91f29;--photo:url("../assets/images/embedded/c5cb2ca34aa30884a9f5.jpg")}
html.page-index-inlined .inline-style-3{--brand:#245b97;--photo:url("../assets/images/embedded/f3d6edfd37ae43ce09f4.jpg")}
html.page-index-inlined .inline-style-4{--brand:#d71920;--photo:url("../assets/images/embedded/bc0f1ffd2cace8e1e708.jpg")}
html.page-index-inlined .inline-style-5{--brand:#202124;--photo:url("../assets/images/jap-future-tile-background.jpg")}
html.page-index-inlined .inline-style-6{--brand:#94c11f;--photo:url("../assets/images/embedded/dc2be2a5a2959907a326.jpg")}
html.page-index-inlined .inline-style-7{--brand:#126493;--photo:url("../assets/images/embedded/1a6abf839c74ce666e14.jpg")}
html.page-index-inlined .inline-style-8{--brand:#333333;--photo:url("../assets/images/embedded/979ce4ca09a96cadc000.jpg")}
html.page-index-inlined .inline-style-9{padding:34px 5vw;background:linear-gradient(135deg,#4b2864,#241235);text-align:center;border-top:1px solid rgba(214,177,95,.25);border-bottom:1px solid rgba(214,177,95,.25)}
html.page-index-inlined .inline-style-10{max-width:1200px;margin:auto}
html.page-index-inlined .inline-style-11{color:#d6b15f;font-size:11px;text-transform:uppercase;letter-spacing:.16em;font-weight:850}
html.page-index-inlined .inline-style-12{color:#d6b15f;font-family:Georgia,serif;font-size:44px;margin:12px 0}
html.page-index-inlined .inline-style-13{color:#d6c9dc;line-height:1.65}
html.page-index-inlined .inline-style-14{display:inline-block;margin-top:12px;padding:15px 21px;background:#d6b15f;color:#281437;font-weight:900;text-decoration:none}

/* ===== interactive-bathroom.html ===== */

/* Source: assets/css/interactive-bathroom.css */
/* Source style block 1 */
html.page-interactive-bathroom{--bg:#0f1115;--panel:#171a20;--text:#f4f5f7;--muted:#b8bec8;--accent:#e3342f;--gold:#c7a264}
html.page-interactive-bathroom *{box-sizing:border-box} body.page-interactive-bathroom{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial}
html.page-interactive-bathroom header{padding:20px 24px 14px;max-width:1800px;margin:auto} html.page-interactive-bathroom h1{font-size:clamp(22px,3vw,38px);margin:0 0 6px} html.page-interactive-bathroom header p{margin:0;color:var(--muted)}
html.page-interactive-bathroom .wrap{max-width:1800px;margin:auto;padding:0 16px 28px} html.page-interactive-bathroom .stage{position:relative;border-radius:18px;overflow:hidden;box-shadow:0 20px 70px #0009;background:#222}
html.page-interactive-bathroom .stage img{width:100%;height:auto;display:block} html.page-interactive-bathroom .hotspot{position:absolute;left:calc(var(--x)*1%);top:calc(var(--y)*1%);transform:translate(-50%,-50%);width:28px;height:28px;border:0;border-radius:50%;background:var(--accent);color:white;cursor:pointer;box-shadow:0 0 0 5px #e3342f55,0 4px 15px #0008;display:grid;place-items:center;font-weight:800;z-index:3;transition:.18s}
html.page-interactive-bathroom .hotspot:hover, html.page-interactive-bathroom .hotspot:focus-visible, html.page-interactive-bathroom .hotspot.active{transform:translate(-50%,-50%) scale(1.18);box-shadow:0 0 0 8px #e3342f42,0 6px 18px #000a;outline:none}
html.page-interactive-bathroom .hotspot::after{content:"";position:absolute;inset:-9px;border:1px solid #fff8;border-radius:50%;animation:pulse 2s infinite} @keyframes pulse{0%{transform:scale(.75);opacity:.9}100%{transform:scale(1.5);opacity:0}}
html.page-interactive-bathroom .tip{position:absolute;z-index:5;min-width:300px;max-width:430px;background:#11151aee;border:1px solid #ffffff1f;border-radius:14px;padding:14px 15px;box-shadow:0 16px 45px #000b;backdrop-filter:blur(12px);pointer-events:none;opacity:0;transform:translateY(8px);transition:.16s}
html.page-interactive-bathroom .tip.show{opacity:1;transform:none}html.page-interactive-bathroom .tip-img{width:100%;height:155px;object-fit:cover;border-radius:10px;margin:0 0 10px;display:block}html.page-interactive-bathroom .variant-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:10px}html.page-interactive-bathroom .variant{background:#ffffff0a;border:1px solid #ffffff16;border-radius:11px;padding:8px}html.page-interactive-bathroom .variant img{width:100%;height:92px;object-fit:cover;border-radius:8px;margin-bottom:7px}html.page-interactive-bathroom .variant b{display:block;font-size:13px;line-height:1.25}html.page-interactive-bathroom .variant small{display:block;color:var(--muted);font-size:11px;line-height:1.35;margin-top:4px} html.page-interactive-bathroom .tip .k{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--gold);font-weight:700} html.page-interactive-bathroom .tip h3{font-size:18px;margin:5px 0 3px} html.page-interactive-bathroom .tip .meta{font-size:13px;color:#e2e5ea;margin-bottom:7px} html.page-interactive-bathroom .tip .note{font-size:13px;color:var(--muted);line-height:1.4}
html.page-interactive-bathroom .legend{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:10px;margin-top:16px} html.page-interactive-bathroom .card{background:var(--panel);border:1px solid #ffffff12;border-radius:14px;padding:0;overflow:hidden}html.page-interactive-bathroom .card img{width:100%;height:150px;object-fit:cover;display:block}html.page-interactive-bathroom .card-body{padding:13px 14px} html.page-interactive-bathroom .card b{display:block;margin-bottom:4px} html.page-interactive-bathroom .card small{color:var(--muted);line-height:1.45;display:block}
html.page-interactive-bathroom .tech{margin-top:14px;background:#151922;border:1px solid #ffffff12;border-radius:14px;padding:15px} html.page-interactive-bathroom .tech h2{font-size:17px;margin:0 0 8px} html.page-interactive-bathroom .tech p{margin:0;color:var(--muted);line-height:1.5}
html.page-interactive-bathroom .help{font-size:13px;color:var(--muted);margin:10px 2px 0}
@media (max-width:720px){html.page-interactive-bathroom .variant-grid{grid-template-columns:1fr}html.page-interactive-bathroom .tip-img{height:135px}html.page-interactive-bathroom .card img{height:135px}html.page-interactive-bathroom header{padding:16px}html.page-interactive-bathroom .wrap{padding:0 8px 18px}html.page-interactive-bathroom .stage{border-radius:12px}html.page-interactive-bathroom .hotspot{width:24px;height:24px;font-size:12px}html.page-interactive-bathroom .tip{position:fixed!important;left:10px!important;right:10px!important;bottom:10px!important;top:auto!important;max-width:none;min-width:0;pointer-events:auto}}
@media print{body.page-interactive-bathroom{background:white;color:black}html.page-interactive-bathroom header p, html.page-interactive-bathroom .help{display:none}html.page-interactive-bathroom .stage{box-shadow:none}html.page-interactive-bathroom .hotspot{box-shadow:none}html.page-interactive-bathroom .legend{grid-template-columns:repeat(2,1fr)}html.page-interactive-bathroom .card, html.page-interactive-bathroom .tech{background:white;border-color:#bbb}html.page-interactive-bathroom .card small, html.page-interactive-bathroom .tech p{color:#333}}

html.page-interactive-bathroom .tip-head{display:flex;align-items:center;gap:10px;margin:8px 0 10px}
html.page-interactive-bathroom .brand-logo{width:126px;height:38px;object-fit:contain;background:#fff;border-radius:7px;padding:3px;flex:none}
html.page-interactive-bathroom .card-logo{width:118px!important;height:34px!important;object-fit:contain!important;background:#fff;border-radius:7px;padding:3px;margin:10px 14px 0}
html.page-interactive-bathroom .variant-logo{width:96px!important;height:28px!important;object-fit:contain!important;background:#fff;border-radius:5px;padding:2px;margin:0 0 6px!important}

html.page-interactive-bathroom .source-link{display:inline-block;margin-top:9px;font-size:12px;font-weight:750;color:#f28a00;text-decoration:none}
html.page-interactive-bathroom .source-link:hover{text-decoration:underline}

html.page-interactive-bathroom .tip{max-width:min(580px,92vw)}
html.page-interactive-bathroom .tip-img{width:100%;height:260px;object-fit:contain;background:#fff;border-radius:12px}
html.page-interactive-bathroom .product-gallery{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}
html.page-interactive-bathroom .product-gallery figure{margin:0;background:#fff;border-radius:10px;overflow:hidden;border:1px solid #e6e6e6}
html.page-interactive-bathroom .product-gallery img{width:100%;height:190px;object-fit:contain;background:#fff}
html.page-interactive-bathroom .product-gallery figcaption{padding:6px 8px;font-size:11px;font-weight:750;text-align:center}
html.page-interactive-bathroom .variant-grid.selectable{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:stretch;margin-top:12px}
html.page-interactive-bathroom .or-label{display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:900;color:#777;text-transform:uppercase}
html.page-interactive-bathroom .variant-choice{border:2px solid #e4e4e4;border-radius:12px;background:#fff;padding:8px;cursor:pointer;transition:.18s}
html.page-interactive-bathroom .variant-choice:hover, html.page-interactive-bathroom .variant-choice.active{border-color:#ef7600;box-shadow:0 5px 18px rgba(0,0,0,.1)}
html.page-interactive-bathroom .variant-choice img.product-photo{width:100%;height:180px;object-fit:contain;background:#fff;border-radius:8px}
html.page-interactive-bathroom .variant-detail{display:none;margin-top:8px;padding:9px;border-radius:8px;background:#fff7ee;font-size:12px;line-height:1.45}
html.page-interactive-bathroom .variant-choice.active .variant-detail{display:block}
html.page-interactive-bathroom .card>img:not(.card-logo){width:100%;height:220px;object-fit:contain;background:#fff}
html.page-interactive-bathroom .card .product-gallery img{height:150px}
@media(max-width:650px){
  html.page-interactive-bathroom .variant-grid.selectable{grid-template-columns:1fr}
  html.page-interactive-bathroom .or-label{padding:2px 0}
  html.page-interactive-bathroom .tip-img{height:220px}
  html.page-interactive-bathroom .product-gallery{grid-template-columns:1fr}
  html.page-interactive-bathroom .product-gallery img{height:210px}
}


/* Centred modal: it is always fully accessible even for hotspots near the bottom edge. */
html.page-interactive-bathroom .tip-backdrop{
  position:fixed;inset:0;background:rgba(12,17,23,.46);backdrop-filter:blur(2px);
  opacity:0;visibility:hidden;transition:.18s;z-index:998
}
html.page-interactive-bathroom .tip-backdrop.show{opacity:1;visibility:visible}
html.page-interactive-bathroom .tip{
  position:fixed!important;left:50%!important;top:50%!important;
  transform:translate(-50%,-50%) scale(.97);
  width:min(650px,calc(100vw - 28px));max-height:min(88vh,850px);
  overflow-y:auto;overscroll-behavior:contain;
  padding:18px 18px 20px;border-radius:18px;z-index:999;
  box-shadow:0 24px 80px rgba(0,0,0,.30);
  opacity:0;visibility:hidden;transition:.18s;background:#fff;color:#1d232b
}
html.page-interactive-bathroom .tip.show{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}
html.page-interactive-bathroom .tip-close{
  position:sticky;float:right;top:0;margin:-6px -6px 2px 8px;
  width:34px;height:34px;border:0;border-radius:50%;cursor:pointer;
  background:#f0f2f4;color:#333;font-size:21px;line-height:34px;z-index:3
}
html.page-interactive-bathroom .tip-close:hover{background:#e3e6e9}
html.page-interactive-bathroom .tip-head{display:flex;align-items:flex-start;gap:12px;margin:4px 42px 12px 0}
html.page-interactive-bathroom .tip-head h3{font-size:20px;line-height:1.2;margin:2px 0 0}
html.page-interactive-bathroom .brand-logo{
  width:84px!important;height:24px!important;object-fit:contain!important;
  padding:0!important;margin:2px 0 0!important;background:transparent!important;
  border-radius:0!important;opacity:.55;filter:grayscale(.35);flex:none
}
html.page-interactive-bathroom .card-logo{
  width:76px!important;height:22px!important;object-fit:contain!important;
  background:transparent!important;border-radius:0!important;padding:0!important;
  margin:12px 16px 0!important;opacity:.48;filter:grayscale(.45)
}
html.page-interactive-bathroom .variant-logo{
  width:72px!important;height:21px!important;object-fit:contain!important;
  background:transparent!important;border-radius:0!important;padding:0!important;
  margin:0 0 5px!important;opacity:.52;filter:grayscale(.4)
}
html.page-interactive-bathroom .tip-img{height:min(310px,35vh)!important;object-fit:contain!important;background:#fff}
html.page-interactive-bathroom .product-gallery img{object-fit:contain!important;background:#fff}
html.page-interactive-bathroom .price-panel{
  display:flex;justify-content:space-between;gap:14px;align-items:flex-end;
  margin:10px 0 14px;padding:12px 14px;border-radius:12px;background:#f6f7f8
}
html.page-interactive-bathroom .price-label{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:#6e747b;font-weight:800}
html.page-interactive-bathroom .price-value{font-size:19px;line-height:1.15;font-weight:850;color:#222;margin-top:3px}
html.page-interactive-bathroom .price-note{max-width:250px;text-align:right;font-size:11px;line-height:1.35;color:#72777e}
html.page-interactive-bathroom .info-section{margin-top:12px}
html.page-interactive-bathroom .info-title{font-size:11px;text-transform:uppercase;letter-spacing:.07em;font-weight:850;color:#737980;margin-bottom:6px}
html.page-interactive-bathroom .spec-list{display:grid;gap:5px;margin:0;padding:0;list-style:none}
html.page-interactive-bathroom .spec-list li{position:relative;padding-left:15px;font-size:13px;line-height:1.38;color:#353b42}
html.page-interactive-bathroom .spec-list li:before{content:"";position:absolute;left:1px;top:.52em;width:5px;height:5px;border-radius:50%;background:#ef7600}
html.page-interactive-bathroom .note-box{padding:10px 12px;border-left:3px solid #d5d9dd;background:#fafafa;border-radius:0 9px 9px 0;font-size:13px;line-height:1.45}
html.page-interactive-bathroom .source-link{font-size:11px!important;color:#666!important;font-weight:700!important}
html.page-interactive-bathroom .variant-choice .price-panel{display:block;margin:8px 0 4px;padding:9px 10px}
html.page-interactive-bathroom .variant-choice .price-note{text-align:left;max-width:none;margin-top:4px}
html.page-interactive-bathroom .variant-choice .price-value{font-size:15px}
html.page-interactive-bathroom .card .price-panel{margin:0 14px 12px;padding:10px 11px}
html.page-interactive-bathroom .card .price-value{font-size:15px}
html.page-interactive-bathroom .card .price-note{display:none}
html.page-interactive-bathroom .card-body small{line-height:1.5}
html.page-interactive-bathroom .price-disclaimer{
  margin:12px 0 20px;padding:10px 12px;border-radius:10px;background:#fff8ed;
  font-size:12px;line-height:1.45;color:#65543d
}
body.page-interactive-bathroom.modal-open{overflow:hidden}
@media(max-width:650px){
  html.page-interactive-bathroom .tip{top:auto!important;bottom:0;left:0!important;transform:translateY(12px)!important;
       width:100%;max-height:88vh;border-radius:18px 18px 0 0;padding:16px}
  html.page-interactive-bathroom .tip.show{transform:translateY(0)!important}
  html.page-interactive-bathroom .price-panel{display:block}
  html.page-interactive-bathroom .price-note{text-align:left;max-width:none;margin-top:5px}
  html.page-interactive-bathroom .tip-img{height:230px!important}
}


html.page-interactive-bathroom .variant-choice img.product-photo{object-fit:cover!important;background:#f7f7f7}
html.page-interactive-bathroom .product-gallery figure{min-width:0}
html.page-interactive-bathroom .product-gallery img{object-fit:cover!important}


html.page-interactive-bathroom .card>img:not(.card-logo), html.page-interactive-bathroom .tip-img{object-fit:contain!important;background:#fff}
html.page-interactive-bathroom .component-note{font-size:11px;color:#777}


/* Krok 25 – dlouhý seznam výrobků je ve výchozím stavu sbalený */
html.page-interactive-bathroom .product-list-disclosure{
  margin:18px 0 24px;
  border:1px solid rgba(124,92,51,.28);
  border-radius:12px;
  background:#fff;
  overflow:hidden;
}
html.page-interactive-bathroom .product-list-disclosure summary{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:10px 18px;
  cursor:pointer;
  list-style:none;
  background:#7d5937;
  color:#fff;
  font-size:12px;
  font-weight:800;
  letter-spacing:.045em;
  text-transform:uppercase;
  transition:background .2s ease;
}
html.page-interactive-bathroom .product-list-disclosure summary::-webkit-details-marker{
  display:none;
}
html.page-interactive-bathroom .product-list-disclosure summary::after{
  content:"＋";
  margin-left:10px;
  font-size:17px;
  line-height:1;
}
html.page-interactive-bathroom .product-list-disclosure[open] summary{
  background:#5f4025;
}
html.page-interactive-bathroom .product-list-disclosure[open] summary::after{
  content:"−";
}
html.page-interactive-bathroom .product-list-disclosure .legend{
  margin:0;
  padding:20px;
  border:0;
}
@media(max-width:650px){
  html.page-interactive-bathroom .product-list-disclosure summary{
    min-height:44px;
    font-size:10px;
  }
  html.page-interactive-bathroom .product-list-disclosure .legend{
    padding:12px;
  }
}

/* Krok 26 – kompaktní tlačítko přímo nad interaktivním obrázkem */
html.page-interactive-bathroom header .product-list-disclosure{
  margin:12px 0 2px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  overflow:visible!important;
}
html.page-interactive-bathroom header .product-list-disclosure summary{
  display:inline-flex!important;
  width:auto!important;
  min-height:32px!important;
  padding:6px 11px!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:8px!important;
  background:#7d5937!important;
  color:#fff!important;
  font-size:9px!important;
  line-height:1.2!important;
  letter-spacing:.045em!important;
  box-shadow:0 5px 16px rgba(0,0,0,.22);
}
html.page-interactive-bathroom header .product-list-disclosure summary::after{
  margin-left:7px!important;
  font-size:13px!important;
}
html.page-interactive-bathroom header .product-list-disclosure[open] summary{
  background:#5f4025!important;
}
html.page-interactive-bathroom header .product-list-disclosure .legend{
  margin:12px 0 8px!important;
  padding:14px!important;
  border:1px solid #ffffff16!important;
  border-radius:12px!important;
  background:#11151a!important;
}
@media(max-width:650px){
  html.page-interactive-bathroom header .product-list-disclosure summary{
    min-height:30px!important;
    padding:6px 9px!important;
    font-size:8px!important;
  }
}


/* Krok 91 – kompletní seznam zobrazuje plné produktové údaje */
html.page-interactive-bathroom .product-list-disclosure .legend{
  grid-template-columns:repeat(auto-fit,minmax(min(520px,100%),1fr));
  align-items:start;
}
html.page-interactive-bathroom .product-list-disclosure .card{
  display:flex;
  flex-direction:column;
}
html.page-interactive-bathroom .product-list-disclosure .card .price-panel{
  display:block;
}
html.page-interactive-bathroom .product-list-disclosure .card .price-note{
  display:block;
  max-width:none;
  margin-top:5px;
  text-align:left;
}
html.page-interactive-bathroom .product-list-disclosure .card .variant-detail{
  display:block;
}
html.page-interactive-bathroom .product-list-disclosure .card .variant-choice{
  cursor:default;
}
html.page-interactive-bathroom .product-list-disclosure .card-body{
  display:grid;
  gap:10px;
}
html.page-interactive-bathroom .product-list-disclosure .card-title{
  font-size:15px;
  line-height:1.35;
}
html.page-interactive-bathroom .product-list-disclosure .card-section{
  display:grid;
  gap:4px;
}
html.page-interactive-bathroom .product-list-disclosure .card-section-title{
  color:#c7a264;
  font-size:10px;
  font-weight:850;
  letter-spacing:.08em;
  text-transform:uppercase;
}
html.page-interactive-bathroom .product-list-disclosure .card-description{
  color:var(--muted);
  font-size:12px;
  line-height:1.55;
}
html.page-interactive-bathroom .product-list-disclosure .card .source-link{
  margin-top:0;
  color:#d8b274!important;
}


/* Source: assets/css/site-responsive.css */
/* Shared responsive and accessibility layer. Mobile-first; page-specific CSS remains unchanged. */
html.page-interactive-bathroom{ --touch-target: 2.75rem; }
html.page-interactive-bathroom{ width: 100%; overflow-x: hidden; -webkit-text-size-adjust: 100%; }
body.page-interactive-bathroom{ width: 100%; min-width: 0; overflow-x: clip; }
html.page-interactive-bathroom img, html.page-interactive-bathroom picture, html.page-interactive-bathroom video, html.page-interactive-bathroom canvas, html.page-interactive-bathroom svg{ display: block; max-width: 100%; height: auto; }
html.page-interactive-bathroom iframe{ max-width: 100%; }
html.page-interactive-bathroom main, html.page-interactive-bathroom section, html.page-interactive-bathroom article, html.page-interactive-bathroom header, html.page-interactive-bathroom footer, html.page-interactive-bathroom nav, html.page-interactive-bathroom form, html.page-interactive-bathroom fieldset, html.page-interactive-bathroom .wrap, html.page-interactive-bathroom .container{ min-width: 0; }
html.page-interactive-bathroom button, html.page-interactive-bathroom input, html.page-interactive-bathroom select, html.page-interactive-bathroom textarea{ max-width: 100%; font: inherit; }
html.page-interactive-bathroom button, html.page-interactive-bathroom input[type="button"], html.page-interactive-bathroom input[type="submit"], html.page-interactive-bathroom input[type="reset"], html.page-interactive-bathroom select, html.page-interactive-bathroom .btn, html.page-interactive-bathroom .button, html.page-interactive-bathroom [role="button"]{ min-height: var(--touch-target); }
html.page-interactive-bathroom textarea{ min-height: 7rem; resize: vertical; }
html.page-interactive-bathroom .ti-mobile-menu-toggle{
  display: inline-flex; align-items: center; justify-content: center; gap: .5rem;
  min-width: var(--touch-target); min-height: var(--touch-target); padding: .65rem .8rem;
  border: 1px solid rgba(214,177,95,.7); background: rgba(18,8,28,.72);
  color: #f4ead0; font-weight: 800; cursor: pointer;
}
html.page-interactive-bathroom .ti-mobile-menu-toggle__icon, html.page-interactive-bathroom .ti-mobile-menu-toggle__icon::before, html.page-interactive-bathroom .ti-mobile-menu-toggle__icon::after{
  display: block; width: 1.25rem; height: .125rem; background: currentColor; content: ""; transition: transform .2s ease;
}
html.page-interactive-bathroom .ti-mobile-menu-toggle__icon{ position: relative; }
html.page-interactive-bathroom .ti-mobile-menu-toggle__icon::before{ position: absolute; top: -.4rem; }
html.page-interactive-bathroom .ti-mobile-menu-toggle__icon::after{ position: absolute; top: .4rem; }
html.page-interactive-bathroom header.ti-mobile-nav-header{ flex-wrap: wrap; }
html.page-interactive-bathroom header.ti-mobile-nav-header > nav{ display: none !important; width: 100%; flex-direction: column; align-items: stretch; gap: .25rem; padding-top: .75rem; }
html.page-interactive-bathroom header.ti-nav-open > nav{ display: flex !important; }
html.page-interactive-bathroom header.ti-mobile-nav-header > nav a{ display: flex; align-items: center; min-height: var(--touch-target); padding: .65rem .75rem; }
@media (max-width: 47.99rem) {
  html.page-interactive-bathroom h1{ overflow-wrap: anywhere; }
  html.page-interactive-bathroom .wrap, html.page-interactive-bathroom .container{ width: 100%; padding-inline: clamp(1rem, 4vw, 1.5rem); }
  html.page-interactive-bathroom .grid, html.page-interactive-bathroom .cards, html.page-interactive-bathroom .card-grid, html.page-interactive-bathroom .brand-grid, html.page-interactive-bathroom .product-grid, html.page-interactive-bathroom .form-grid{ grid-template-columns: minmax(0, 1fr) !important; }
  html.page-interactive-bathroom table{ display: block; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
}
@media (min-width: 56.25rem) {
  html.page-interactive-bathroom .ti-mobile-menu-toggle{ display: none; }
  html.page-interactive-bathroom header.ti-mobile-nav-header{ flex-wrap: nowrap; }
  html.page-interactive-bathroom header.ti-mobile-nav-header > nav{ display: flex !important; width: auto; flex-direction: row; align-items: center; padding-top: 0; }
  html.page-interactive-bathroom header.ti-mobile-nav-header > nav a{ min-height: auto; padding: 0; }
}
@media (prefers-reduced-motion: reduce) {
  html.page-interactive-bathroom *, html.page-interactive-bathroom *::before, html.page-interactive-bathroom *::after{ scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}


/* Source: assets/css/top-interior-velvet-header.css */
/* Krok 97 – jednotná sametová horní lišta a logo TOP INTERIOR */
body.page-interactive-bathroom > header, body.page-interactive-bathroom > .topbar{
  background-color:#17081f!important;
  background-image:
    linear-gradient(90deg,rgba(8,3,12,.28),rgba(42,8,54,.08) 45%,rgba(8,3,12,.38)),
    url("../assets/images/top-interior-velvet-header.jpg")!important;
  background-position:center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  border-top:0!important;
  border-bottom:1px solid rgba(214,177,95,.58)!important;
  box-shadow:0 9px 28px rgba(0,0,0,.34)!important;
}

/* Hlavní logo na standardních stránkách */
body.page-interactive-bathroom > header .top-interior-site-logo, body.page-interactive-bathroom > .topbar .top-interior-site-logo{
  display:block!important;
  flex:0 0 auto!important;
  width:clamp(220px,18vw,280px)!important;
  max-width:42vw!important;
  line-height:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.page-interactive-bathroom > header .top-interior-site-logo img, body.page-interactive-bathroom > .topbar .top-interior-site-logo img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  filter:drop-shadow(0 3px 4px rgba(0,0,0,.8)) drop-shadow(0 0 8px rgba(214,177,95,.16));
}
body.page-interactive-bathroom > header nav a, body.page-interactive-bathroom > header .nav a, body.page-interactive-bathroom > header .back, body.page-interactive-bathroom > header .outline{
  color:#f3e9f5!important;
  text-shadow:0 1px 3px rgba(0,0,0,.75);
}
body.page-interactive-bathroom > header nav a:hover, body.page-interactive-bathroom > header .nav a:hover{color:#f1cf77!important}

/* Logo TOP INTERIOR doplněné do poptávkových formulářů */
html.page-interactive-bathroom .ti-form-site-logo{
  position:absolute;
  left:20px;
  top:50%;
  transform:translateY(-50%);
  display:block;
  width:clamp(178px,15vw,220px);
  max-width:23vw;
  line-height:0;
  z-index:2;
}
html.page-interactive-bathroom .ti-form-site-logo img{
  display:block;
  width:100%;
  height:auto;
  filter:drop-shadow(0 3px 4px rgba(0,0,0,.82)) drop-shadow(0 0 7px rgba(214,177,95,.14));
}
body.page-interactive-bathroom > header.topbar .topbar-inner, body.page-interactive-bathroom > .topbar .topbar-inner{
  position:relative!important;
  max-width:1500px!important;
  min-height:78px!important;
  padding-left:clamp(222px,20vw,292px)!important;
}
body.page-interactive-bathroom > header.topbar .brand h1, body.page-interactive-bathroom > header.topbar .brand p, body.page-interactive-bathroom > .topbar .brand h1, body.page-interactive-bathroom > .topbar .brand p, body.page-interactive-bathroom > header.topbar .brand-title h1, body.page-interactive-bathroom > header.topbar .brand-title p, body.page-interactive-bathroom > .topbar .brand-title h1, body.page-interactive-bathroom > .topbar .brand-title p{
  color:#fff!important;
  text-shadow:0 1px 3px rgba(0,0,0,.75)!important;
}
body.page-interactive-bathroom > header.topbar .brand p, body.page-interactive-bathroom > .topbar .brand p, body.page-interactive-bathroom > header.topbar .brand-title p, body.page-interactive-bathroom > .topbar .brand-title p{color:#ded0e5!important}
body.page-interactive-bathroom > header.topbar .actions .btn, body.page-interactive-bathroom > .topbar .actions .btn, body.page-interactive-bathroom > header.topbar .actions a, body.page-interactive-bathroom > .topbar .actions a{
  box-shadow:0 3px 10px rgba(0,0,0,.22);
}

/* Obecný značkový poptávkový formulář */
body.page-interactive-bathroom > header .generic-topbar-inner{
  position:relative!important;
  width:100%!important;
  max-width:1500px!important;
  margin:auto!important;
  min-height:64px!important;
  padding-left:clamp(222px,20vw,292px)!important;
}
body.page-interactive-bathroom > header .generic-form-brand, body.page-interactive-bathroom > header .generic-top-actions{color:#fff!important}

/* Interaktivní koupelna */
body.page-interactive-bathroom > header .ti-inline-header-logo{
  display:block;
  width:clamp(220px,20vw,292px);
  line-height:0;
  margin:0 0 10px;
}
body.page-interactive-bathroom > header .ti-inline-header-logo img{display:block;width:100%;height:auto;filter:drop-shadow(0 3px 4px rgba(0,0,0,.8))}
body.page-interactive-bathroom > header.ti-inline-header{max-width:none!important;margin:0!important;padding:14px max(24px,calc((100vw - 1760px)/2)) 15px!important}
body.page-interactive-bathroom > header.ti-inline-header h1{color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.75)}

@media(max-width:900px){
  body.page-interactive-bathroom > header .top-interior-site-logo, body.page-interactive-bathroom > .topbar .top-interior-site-logo{width:210px!important;max-width:60vw!important}
  body.page-interactive-bathroom > header.topbar .topbar-inner, body.page-interactive-bathroom > .topbar .topbar-inner, body.page-interactive-bathroom > header .generic-topbar-inner{
    padding-left:20px!important;
    min-height:0!important;
  }
  html.page-interactive-bathroom .ti-form-site-logo{
    position:relative;
    left:auto;top:auto;transform:none;
    width:210px;max-width:64vw;
    grid-column:1/-1;
    margin:0 0 4px;
  }
}
@media(max-width:560px){
  body.page-interactive-bathroom > header .top-interior-site-logo, body.page-interactive-bathroom > .topbar .top-interior-site-logo{width:188px!important;max-width:66vw!important}
  html.page-interactive-bathroom .ti-form-site-logo{width:190px}
}


/* Krok 98 – sjednocené logo, zvětšená hlavní lišta a informační doložka */
html.page-interactive-bathroom{
  --ti-logo-secondary-width:clamp(190px,16vw,230px);
  --ti-logo-form-width:clamp(162px,14vw,184px);
}

/* Jednotný vzhled loga na všech běžných a interních stránkách */
body.page-interactive-bathroom > header .top-interior-site-logo, body.page-interactive-bathroom > .topbar .top-interior-site-logo{
  width:var(--ti-logo-secondary-width)!important;
  max-width:min(48vw,230px)!important;
  min-width:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.page-interactive-bathroom > header .top-interior-site-logo img, body.page-interactive-bathroom > .topbar .top-interior-site-logo img, html.page-interactive-bathroom .ti-form-site-logo img, body.page-interactive-bathroom > header .ti-inline-header-logo img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  clip-path:none!important;
}

/* Hlavní stránka: lišta přibližně o 70 % vyšší a úměrně větší logo */
body.page-interactive-bathroom > header.ti-main-header{
  min-height:106px!important;
  padding:22px 3vw!important;
  align-items:center!important;
}
body.page-interactive-bathroom > header.ti-main-header .top-interior-site-logo{
  width:clamp(300px,24vw,372px)!important;
  max-width:38vw!important;
}
body.page-interactive-bathroom > header.ti-main-header nav{
  align-self:center!important;
}

/* Poptávkové formuláře: celé, nepřerostlé a shodné logo */
html.page-interactive-bathroom .ti-form-site-logo{
  position:absolute!important;
  left:22px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  display:block!important;
  width:var(--ti-logo-form-width)!important;
  max-width:184px!important;
  min-width:0!important;
  line-height:0!important;
  overflow:visible!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  z-index:3!important;
}
body.page-interactive-bathroom > header.topbar .topbar-inner, body.page-interactive-bathroom > .topbar .topbar-inner, body.page-interactive-bathroom > header .generic-topbar-inner{
  padding-left:clamp(212px,18vw,246px)!important;
  min-height:82px!important;
}

/* Společná informační doložka ve spodní části všech stránek */
html.page-interactive-bathroom .ti-site-notice{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:22px max(22px,5vw)!important;
  border-top:1px solid rgba(214,177,95,.32)!important;
  background:#09050f!important;
  color:#cfc2d5!important;
  font:400 11px/1.65 Inter,Arial,sans-serif!important;
  letter-spacing:0!important;
  text-align:left!important;
}
html.page-interactive-bathroom .ti-site-notice strong{
  color:#e2c577!important;
  font-weight:800!important;
}
html.page-interactive-bathroom .ti-site-notice p{
  max-width:1380px!important;
  margin:0 auto!important;
}

@media(max-width:1180px){
  body.page-interactive-bathroom > header.ti-main-header{
    min-height:0!important;
    padding:19px 3vw!important;
  }
  body.page-interactive-bathroom > header.ti-main-header .top-interior-site-logo{
    width:clamp(270px,34vw,340px)!important;
    max-width:58vw!important;
  }
}
@media(max-width:900px){
  body.page-interactive-bathroom > header .top-interior-site-logo, body.page-interactive-bathroom > .topbar .top-interior-site-logo{
    width:210px!important;
    max-width:64vw!important;
  }
  body.page-interactive-bathroom > header.ti-main-header{
    padding:18px 20px!important;
  }
  body.page-interactive-bathroom > header.ti-main-header .top-interior-site-logo{
    width:260px!important;
    max-width:72vw!important;
  }
  body.page-interactive-bathroom > header.topbar .topbar-inner, body.page-interactive-bathroom > .topbar .topbar-inner, body.page-interactive-bathroom > header .generic-topbar-inner{
    padding-left:20px!important;
    min-height:0!important;
  }
  html.page-interactive-bathroom .ti-form-site-logo{
    position:relative!important;
    left:auto!important;
    top:auto!important;
    transform:none!important;
    width:184px!important;
    max-width:56vw!important;
    grid-column:1/-1!important;
    margin:0 0 8px!important;
  }
}
@media(max-width:560px){
  body.page-interactive-bathroom > header.ti-main-header .top-interior-site-logo{
    width:232px!important;
    max-width:78vw!important;
  }
  html.page-interactive-bathroom .ti-form-site-logo{
    width:172px!important;
    max-width:62vw!important;
  }
  html.page-interactive-bathroom .ti-site-notice{
    padding:18px 17px!important;
    font-size:10.5px!important;
  }
}


/* Krok 99 – kompaktnější hlavní lišta a dvouřádkové hlavičky poptávek */
html.page-interactive-bathroom{
  --ti-logo-shared-width:clamp(300px,24vw,372px);
}

/* Jedna velikost a jeden vzhled loga na všech stránkách. */
body.page-interactive-bathroom > header .top-interior-site-logo, body.page-interactive-bathroom > .topbar .top-interior-site-logo, html.page-interactive-bathroom .ti-form-site-logo, body.page-interactive-bathroom > header .ti-inline-header-logo{
  width:var(--ti-logo-shared-width)!important;
  max-width:38vw!important;
  min-width:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  line-height:0!important;
}
body.page-interactive-bathroom > header .top-interior-site-logo img, body.page-interactive-bathroom > .topbar .top-interior-site-logo img, html.page-interactive-bathroom .ti-form-site-logo img, body.page-interactive-bathroom > header .ti-inline-header-logo img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:left center!important;
  clip-path:none!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* Hlavní stránka: lišta o přibližně 10 % nižší, velikost loga zůstává. */
body.page-interactive-bathroom > header.ti-main-header, body.page-interactive-bathroom > header.ti-request-hub-header{
  min-height:96px!important;
  padding:20px 3vw!important;
  align-items:center!important;
}
body.page-interactive-bathroom > header.ti-main-header .top-interior-site-logo, body.page-interactive-bathroom > header.ti-request-hub-header .top-interior-site-logo{
  width:var(--ti-logo-shared-width)!important;
  max-width:38vw!important;
}

/* Poptávkové formuláře: logo je samostatně v prvním řádku vlevo. */
body.page-interactive-bathroom > header.topbar .topbar-inner, body.page-interactive-bathroom > .topbar .topbar-inner{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-areas:
    "ti-logo ti-logo"
    "ti-brand ti-actions"!important;
  align-items:center!important;
  column-gap:22px!important;
  row-gap:13px!important;
  width:100%!important;
  max-width:none!important;
  padding:18px 3vw!important;
  min-height:0!important;
}
body.page-interactive-bathroom > header.topbar .topbar-inner > .ti-form-site-logo, body.page-interactive-bathroom > .topbar .topbar-inner > .ti-form-site-logo{
  grid-area:ti-logo!important;
  position:relative!important;
  left:auto!important;
  top:auto!important;
  transform:none!important;
  justify-self:start!important;
  align-self:start!important;
  display:block!important;
  width:var(--ti-logo-shared-width)!important;
  max-width:38vw!important;
  margin:0!important;
  z-index:3!important;
}
body.page-interactive-bathroom > header.topbar .topbar-inner > .brand, body.page-interactive-bathroom > .topbar .topbar-inner > .brand, body.page-interactive-bathroom > header.topbar .topbar-inner > .brand-title, body.page-interactive-bathroom > .topbar .topbar-inner > .brand-title{
  grid-area:ti-brand!important;
  min-width:0!important;
}
body.page-interactive-bathroom > header.topbar .topbar-inner > .actions, body.page-interactive-bathroom > .topbar .topbar-inner > .actions{
  grid-area:ti-actions!important;
  align-self:center!important;
}

/* Obecný značkový formulář používá stejné dvouřádkové rozložení. */
body.page-interactive-bathroom > header .generic-topbar-inner{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-areas:
    "ti-logo ti-logo"
    "ti-brand ti-actions"!important;
  align-items:center!important;
  column-gap:22px!important;
  row-gap:13px!important;
  width:100%!important;
  max-width:none!important;
  margin:auto!important;
  padding:18px 3vw!important;
  min-height:0!important;
}
body.page-interactive-bathroom > header .generic-topbar-inner > .ti-form-site-logo{
  grid-area:ti-logo!important;
  position:relative!important;
  left:auto!important;
  top:auto!important;
  transform:none!important;
  justify-self:start!important;
  width:var(--ti-logo-shared-width)!important;
  max-width:38vw!important;
  margin:0!important;
}
body.page-interactive-bathroom > header .generic-topbar-inner > .generic-form-brand{grid-area:ti-brand!important}
body.page-interactive-bathroom > header .generic-topbar-inner > .generic-top-actions{grid-area:ti-actions!important}

/* Centrum E-shop / Poptávky má stejnou hlavičku jako hlavní stránka. */
body.page-interactive-bathroom > header.ti-request-hub-header{
  display:flex!important;
  justify-content:space-between!important;
  gap:24px!important;
}
body.page-interactive-bathroom > header.ti-request-hub-header .back{
  flex:0 0 auto!important;
}

@media(max-width:1180px){
  html.page-interactive-bathroom{--ti-logo-shared-width:clamp(270px,34vw,340px)}
  body.page-interactive-bathroom > header.ti-main-header, body.page-interactive-bathroom > header.ti-request-hub-header{min-height:0!important;padding:17px 3vw!important}
  body.page-interactive-bathroom > header .top-interior-site-logo, body.page-interactive-bathroom > .topbar .top-interior-site-logo, html.page-interactive-bathroom .ti-form-site-logo, body.page-interactive-bathroom > header .ti-inline-header-logo{max-width:58vw!important}

  body.page-interactive-bathroom > header.topbar .topbar-inner, body.page-interactive-bathroom > .topbar .topbar-inner, body.page-interactive-bathroom > header .generic-topbar-inner{
    grid-template-columns:1fr!important;
    grid-template-areas:"ti-logo" "ti-brand" "ti-actions"!important;
  }
  body.page-interactive-bathroom > header.topbar .topbar-inner > .actions, body.page-interactive-bathroom > .topbar .topbar-inner > .actions, body.page-interactive-bathroom > header .generic-topbar-inner > .generic-top-actions{
    width:100%!important;
    max-width:100%!important;
    justify-self:start!important;
    justify-content:flex-start!important;
  }
}
@media(max-width:900px){
  html.page-interactive-bathroom{--ti-logo-shared-width:260px}
  body.page-interactive-bathroom > header.ti-main-header, body.page-interactive-bathroom > header.ti-request-hub-header{padding:16px 20px!important}
  body.page-interactive-bathroom > header .top-interior-site-logo, body.page-interactive-bathroom > .topbar .top-interior-site-logo, html.page-interactive-bathroom .ti-form-site-logo, body.page-interactive-bathroom > header .ti-inline-header-logo{max-width:72vw!important}
  body.page-interactive-bathroom > header.topbar .topbar-inner, body.page-interactive-bathroom > .topbar .topbar-inner, body.page-interactive-bathroom > header .generic-topbar-inner{
    grid-template-columns:1fr!important;
    grid-template-areas:"ti-logo" "ti-brand" "ti-actions"!important;
    padding:16px 20px!important;
  }
  body.page-interactive-bathroom > header.topbar .topbar-inner > .actions, body.page-interactive-bathroom > .topbar .topbar-inner > .actions, body.page-interactive-bathroom > header .generic-topbar-inner > .generic-top-actions{
    justify-self:start!important;
    justify-content:flex-start!important;
  }
  body.page-interactive-bathroom > header.ti-request-hub-header{
    flex-wrap:wrap!important;
  }
}
@media(max-width:560px){
  html.page-interactive-bathroom{--ti-logo-shared-width:232px}
  body.page-interactive-bathroom > header .top-interior-site-logo, body.page-interactive-bathroom > .topbar .top-interior-site-logo, html.page-interactive-bathroom .ti-form-site-logo, body.page-interactive-bathroom > header .ti-inline-header-logo{max-width:78vw!important}
}


/* Krok 113 – společné logo TOP INTERIOR by JOVEE Services */
html.page-interactive-bathroom{--ti-combined-logo-width:clamp(370px,31vw,500px)}
body.page-interactive-bathroom > header .top-interior-site-logo, body.page-interactive-bathroom > .topbar .top-interior-site-logo, html.page-interactive-bathroom .ti-form-site-logo, body.page-interactive-bathroom > header .ti-inline-header-logo{
  width:var(--ti-combined-logo-width)!important;
  max-width:46vw!important;
}
body.page-interactive-bathroom > header.ti-main-header .top-interior-site-logo, body.page-interactive-bathroom > header.ti-request-hub-header .top-interior-site-logo{
  width:clamp(410px,34vw,535px)!important;
  max-width:48vw!important;
}
body.page-interactive-bathroom > header .top-interior-site-logo img, body.page-interactive-bathroom > .topbar .top-interior-site-logo img, html.page-interactive-bathroom .ti-form-site-logo img, body.page-interactive-bathroom > header .ti-inline-header-logo img{
  filter:none!important;
  object-fit:contain!important;
  object-position:left center!important;
}
body.page-interactive-bathroom > header.ti-main-header, body.page-interactive-bathroom > header.ti-request-hub-header{
  padding-top:12px!important;
  padding-bottom:12px!important;
}
@media(max-width:1180px){
  html.page-interactive-bathroom{--ti-combined-logo-width:clamp(330px,43vw,450px)}
  body.page-interactive-bathroom > header.ti-main-header .top-interior-site-logo, body.page-interactive-bathroom > header.ti-request-hub-header .top-interior-site-logo{width:clamp(350px,48vw,465px)!important;max-width:58vw!important}
}
@media(max-width:900px){
  html.page-interactive-bathroom{--ti-combined-logo-width:320px}
  body.page-interactive-bathroom > header.ti-main-header .top-interior-site-logo, body.page-interactive-bathroom > header.ti-request-hub-header .top-interior-site-logo{width:340px!important;max-width:78vw!important}
}
@media(max-width:560px){
  html.page-interactive-bathroom{--ti-combined-logo-width:280px}
  body.page-interactive-bathroom > header.ti-main-header .top-interior-site-logo, body.page-interactive-bathroom > header.ti-request-hub-header .top-interior-site-logo{width:300px!important;max-width:86vw!important}
}

/* Krok 115 – vyvážená výška hlavní lišty pro společné logo */
html.page-interactive-bathroom{
  --ti-combined-logo-width:clamp(330px,25vw,390px);
}

/* Běžné interní stránky a formuláře: čitelné logo bez přerůstání. */
body.page-interactive-bathroom > header .top-interior-site-logo, body.page-interactive-bathroom > .topbar .top-interior-site-logo, html.page-interactive-bathroom .ti-form-site-logo, body.page-interactive-bathroom > header .ti-inline-header-logo{
  width:var(--ti-combined-logo-width)!important;
  max-width:42vw!important;
}

/* Hlavní navigační lišta: návrat k původní vyvážené výšce. */
body.page-interactive-bathroom > header.ti-main-header, body.page-interactive-bathroom > header.ti-request-hub-header{
  min-height:112px!important;
  padding:9px 3vw!important;
  align-items:center!important;
}
body.page-interactive-bathroom > header.ti-main-header .top-interior-site-logo, body.page-interactive-bathroom > header.ti-request-hub-header .top-interior-site-logo{
  width:clamp(360px,27vw,420px)!important;
  max-width:43vw!important;
}
body.page-interactive-bathroom > header.ti-main-header nav{
  gap:clamp(12px,1.15vw,20px)!important;
  font-size:clamp(11px,.72vw,13px)!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
}
body.page-interactive-bathroom > header.ti-main-header nav a{white-space:nowrap!important}

@media(max-width:1180px){
  html.page-interactive-bathroom{--ti-combined-logo-width:clamp(300px,31vw,350px)}
  body.page-interactive-bathroom > header.ti-main-header, body.page-interactive-bathroom > header.ti-request-hub-header{
    min-height:100px!important;
    padding:9px 3vw!important;
  }
  body.page-interactive-bathroom > header.ti-main-header .top-interior-site-logo, body.page-interactive-bathroom > header.ti-request-hub-header .top-interior-site-logo{
    width:clamp(310px,32vw,365px)!important;
    max-width:42vw!important;
  }
  body.page-interactive-bathroom > header.ti-main-header nav{
    gap:10px!important;
    font-size:11px!important;
  }
}
@media(max-width:900px){
  html.page-interactive-bathroom{--ti-combined-logo-width:290px}
  body.page-interactive-bathroom > header.ti-main-header, body.page-interactive-bathroom > header.ti-request-hub-header{
    min-height:0!important;
    padding:12px 20px!important;
  }
  body.page-interactive-bathroom > header.ti-main-header .top-interior-site-logo, body.page-interactive-bathroom > header.ti-request-hub-header .top-interior-site-logo{
    width:300px!important;
    max-width:76vw!important;
  }
}
@media(max-width:560px){
  html.page-interactive-bathroom{--ti-combined-logo-width:255px}
  body.page-interactive-bathroom > header.ti-main-header, body.page-interactive-bathroom > header.ti-request-hub-header{padding:10px 16px!important}
  body.page-interactive-bathroom > header.ti-main-header .top-interior-site-logo, body.page-interactive-bathroom > header.ti-request-hub-header .top-interior-site-logo{
    width:268px!important;
    max-width:82vw!important;
  }
}


/* ===== jap-poptavka/jap-poptavkovy-formular.html ===== */

/* Source: assets/css/jap-poptavka-jap-poptavkovy-formular.css */
/* Source style block 1 */
html.page-jap-poptavka-jap-poptavkovy-formular{
  --red:#e31b23;--black:#151719;--yellow:#f4c542;--blue:#2b75bb;--green:#38a85b;
  --ink:#22262a;--muted:#68717a;--line:#e0e4e7;--soft:#f4f6f7;--selected:#16845c;
  --shadow:0 8px 26px rgba(25,30,35,.08)
}
html.page-jap-poptavka-jap-poptavkovy-formular *{box-sizing:border-box}
html.page-jap-poptavka-jap-poptavkovy-formular{scroll-behavior:smooth}
body.page-jap-poptavka-jap-poptavkovy-formular{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;background:#eef1f3;color:var(--ink)}
html.page-jap-poptavka-jap-poptavkovy-formular button, html.page-jap-poptavka-jap-poptavkovy-formular input, html.page-jap-poptavka-jap-poptavkovy-formular select{font:inherit}html.page-jap-poptavka-jap-poptavkovy-formular a{color:inherit}
html.page-jap-poptavka-jap-poptavkovy-formular .topbar{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.97);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
html.page-jap-poptavka-jap-poptavkovy-formular .topbar-inner{max-width:1180px;margin:auto;padding:13px 20px;display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center}
html.page-jap-poptavka-jap-poptavkovy-formular .brand{display:flex;align-items:center;gap:13px}
html.page-jap-poptavka-jap-poptavkovy-formular .jap-mark{display:flex;gap:3px;align-items:flex-end;width:27px;height:42px}
html.page-jap-poptavka-jap-poptavkovy-formular .jap-mark i{display:block;width:6px;border-radius:2px 2px 0 0}
html.page-jap-poptavka-jap-poptavkovy-formular .jap-mark i:nth-child(1){height:31px;background:var(--red)}
html.page-jap-poptavka-jap-poptavkovy-formular .jap-mark i:nth-child(2){height:38px;background:var(--yellow)}
html.page-jap-poptavka-jap-poptavkovy-formular .jap-mark i:nth-child(3){height:27px;background:var(--blue)}
html.page-jap-poptavka-jap-poptavkovy-formular .jap-mark i:nth-child(4){height:34px;background:var(--green)}
html.page-jap-poptavka-jap-poptavkovy-formular .brand h1{margin:0;font-size:21px}
html.page-jap-poptavka-jap-poptavkovy-formular .actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
html.page-jap-poptavka-jap-poptavkovy-formular .btn{border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 13px;cursor:pointer;font-weight:800}
html.page-jap-poptavka-jap-poptavkovy-formular .btn.primary{background:var(--black);border-color:var(--black);color:#fff}
html.page-jap-poptavka-jap-poptavkovy-formular .badge{display:inline-flex;min-width:20px;height:20px;align-items:center;justify-content:center;background:#fff;color:var(--black);border-radius:999px;margin-left:4px;font-size:11px}
html.page-jap-poptavka-jap-poptavkovy-formular .hero, html.page-jap-poptavka-jap-poptavkovy-formular .summary, html.page-jap-poptavka-jap-poptavkovy-formular .cart-wrap, html.page-jap-poptavka-jap-poptavkovy-formular main{max-width:1180px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}
html.page-jap-poptavka-jap-poptavkovy-formular .hero{margin-top:22px}
html.page-jap-poptavka-jap-poptavkovy-formular .hero-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:var(--shadow)}
html.page-jap-poptavka-jap-poptavkovy-formular .hero-grid{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:end}
html.page-jap-poptavka-jap-poptavkovy-formular .hero h2{margin:0 0 6px}html.page-jap-poptavka-jap-poptavkovy-formular .hero p{margin:0;color:var(--muted)}
html.page-jap-poptavka-jap-poptavkovy-formular .search{min-width:330px}html.page-jap-poptavka-jap-poptavkovy-formular .search label{display:block;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;color:var(--muted)}
html.page-jap-poptavka-jap-poptavkovy-formular .search input{width:100%;border:1px solid #cbd2d9;border-radius:10px;padding:12px 13px}
html.page-jap-poptavka-jap-poptavkovy-formular .summary{margin-top:14px}html.page-jap-poptavka-jap-poptavkovy-formular .summary-card{display:flex;justify-content:space-between;gap:16px;align-items:center;background:var(--black);color:#fff;border-radius:14px;padding:14px 16px}
html.page-jap-poptavka-jap-poptavkovy-formular .summary-card span{color:#d5dade}
html.page-jap-poptavka-jap-poptavkovy-formular .cart-wrap{margin-top:14px;scroll-margin-top:92px}html.page-jap-poptavka-jap-poptavkovy-formular .cart-card{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}
html.page-jap-poptavka-jap-poptavkovy-formular .cart-head{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px 18px;background:#faf1f2;border-bottom:1px solid #f0d0d3}
html.page-jap-poptavka-jap-poptavkovy-formular .cart-head h2{margin:0;font-size:20px}html.page-jap-poptavka-jap-poptavkovy-formular .cart-head p{margin:4px 0 0;color:var(--muted);font-size:13px}
html.page-jap-poptavka-jap-poptavkovy-formular .cart-count{background:var(--red);color:#fff;padding:7px 11px;border-radius:999px;font-size:12px;font-weight:900}
html.page-jap-poptavka-jap-poptavkovy-formular .cart-empty{padding:22px 18px;text-align:center;color:var(--muted)}
html.page-jap-poptavka-jap-poptavkovy-formular .cart-table-wrap{overflow:auto}html.page-jap-poptavka-jap-poptavkovy-formular .cart-table{width:100%;border-collapse:collapse;min-width:780px}
html.page-jap-poptavka-jap-poptavkovy-formular .cart-table th, html.page-jap-poptavka-jap-poptavkovy-formular .cart-table td{padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top;text-align:left}
html.page-jap-poptavka-jap-poptavkovy-formular .cart-table th{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#65707a;background:#fafbfc}
html.page-jap-poptavka-jap-poptavkovy-formular .cart-note{font-size:11px;color:var(--muted);margin-top:3px}
html.page-jap-poptavka-jap-poptavkovy-formular .cart-remove{border:0;background:#f5e6e7;color:#a52b34;border-radius:8px;padding:7px 9px;font-weight:800;cursor:pointer}
html.page-jap-poptavka-jap-poptavkovy-formular main{margin-top:18px;margin-bottom:60px}
html.page-jap-poptavka-jap-poptavkovy-formular .product-guide{margin:0 0 14px}
html.page-jap-poptavka-jap-poptavkovy-formular .product-guide-card{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;padding:17px 19px;border-radius:16px;text-decoration:none;color:#fff;background:linear-gradient(125deg,#141517 0%,#24272a 65%,#e31b23 160%);box-shadow:var(--shadow);transition:.2s}
html.page-jap-poptavka-jap-poptavkovy-formular .product-guide-card:hover{transform:translateY(-2px);box-shadow:0 12px 34px rgba(30,35,40,.16)}
html.page-jap-poptavka-jap-poptavkovy-formular .product-guide-icon{width:64px;height:70px;border-radius:11px;background:#fff;color:#151719;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}
html.page-jap-poptavka-jap-poptavkovy-formular .product-guide-icon:after{content:"";position:absolute;right:0;top:0;border-style:solid;border-width:0 0 17px 17px;border-color:transparent transparent #dfe3e7 transparent}
html.page-jap-poptavka-jap-poptavkovy-formular .product-guide-icon span{font-size:10px;font-weight:900;letter-spacing:.08em;color:var(--red)}
html.page-jap-poptavka-jap-poptavkovy-formular .product-guide-icon b{font-size:27px;line-height:1}
html.page-jap-poptavka-jap-poptavkovy-formular .product-guide-copy h2{margin:2px 0 5px;font-size:23px}
html.page-jap-poptavka-jap-poptavkovy-formular .product-guide-copy p{margin:0;color:#e2e5e8;line-height:1.45;font-size:14px}
html.page-jap-poptavka-jap-poptavkovy-formular .product-guide-eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.11em;font-weight:900;color:#ffd95c}
html.page-jap-poptavka-jap-poptavkovy-formular .product-guide-action{white-space:nowrap;background:var(--red);padding:11px 14px;border-radius:10px;font-weight:900;font-size:13px}
html.page-jap-poptavka-jap-poptavkovy-formular .category-header{background:#fff;border:1px solid var(--line);border-left:8px solid var(--red);border-radius:12px;padding:14px 16px;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center}
html.page-jap-poptavka-jap-poptavkovy-formular .category-header h2{margin:2px 0 0;font-size:21px}html.page-jap-poptavka-jap-poptavkovy-formular .eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.09em;font-weight:900;color:var(--red)}
html.page-jap-poptavka-jap-poptavkovy-formular .count{font-size:13px;color:var(--muted);font-weight:800}
html.page-jap-poptavka-jap-poptavkovy-formular .product-row{display:grid;grid-template-columns:340px 1fr;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;margin:10px 0;box-shadow:0 2px 8px rgba(30,35,40,.03)}
html.page-jap-poptavka-jap-poptavkovy-formular .product-row.selected{border-color:rgba(22,132,92,.5);box-shadow:0 0 0 3px rgba(22,132,92,.08)}
html.page-jap-poptavka-jap-poptavkovy-formular .product-row.is-search-hidden{display:none!important}html.page-jap-poptavka-jap-poptavkovy-formular [hidden]{display:none!important}
html.page-jap-poptavka-jap-poptavkovy-formular .product-visual{background:#f3f5f6;padding:15px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:11px}
html.page-jap-poptavka-jap-poptavkovy-formular .image-link{display:block;position:relative;border-radius:10px;overflow:hidden;background:#fff;border:1px solid #dfe4e8;text-decoration:none}
html.page-jap-poptavka-jap-poptavkovy-formular .image-link img{width:100%;height:205px;object-fit:cover;object-position:center top;display:block;transition:.2s}
html.page-jap-poptavka-jap-poptavkovy-formular .image-link span{position:absolute;left:8px;right:8px;bottom:7px;background:rgba(20,22,24,.88);color:#fff;padding:6px 8px;border-radius:7px;text-align:center;font-size:11px;font-weight:800;opacity:0;transform:translateY(4px);transition:.2s}
html.page-jap-poptavka-jap-poptavkovy-formular .image-link:hover img{transform:scale(1.025)}html.page-jap-poptavka-jap-poptavkovy-formular .image-link:hover span{opacity:1;transform:none}
html.page-jap-poptavka-jap-poptavkovy-formular .price-box{background:#fff;border:1px solid #dde2e6;border-radius:10px;padding:10px 12px}
html.page-jap-poptavka-jap-poptavkovy-formular .price-box small{display:block;color:var(--muted);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}
html.page-jap-poptavka-jap-poptavkovy-formular .price-box strong{font-size:14px}html.page-jap-poptavka-jap-poptavkovy-formular .price-box em{display:block;font-size:10px;color:#858d95;font-style:normal;margin-top:3px}
html.page-jap-poptavka-jap-poptavkovy-formular .product-panel{padding:16px 18px;display:grid;grid-template-columns:1fr 190px;gap:12px 18px;align-items:start}
html.page-jap-poptavka-jap-poptavkovy-formular .product-heading{grid-column:1/-1;display:flex;justify-content:space-between;gap:12px;align-items:start}
html.page-jap-poptavka-jap-poptavkovy-formular .product-heading h3{margin:0;font-size:18px}html.page-jap-poptavka-jap-poptavkovy-formular .product-heading h3 a{text-decoration:none}html.page-jap-poptavka-jap-poptavkovy-formular .product-heading h3 a:hover{color:var(--red);text-decoration:underline}
html.page-jap-poptavka-jap-poptavkovy-formular .product-heading p{margin:5px 0 0;color:var(--muted);font-size:13px;line-height:1.45}
html.page-jap-poptavka-jap-poptavkovy-formular .order-number{display:inline-flex;width:28px;height:28px;border-radius:999px;background:var(--red);color:#fff;align-items:center;justify-content:center;font-size:12px;font-weight:900;margin-right:8px;vertical-align:middle}
html.page-jap-poptavka-jap-poptavkovy-formular .status{background:#eef1f4;color:#69727b;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:800;white-space:nowrap}html.page-jap-poptavka-jap-poptavkovy-formular .selected .status{background:#e5f6ee;color:var(--selected)}
html.page-jap-poptavka-jap-poptavkovy-formular .request-table{width:100%;border-collapse:collapse;border:1px solid var(--line);border-radius:10px;overflow:hidden}
html.page-jap-poptavka-jap-poptavkovy-formular .request-table th, html.page-jap-poptavka-jap-poptavkovy-formular .request-table td{border-bottom:1px solid var(--line);padding:8px 10px;text-align:left}
html.page-jap-poptavka-jap-poptavkovy-formular .request-table tr:last-child th, html.page-jap-poptavka-jap-poptavkovy-formular .request-table tr:last-child td{border-bottom:0}
html.page-jap-poptavka-jap-poptavkovy-formular .request-table th{width:145px;background:var(--soft);font-size:12px;color:#59636d}
html.page-jap-poptavka-jap-poptavkovy-formular .request-table input, html.page-jap-poptavka-jap-poptavkovy-formular .request-table select{width:100%;border:1px solid #cbd2d8;border-radius:8px;padding:9px 10px;background:#fff}
html.page-jap-poptavka-jap-poptavkovy-formular .add-btn{align-self:stretch;min-height:100%;border:0;background:var(--black);color:#fff;border-radius:10px;padding:14px;font-size:15px;font-weight:900;cursor:pointer}
html.page-jap-poptavka-jap-poptavkovy-formular .selected .add-btn{background:var(--selected)}
html.page-jap-poptavka-jap-poptavkovy-formular .empty{display:none;background:#fff4e8;border:1px solid #ffd6ad;padding:18px;border-radius:12px;margin-top:18px}
@media(max-width:880px){
 html.page-jap-poptavka-jap-poptavkovy-formular .topbar-inner{grid-template-columns:1fr}html.page-jap-poptavka-jap-poptavkovy-formular .actions{justify-content:flex-start}html.page-jap-poptavka-jap-poptavkovy-formular .hero-grid{grid-template-columns:1fr}html.page-jap-poptavka-jap-poptavkovy-formular .search{min-width:0}
 html.page-jap-poptavka-jap-poptavkovy-formular .product-guide-card{grid-template-columns:auto 1fr}html.page-jap-poptavka-jap-poptavkovy-formular .product-guide-action{grid-column:1/-1;text-align:center}
 html.page-jap-poptavka-jap-poptavkovy-formular .product-row{grid-template-columns:1fr}html.page-jap-poptavka-jap-poptavkovy-formular .product-visual{border-right:0;border-bottom:1px solid var(--line)}
 html.page-jap-poptavka-jap-poptavkovy-formular .product-panel{grid-template-columns:1fr}html.page-jap-poptavka-jap-poptavkovy-formular .add-btn{min-height:auto}html.page-jap-poptavka-jap-poptavkovy-formular .product-heading{grid-column:auto}
}
@media print{
 html.page-jap-poptavka-jap-poptavkovy-formular .topbar, html.page-jap-poptavka-jap-poptavkovy-formular .hero, html.page-jap-poptavka-jap-poptavkovy-formular .summary, html.page-jap-poptavka-jap-poptavkovy-formular .cart-wrap, html.page-jap-poptavka-jap-poptavkovy-formular .product-guide, html.page-jap-poptavka-jap-poptavkovy-formular .add-btn, html.page-jap-poptavka-jap-poptavkovy-formular .status{display:none!important}
 body.page-jap-poptavka-jap-poptavkovy-formular{background:#fff}html.page-jap-poptavka-jap-poptavkovy-formular main{max-width:none;margin:0;padding:0}html.page-jap-poptavka-jap-poptavkovy-formular .product-row{break-inside:avoid;box-shadow:none}html.page-jap-poptavka-jap-poptavkovy-formular .product-row:not(.selected){display:none}
}

html.page-jap-poptavka-jap-poptavkovy-formular .lang-badge{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:31px;height:21px;margin-left:8px;padding:0 7px;
  border-radius:999px;font-size:10px;font-weight:900;
  letter-spacing:.06em;vertical-align:middle
}
html.page-jap-poptavka-jap-poptavkovy-formular .lang-badge.en{background:#e8f1fb;color:#1d5f9d;border:1px solid #bed4eb}
html.page-jap-poptavka-jap-poptavkovy-formular .lang-badge.cz{background:#fff0f1;color:#b31f29;border:1px solid #efc5c8}

/* Integrace JAP do TOP INTERIOR */
html.page-jap-poptavka-jap-poptavkovy-formular .jap-back-link{
  display:inline-flex;
  align-items:center;
  text-decoration:none;
}
html.page-jap-poptavka-jap-poptavkovy-formular .product-guide-card-static{
  cursor:default;
}
html.page-jap-poptavka-jap-poptavkovy-formular .product-guide-card-static:hover{
  transform:none;
  box-shadow:var(--shadow);
}
html.page-jap-poptavka-jap-poptavkovy-formular .product-guide-links{
  display:flex;
  flex-direction:column;
  gap:8px;
  min-width:225px;
}
html.page-jap-poptavka-jap-poptavkovy-formular .product-guide-links .product-guide-action{
  display:flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  text-align:center;
  white-space:normal;
}
html.page-jap-poptavka-jap-poptavkovy-formular .product-guide-links .product-guide-action.secondary{
  background:#fff;
  color:#151719;
  border:1px solid rgba(255,255,255,.85);
}
html.page-jap-poptavka-jap-poptavkovy-formular .unified-inquiry-info{
  max-width:1180px;
  margin:14px auto 0;
  padding:12px 20px;
  color:#5d6670;
  font-size:12px;
  line-height:1.5;
}
html.page-jap-poptavka-jap-poptavkovy-formular .unified-inquiry-info strong{color:var(--red)}
@media(max-width:880px){
  html.page-jap-poptavka-jap-poptavkovy-formular .product-guide-links{
    grid-column:1/-1;
    width:100%;
  }
}

/* Krok 75 – item 12 zobrazuje fotografii, ne text stránky */
html.page-jap-poptavka-jap-poptavkovy-formular .product-row[data-id="JAP-012"] .image-link img{
  width:100%!important;
  height:180px!important;
  object-fit:cover!important;
  object-position:center center!important;
}

/* Krok 76 – vlastní fotografie JAP pro šatní systémy, stříšky a vchodové systémy */
html.page-jap-poptavka-jap-poptavkovy-formular .product-row[data-id="JAP-007"] .image-link img, html.page-jap-poptavka-jap-poptavkovy-formular .product-row[data-id="JAP-011"] .image-link img, html.page-jap-poptavka-jap-poptavkovy-formular .product-row[data-id="JAP-012"] .image-link img{
  width:100%!important;
  height:180px!important;
  object-fit:cover!important;
  object-position:center center!important;
}

/* Krok 77 – jednotná hlavička a pozice tlačítek všech detailních formulářů */
html.page-jap-poptavka-jap-poptavkovy-formular .topbar-inner{
  width:100%!important;max-width:1180px!important;min-height:78px!important;
  margin:0 auto!important;padding:12px 20px!important;box-sizing:border-box!important;
  display:grid!important;grid-template-columns:minmax(270px,1fr) 817px!important;
  gap:18px!important;align-items:center!important
}
html.page-jap-poptavka-jap-poptavkovy-formular .brand{min-width:0!important;display:flex!important;align-items:center!important;gap:13px!important}
html.page-jap-poptavka-jap-poptavkovy-formular .brand-mark, html.page-jap-poptavka-jap-poptavkovy-formular .jap-mark{display:none!important}
html.page-jap-poptavka-jap-poptavkovy-formular .form-brand-logo{
  display:block!important;width:138px!important;height:48px!important;flex:0 0 138px!important;
  object-fit:contain!important;object-position:left center!important
}
html.page-jap-poptavka-jap-poptavkovy-formular .brand h1{margin:0!important;font-size:17px!important;line-height:1.18!important;white-space:normal!important}
html.page-jap-poptavka-jap-poptavkovy-formular .topbar-inner > .actions{
  width:817px!important;display:grid!important;
  grid-template-columns:150px 88px 120px 105px 220px 94px!important;
  gap:8px!important;align-items:stretch!important;justify-content:end!important;flex-wrap:nowrap!important
}
html.page-jap-poptavka-jap-poptavkovy-formular .topbar-inner > .actions>a, html.page-jap-poptavka-jap-poptavkovy-formular .topbar-inner > .actions>button, html.page-jap-poptavka-jap-poptavkovy-formular .topbar-inner .top-interior-back, html.page-jap-poptavka-jap-poptavkovy-formular .topbar-inner .jap-back-link{
  order:initial!important;
  width:100%!important;height:44px!important;min-height:44px!important;margin:0!important;
  padding:8px 9px!important;box-sizing:border-box!important;display:flex!important;
  align-items:center!important;justify-content:center!important;text-align:center!important;
  line-height:1.12!important;font-size:11px!important;text-decoration:none!important;white-space:normal!important
}
html.page-jap-poptavka-jap-poptavkovy-formular .add-btn{min-height:44px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important}
@media(max-width:1180px){
 html.page-jap-poptavka-jap-poptavkovy-formular .topbar-inner{grid-template-columns:1fr!important}
 html.page-jap-poptavka-jap-poptavkovy-formular .topbar-inner > .actions{width:100%!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:700px){
 html.page-jap-poptavka-jap-poptavkovy-formular .form-brand-logo{width:118px!important;height:43px!important;flex-basis:118px!important}
 html.page-jap-poptavka-jap-poptavkovy-formular .topbar-inner > .actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* Krok 78 – loga z hlavních dlaždic a stejné pozice horních tlačítek */
html.page-jap-poptavka-jap-poptavkovy-formular .topbar{
  padding:0!important;
}
html.page-jap-poptavka-jap-poptavkovy-formular .topbar-inner{
  width:100%!important;
  max-width:1180px!important;
  min-height:78px!important;
  margin:0 auto!important;
  padding:12px 20px!important;
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:minmax(270px,1fr) 817px!important;
  gap:18px!important;
  align-items:center!important;
}
html.page-jap-poptavka-jap-poptavkovy-formular .topbar .brand{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:13px!important;
}
html.page-jap-poptavka-jap-poptavkovy-formular .topbar .form-brand-logo{
  display:block!important;
  width:138px!important;
  height:48px!important;
  flex:0 0 138px!important;
  object-fit:contain!important;
  object-position:left center!important;
}
html.page-jap-poptavka-jap-poptavkovy-formular .topbar .brand h1{
  margin:0!important;
  font-size:17px!important;
  line-height:1.18!important;
}
html.page-jap-poptavka-jap-poptavkovy-formular .topbar .actions{
  width:817px!important;
  display:grid!important;
  grid-template-columns:150px 88px 120px 105px 220px 94px!important;
  gap:8px!important;
  align-items:stretch!important;
  justify-content:stretch!important;
  margin:0!important;
}
html.page-jap-poptavka-jap-poptavkovy-formular .topbar .actions > a, html.page-jap-poptavka-jap-poptavkovy-formular .topbar .actions > button{
  width:100%!important;
  height:44px!important;
  min-height:44px!important;
  margin:0!important;
  padding:8px 9px!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  line-height:1.12!important;
  font-size:11px!important;
  white-space:normal!important;
}
@media(max-width:1180px){
  html.page-jap-poptavka-jap-poptavkovy-formular .topbar-inner{
    grid-template-columns:1fr!important;
  }
  html.page-jap-poptavka-jap-poptavkovy-formular .topbar .actions{
    width:100%!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}
@media(max-width:700px){
  html.page-jap-poptavka-jap-poptavkovy-formular .topbar .form-brand-logo{
    width:118px!important;
    height:43px!important;
    flex-basis:118px!important;
  }
  html.page-jap-poptavka-jap-poptavkovy-formular .topbar .actions{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

/* Source style block 2 */
body.page-jap-poptavka-jap-poptavkovy-formular{font-family:Arial;margin:28px;color:#20252b}html.page-jap-poptavka-jap-poptavkovy-formular h1{margin:0 0 5px}html.page-jap-poptavka-jap-poptavkovy-formular p{color:#68717b}html.page-jap-poptavka-jap-poptavkovy-formular table{width:100%;border-collapse:collapse;margin-top:20px}html.page-jap-poptavka-jap-poptavkovy-formular th, html.page-jap-poptavka-jap-poptavkovy-formular td{border:1px solid #d9dee2;padding:9px;text-align:left;vertical-align:top}html.page-jap-poptavka-jap-poptavkovy-formular th{background:#f3f5f7}html.page-jap-poptavka-jap-poptavkovy-formular small{color:#68717b}


/* Source: assets/css/site-responsive.css */
/* Shared responsive and accessibility layer. Mobile-first; page-specific CSS remains unchanged. */
html.page-jap-poptavka-jap-poptavkovy-formular{ --touch-target: 2.75rem; }
html.page-jap-poptavka-jap-poptavkovy-formular{ width: 100%; overflow-x: hidden; -webkit-text-size-adjust: 100%; }
body.page-jap-poptavka-jap-poptavkovy-formular{ width: 100%; min-width: 0; overflow-x: clip; }
html.page-jap-poptavka-jap-poptavkovy-formular img, html.page-jap-poptavka-jap-poptavkovy-formular picture, html.page-jap-poptavka-jap-poptavkovy-formular video, html.page-jap-poptavka-jap-poptavkovy-formular canvas, html.page-jap-poptavka-jap-poptavkovy-formular svg{ display: block; max-width: 100%; height: auto; }
html.page-jap-poptavka-jap-poptavkovy-formular iframe{ max-width: 100%; }
html.page-jap-poptavka-jap-poptavkovy-formular main, html.page-jap-poptavka-jap-poptavkovy-formular section, html.page-jap-poptavka-jap-poptavkovy-formular article, html.page-jap-poptavka-jap-poptavkovy-formular header, html.page-jap-poptavka-jap-poptavkovy-formular footer, html.page-jap-poptavka-jap-poptavkovy-formular nav, html.page-jap-poptavka-jap-poptavkovy-formular form, html.page-jap-poptavka-jap-poptavkovy-formular fieldset, html.page-jap-poptavka-jap-poptavkovy-formular .wrap, html.page-jap-poptavka-jap-poptavkovy-formular .container{ min-width: 0; }
html.page-jap-poptavka-jap-poptavkovy-formular button, html.page-jap-poptavka-jap-poptavkovy-formular input, html.page-jap-poptavka-jap-poptavkovy-formular select, html.page-jap-poptavka-jap-poptavkovy-formular textarea{ max-width: 100%; font: inherit; }
html.page-jap-poptavka-jap-poptavkovy-formular button, html.page-jap-poptavka-jap-poptavkovy-formular input[type="button"], html.page-jap-poptavka-jap-poptavkovy-formular input[type="submit"], html.page-jap-poptavka-jap-poptavkovy-formular input[type="reset"], html.page-jap-poptavka-jap-poptavkovy-formular select, html.page-jap-poptavka-jap-poptavkovy-formular .btn, html.page-jap-poptavka-jap-poptavkovy-formular .button, html.page-jap-poptavka-jap-poptavkovy-formular [role="button"]{ min-height: var(--touch-target); }
html.page-jap-poptavka-jap-poptavkovy-formular textarea{ min-height: 7rem; resize: vertical; }
html.page-jap-poptavka-jap-poptavkovy-formular .ti-mobile-menu-toggle{
  display: inline-flex; align-items: center; justify-content: center; gap: .5rem;
  min-width: var(--touch-target); min-height: var(--touch-target); padding: .65rem .8rem;
  border: 1px solid rgba(214,177,95,.7); background: rgba(18,8,28,.72);
  color: #f4ead0; font-weight: 800; cursor: pointer;
}
html.page-jap-poptavka-jap-poptavkovy-formular .ti-mobile-menu-toggle__icon, html.page-jap-poptavka-jap-poptavkovy-formular .ti-mobile-menu-toggle__icon::before, html.page-jap-poptavka-jap-poptavkovy-formular .ti-mobile-menu-toggle__icon::after{
  display: block; width: 1.25rem; height: .125rem; background: currentColor; content: ""; transition: transform .2s ease;
}
html.page-jap-poptavka-jap-poptavkovy-formular .ti-mobile-menu-toggle__icon{ position: relative; }
html.page-jap-poptavka-jap-poptavkovy-formular .ti-mobile-menu-toggle__icon::before{ position: absolute; top: -.4rem; }
html.page-jap-poptavka-jap-poptavkovy-formular .ti-mobile-menu-toggle__icon::after{ position: absolute; top: .4rem; }
html.page-jap-poptavka-jap-poptavkovy-formular header.ti-mobile-nav-header{ flex-wrap: wrap; }
html.page-jap-poptavka-jap-poptavkovy-formular header.ti-mobile-nav-header > nav{ display: none !important; width: 100%; flex-direction: column; align-items: stretch; gap: .25rem; padding-top: .75rem; }
html.page-jap-poptavka-jap-poptavkovy-formular header.ti-nav-open > nav{ display: flex !important; }
html.page-jap-poptavka-jap-poptavkovy-formular header.ti-mobile-nav-header > nav a{ display: flex; align-items: center; min-height: var(--touch-target); padding: .65rem .75rem; }
@media (max-width: 47.99rem) {
  html.page-jap-poptavka-jap-poptavkovy-formular h1{ overflow-wrap: anywhere; }
  html.page-jap-poptavka-jap-poptavkovy-formular .wrap, html.page-jap-poptavka-jap-poptavkovy-formular .container{ width: 100%; padding-inline: clamp(1rem, 4vw, 1.5rem); }
  html.page-jap-poptavka-jap-poptavkovy-formular .grid, html.page-jap-poptavka-jap-poptavkovy-formular .cards, html.page-jap-poptavka-jap-poptavkovy-formular .card-grid, html.page-jap-poptavka-jap-poptavkovy-formular .brand-grid, html.page-jap-poptavka-jap-poptavkovy-formular .product-grid, html.page-jap-poptavka-jap-poptavkovy-formular .form-grid{ grid-template-columns: minmax(0, 1fr) !important; }
  html.page-jap-poptavka-jap-poptavkovy-formular table{ display: block; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
}
@media (min-width: 56.25rem) {
  html.page-jap-poptavka-jap-poptavkovy-formular .ti-mobile-menu-toggle{ display: none; }
  html.page-jap-poptavka-jap-poptavkovy-formular header.ti-mobile-nav-header{ flex-wrap: nowrap; }
  html.page-jap-poptavka-jap-poptavkovy-formular header.ti-mobile-nav-header > nav{ display: flex !important; width: auto; flex-direction: row; align-items: center; padding-top: 0; }
  html.page-jap-poptavka-jap-poptavkovy-formular header.ti-mobile-nav-header > nav a{ min-height: auto; padding: 0; }
}
@media (prefers-reduced-motion: reduce) {
  html.page-jap-poptavka-jap-poptavkovy-formular *, html.page-jap-poptavka-jap-poptavkovy-formular *::before, html.page-jap-poptavka-jap-poptavkovy-formular *::after{ scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}


/* Source: assets/css/top-interior-velvet-header.css */
/* Krok 97 – jednotná sametová horní lišta a logo TOP INTERIOR */
body.page-jap-poptavka-jap-poptavkovy-formular > header, body.page-jap-poptavka-jap-poptavkovy-formular > .topbar{
  background-color:#17081f!important;
  background-image:
    linear-gradient(90deg,rgba(8,3,12,.28),rgba(42,8,54,.08) 45%,rgba(8,3,12,.38)),
    url("../assets/images/top-interior-velvet-header.jpg")!important;
  background-position:center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  border-top:0!important;
  border-bottom:1px solid rgba(214,177,95,.58)!important;
  box-shadow:0 9px 28px rgba(0,0,0,.34)!important;
}

/* Hlavní logo na standardních stránkách */
body.page-jap-poptavka-jap-poptavkovy-formular > header .top-interior-site-logo, body.page-jap-poptavka-jap-poptavkovy-formular > .topbar .top-interior-site-logo{
  display:block!important;
  flex:0 0 auto!important;
  width:clamp(220px,18vw,280px)!important;
  max-width:42vw!important;
  line-height:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.page-jap-poptavka-jap-poptavkovy-formular > header .top-interior-site-logo img, body.page-jap-poptavka-jap-poptavkovy-formular > .topbar .top-interior-site-logo img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  filter:drop-shadow(0 3px 4px rgba(0,0,0,.8)) drop-shadow(0 0 8px rgba(214,177,95,.16));
}
body.page-jap-poptavka-jap-poptavkovy-formular > header nav a, body.page-jap-poptavka-jap-poptavkovy-formular > header .nav a, body.page-jap-poptavka-jap-poptavkovy-formular > header .back, body.page-jap-poptavka-jap-poptavkovy-formular > header .outline{
  color:#f3e9f5!important;
  text-shadow:0 1px 3px rgba(0,0,0,.75);
}
body.page-jap-poptavka-jap-poptavkovy-formular > header nav a:hover, body.page-jap-poptavka-jap-poptavkovy-formular > header .nav a:hover{color:#f1cf77!important}

/* Logo TOP INTERIOR doplněné do poptávkových formulářů */
html.page-jap-poptavka-jap-poptavkovy-formular .ti-form-site-logo{
  position:absolute;
  left:20px;
  top:50%;
  transform:translateY(-50%);
  display:block;
  width:clamp(178px,15vw,220px);
  max-width:23vw;
  line-height:0;
  z-index:2;
}
html.page-jap-poptavka-jap-poptavkovy-formular .ti-form-site-logo img{
  display:block;
  width:100%;
  height:auto;
  filter:drop-shadow(0 3px 4px rgba(0,0,0,.82)) drop-shadow(0 0 7px rgba(214,177,95,.14));
}
body.page-jap-poptavka-jap-poptavkovy-formular > header.topbar .topbar-inner, body.page-jap-poptavka-jap-poptavkovy-formular > .topbar .topbar-inner{
  position:relative!important;
  max-width:1500px!important;
  min-height:78px!important;
  padding-left:clamp(222px,20vw,292px)!important;
}
body.page-jap-poptavka-jap-poptavkovy-formular > header.topbar .brand h1, body.page-jap-poptavka-jap-poptavkovy-formular > header.topbar .brand p, body.page-jap-poptavka-jap-poptavkovy-formular > .topbar .brand h1, body.page-jap-poptavka-jap-poptavkovy-formular > .topbar .brand p, body.page-jap-poptavka-jap-poptavkovy-formular > header.topbar .brand-title h1, body.page-jap-poptavka-jap-poptavkovy-formular > header.topbar .brand-title p, body.page-jap-poptavka-jap-poptavkovy-formular > .topbar .brand-title h1, body.page-jap-poptavka-jap-poptavkovy-formular > .topbar .brand-title p{
  color:#fff!important;
  text-shadow:0 1px 3px rgba(0,0,0,.75)!important;
}
body.page-jap-poptavka-jap-poptavkovy-formular > header.topbar .brand p, body.page-jap-poptavka-jap-poptavkovy-formular > .topbar .brand p, body.page-jap-poptavka-jap-poptavkovy-formular > header.topbar .brand-title p, body.page-jap-poptavka-jap-poptavkovy-formular > .topbar .brand-title p{color:#ded0e5!important}
body.page-jap-poptavka-jap-poptavkovy-formular > header.topbar .actions .btn, body.page-jap-poptavka-jap-poptavkovy-formular > .topbar .actions .btn, body.page-jap-poptavka-jap-poptavkovy-formular > header.topbar .actions a, body.page-jap-poptavka-jap-poptavkovy-formular > .topbar .actions a{
  box-shadow:0 3px 10px rgba(0,0,0,.22);
}

/* Obecný značkový poptávkový formulář */
body.page-jap-poptavka-jap-poptavkovy-formular > header .generic-topbar-inner{
  position:relative!important;
  width:100%!important;
  max-width:1500px!important;
  margin:auto!important;
  min-height:64px!important;
  padding-left:clamp(222px,20vw,292px)!important;
}
body.page-jap-poptavka-jap-poptavkovy-formular > header .generic-form-brand, body.page-jap-poptavka-jap-poptavkovy-formular > header .generic-top-actions{color:#fff!important}

/* Interaktivní koupelna */
body.page-jap-poptavka-jap-poptavkovy-formular > header .ti-inline-header-logo{
  display:block;
  width:clamp(220px,20vw,292px);
  line-height:0;
  margin:0 0 10px;
}
body.page-jap-poptavka-jap-poptavkovy-formular > header .ti-inline-header-logo img{display:block;width:100%;height:auto;filter:drop-shadow(0 3px 4px rgba(0,0,0,.8))}
body.page-jap-poptavka-jap-poptavkovy-formular > header.ti-inline-header{max-width:none!important;margin:0!important;padding:14px max(24px,calc((100vw - 1760px)/2)) 15px!important}
body.page-jap-poptavka-jap-poptavkovy-formular > header.ti-inline-header h1{color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.75)}

@media(max-width:900px){
  body.page-jap-poptavka-jap-poptavkovy-formular > header .top-interior-site-logo, body.page-jap-poptavka-jap-poptavkovy-formular > .topbar .top-interior-site-logo{width:210px!important;max-width:60vw!important}
  body.page-jap-poptavka-jap-poptavkovy-formular > header.topbar .topbar-inner, body.page-jap-poptavka-jap-poptavkovy-formular > .topbar .topbar-inner, body.page-jap-poptavka-jap-poptavkovy-formular > header .generic-topbar-inner{
    padding-left:20px!important;
    min-height:0!important;
  }
  html.page-jap-poptavka-jap-poptavkovy-formular .ti-form-site-logo{
    position:relative;
    left:auto;top:auto;transform:none;
    width:210px;max-width:64vw;
    grid-column:1/-1;
    margin:0 0 4px;
  }
}
@media(max-width:560px){
  body.page-jap-poptavka-jap-poptavkovy-formular > header .top-interior-site-logo, body.page-jap-poptavka-jap-poptavkovy-formular > .topbar .top-interior-site-logo{width:188px!important;max-width:66vw!important}
  html.page-jap-poptavka-jap-poptavkovy-formular .ti-form-site-logo{width:190px}
}


/* Krok 98 – sjednocené logo, zvětšená hlavní lišta a informační doložka */
html.page-jap-poptavka-jap-poptavkovy-formular{
  --ti-logo-secondary-width:clamp(190px,16vw,230px);
  --ti-logo-form-width:clamp(162px,14vw,184px);
}

/* Jednotný vzhled loga na všech běžných a interních stránkách */
body.page-jap-poptavka-jap-poptavkovy-formular > header .top-interior-site-logo, body.page-jap-poptavka-jap-poptavkovy-formular > .topbar .top-interior-site-logo{
  width:var(--ti-logo-secondary-width)!important;
  max-width:min(48vw,230px)!important;
  min-width:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.page-jap-poptavka-jap-poptavkovy-formular > header .top-interior-site-logo img, body.page-jap-poptavka-jap-poptavkovy-formular > .topbar .top-interior-site-logo img, html.page-jap-poptavka-jap-poptavkovy-formular .ti-form-site-logo img, body.page-jap-poptavka-jap-poptavkovy-formular > header .ti-inline-header-logo img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  clip-path:none!important;
}

/* Hlavní stránka: lišta přibližně o 70 % vyšší a úměrně větší logo */
body.page-jap-poptavka-jap-poptavkovy-formular > header.ti-main-header{
  min-height:106px!important;
  padding:22px 3vw!important;
  align-items:center!important;
}
body.page-jap-poptavka-jap-poptavkovy-formular > header.ti-main-header .top-interior-site-logo{
  width:clamp(300px,24vw,372px)!important;
  max-width:38vw!important;
}
body.page-jap-poptavka-jap-poptavkovy-formular > header.ti-main-header nav{
  align-self:center!important;
}

/* Poptávkové formuláře: celé, nepřerostlé a shodné logo */
html.page-jap-poptavka-jap-poptavkovy-formular .ti-form-site-logo{
  position:absolute!important;
  left:22px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  display:block!important;
  width:var(--ti-logo-form-width)!important;
  max-width:184px!important;
  min-width:0!important;
  line-height:0!important;
  overflow:visible!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  z-index:3!important;
}
body.page-jap-poptavka-jap-poptavkovy-formular > header.topbar .topbar-inner, body.page-jap-poptavka-jap-poptavkovy-formular > .topbar .topbar-inner, body.page-jap-poptavka-jap-poptavkovy-formular > header .generic-topbar-inner{
  padding-left:clamp(212px,18vw,246px)!important;
  min-height:82px!important;
}

/* Společná informační doložka ve spodní části všech stránek */
html.page-jap-poptavka-jap-poptavkovy-formular .ti-site-notice{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:22px max(22px,5vw)!important;
  border-top:1px solid rgba(214,177,95,.32)!important;
  background:#09050f!important;
  color:#cfc2d5!important;
  font:400 11px/1.65 Inter,Arial,sans-serif!important;
  letter-spacing:0!important;
  text-align:left!important;
}
html.page-jap-poptavka-jap-poptavkovy-formular .ti-site-notice strong{
  color:#e2c577!important;
  font-weight:800!important;
}
html.page-jap-poptavka-jap-poptavkovy-formular .ti-site-notice p{
  max-width:1380px!important;
  margin:0 auto!important;
}

@media(max-width:1180px){
  body.page-jap-poptavka-jap-poptavkovy-formular > header.ti-main-header{
    min-height:0!important;
    padding:19px 3vw!important;
  }
  body.page-jap-poptavka-jap-poptavkovy-formular > header.ti-main-header .top-interior-site-logo{
    width:clamp(270px,34vw,340px)!important;
    max-width:58vw!important;
  }
}
@media(max-width:900px){
  body.page-jap-poptavka-jap-poptavkovy-formular > header .top-interior-site-logo, body.page-jap-poptavka-jap-poptavkovy-formular > .topbar .top-interior-site-logo{
    width:210px!important;
    max-width:64vw!important;
  }
  body.page-jap-poptavka-jap-poptavkovy-formular > header.ti-main-header{
    padding:18px 20px!important;
  }
  body.page-jap-poptavka-jap-poptavkovy-formular > header.ti-main-header .top-interior-site-logo{
    width:260px!important;
    max-width:72vw!important;
  }
  body.page-jap-poptavka-jap-poptavkovy-formular > header.topbar .topbar-inner, body.page-jap-poptavka-jap-poptavkovy-formular > .topbar .topbar-inner, body.page-jap-poptavka-jap-poptavkovy-formular > header .generic-topbar-inner{
    padding-left:20px!important;
    min-height:0!important;
  }
  html.page-jap-poptavka-jap-poptavkovy-formular .ti-form-site-logo{
    position:relative!important;
    left:auto!important;
    top:auto!important;
    transform:none!important;
    width:184px!important;
    max-width:56vw!important;
    grid-column:1/-1!important;
    margin:0 0 8px!important;
  }
}
@media(max-width:560px){
  body.page-jap-poptavka-jap-poptavkovy-formular > header.ti-main-header .top-interior-site-logo{
    width:232px!important;
    max-width:78vw!important;
  }
  html.page-jap-poptavka-jap-poptavkovy-formular .ti-form-site-logo{
    width:172px!important;
    max-width:62vw!important;
  }
  html.page-jap-poptavka-jap-poptavkovy-formular .ti-site-notice{
    padding:18px 17px!important;
    font-size:10.5px!important;
  }
}


/* Krok 99 – kompaktnější hlavní lišta a dvouřádkové hlavičky poptávek */
html.page-jap-poptavka-jap-poptavkovy-formular{
  --ti-logo-shared-width:clamp(300px,24vw,372px);
}

/* Jedna velikost a jeden vzhled loga na všech stránkách. */
body.page-jap-poptavka-jap-poptavkovy-formular > header .top-interior-site-logo, body.page-jap-poptavka-jap-poptavkovy-formular > .topbar .top-interior-site-logo, html.page-jap-poptavka-jap-poptavkovy-formular .ti-form-site-logo, body.page-jap-poptavka-jap-poptavkovy-formular > header .ti-inline-header-logo{
  width:var(--ti-logo-shared-width)!important;
  max-width:38vw!important;
  min-width:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  line-height:0!important;
}
body.page-jap-poptavka-jap-poptavkovy-formular > header .top-interior-site-logo img, body.page-jap-poptavka-jap-poptavkovy-formular > .topbar .top-interior-site-logo img, html.page-jap-poptavka-jap-poptavkovy-formular .ti-form-site-logo img, body.page-jap-poptavka-jap-poptavkovy-formular > header .ti-inline-header-logo img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:left center!important;
  clip-path:none!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* Hlavní stránka: lišta o přibližně 10 % nižší, velikost loga zůstává. */
body.page-jap-poptavka-jap-poptavkovy-formular > header.ti-main-header, body.page-jap-poptavka-jap-poptavkovy-formular > header.ti-request-hub-header{
  min-height:96px!important;
  padding:20px 3vw!important;
  align-items:center!important;
}
body.page-jap-poptavka-jap-poptavkovy-formular > header.ti-main-header .top-interior-site-logo, body.page-jap-poptavka-jap-poptavkovy-formular > header.ti-request-hub-header .top-interior-site-logo{
  width:var(--ti-logo-shared-width)!important;
  max-width:38vw!important;
}

/* Poptávkové formuláře: logo je samostatně v prvním řádku vlevo. */
body.page-jap-poptavka-jap-poptavkovy-formular > header.topbar .topbar-inner, body.page-jap-poptavka-jap-poptavkovy-formular > .topbar .topbar-inner{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-areas:
    "ti-logo ti-logo"
    "ti-brand ti-actions"!important;
  align-items:center!important;
  column-gap:22px!important;
  row-gap:13px!important;
  width:100%!important;
  max-width:none!important;
  padding:18px 3vw!important;
  min-height:0!important;
}
body.page-jap-poptavka-jap-poptavkovy-formular > header.topbar .topbar-inner > .ti-form-site-logo, body.page-jap-poptavka-jap-poptavkovy-formular > .topbar .topbar-inner > .ti-form-site-logo{
  grid-area:ti-logo!important;
  position:relative!important;
  left:auto!important;
  top:auto!important;
  transform:none!important;
  justify-self:start!important;
  align-self:start!important;
  display:block!important;
  width:var(--ti-logo-shared-width)!important;
  max-width:38vw!important;
  margin:0!important;
  z-index:3!important;
}
body.page-jap-poptavka-jap-poptavkovy-formular > header.topbar .topbar-inner > .brand, body.page-jap-poptavka-jap-poptavkovy-formular > .topbar .topbar-inner > .brand, body.page-jap-poptavka-jap-poptavkovy-formular > header.topbar .topbar-inner > .brand-title, body.page-jap-poptavka-jap-poptavkovy-formular > .topbar .topbar-inner > .brand-title{
  grid-area:ti-brand!important;
  min-width:0!important;
}
body.page-jap-poptavka-jap-poptavkovy-formular > header.topbar .topbar-inner > .actions, body.page-jap-poptavka-jap-poptavkovy-formular > .topbar .topbar-inner > .actions{
  grid-area:ti-actions!important;
  align-self:center!important;
}

/* Obecný značkový formulář používá stejné dvouřádkové rozložení. */
body.page-jap-poptavka-jap-poptavkovy-formular > header .generic-topbar-inner{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-areas:
    "ti-logo ti-logo"
    "ti-brand ti-actions"!important;
  align-items:center!important;
  column-gap:22px!important;
  row-gap:13px!important;
  width:100%!important;
  max-width:none!important;
  margin:auto!important;
  padding:18px 3vw!important;
  min-height:0!important;
}
body.page-jap-poptavka-jap-poptavkovy-formular > header .generic-topbar-inner > .ti-form-site-logo{
  grid-area:ti-logo!important;
  position:relative!important;
  left:auto!important;
  top:auto!important;
  transform:none!important;
  justify-self:start!important;
  width:var(--ti-logo-shared-width)!important;
  max-width:38vw!important;
  margin:0!important;
}
body.page-jap-poptavka-jap-poptavkovy-formular > header .generic-topbar-inner > .generic-form-brand{grid-area:ti-brand!important}
body.page-jap-poptavka-jap-poptavkovy-formular > header .generic-topbar-inner > .generic-top-actions{grid-area:ti-actions!important}

/* Centrum E-shop / Poptávky má stejnou hlavičku jako hlavní stránka. */
body.page-jap-poptavka-jap-poptavkovy-formular > header.ti-request-hub-header{
  display:flex!important;
  justify-content:space-between!important;
  gap:24px!important;
}
body.page-jap-poptavka-jap-poptavkovy-formular > header.ti-request-hub-header .back{
  flex:0 0 auto!important;
}

@media(max-width:1180px){
  html.page-jap-poptavka-jap-poptavkovy-formular{--ti-logo-shared-width:clamp(270px,34vw,340px)}
  body.page-jap-poptavka-jap-poptavkovy-formular > header.ti-main-header, body.page-jap-poptavka-jap-poptavkovy-formular > header.ti-request-hub-header{min-height:0!important;padding:17px 3vw!important}
  body.page-jap-poptavka-jap-poptavkovy-formular > header .top-interior-site-logo, body.page-jap-poptavka-jap-poptavkovy-formular > .topbar .top-interior-site-logo, html.page-jap-poptavka-jap-poptavkovy-formular .ti-form-site-logo, body.page-jap-poptavka-jap-poptavkovy-formular > header .ti-inline-header-logo{max-width:58vw!important}

  body.page-jap-poptavka-jap-poptavkovy-formular > header.topbar .topbar-inner, body.page-jap-poptavka-jap-poptavkovy-formular > .topbar .topbar-inner, body.page-jap-poptavka-jap-poptavkovy-formular > header .generic-topbar-inner{
    grid-template-columns:1fr!important;
    grid-template-areas:"ti-logo" "ti-brand" "ti-actions"!important;
  }
  body.page-jap-poptavka-jap-poptavkovy-formular > header.topbar .topbar-inner > .actions, body.page-jap-poptavka-jap-poptavkovy-formular > .topbar .topbar-inner > .actions, body.page-jap-poptavka-jap-poptavkovy-formular > header .generic-topbar-inner > .generic-top-actions{
    width:100%!important;
    max-width:100%!important;
    justify-self:start!important;
    justify-content:flex-start!important;
  }
}
@media(max-width:900px){
  html.page-jap-poptavka-jap-poptavkovy-formular{--ti-logo-shared-width:260px}
  body.page-jap-poptavka-jap-poptavkovy-formular > header.ti-main-header, body.page-jap-poptavka-jap-poptavkovy-formular > header.ti-request-hub-header{padding:16px 20px!important}
  body.page-jap-poptavka-jap-poptavkovy-formular > header .top-interior-site-logo, body.page-jap-poptavka-jap-poptavkovy-formular > .topbar .top-interior-site-logo, html.page-jap-poptavka-jap-poptavkovy-formular .ti-form-site-logo, body.page-jap-poptavka-jap-poptavkovy-formular > header .ti-inline-header-logo{max-width:72vw!important}
  body.page-jap-poptavka-jap-poptavkovy-formular > header.topbar .topbar-inner, body.page-jap-poptavka-jap-poptavkovy-formular > .topbar .topbar-inner, body.page-jap-poptavka-jap-poptavkovy-formular > header .generic-topbar-inner{
    grid-template-columns:1fr!important;
    grid-template-areas:"ti-logo" "ti-brand" "ti-actions"!important;
    padding:16px 20px!important;
  }
  body.page-jap-poptavka-jap-poptavkovy-formular > header.topbar .topbar-inner > .actions, body.page-jap-poptavka-jap-poptavkovy-formular > .topbar .topbar-inner > .actions, body.page-jap-poptavka-jap-poptavkovy-formular > header .generic-topbar-inner > .generic-top-actions{
    justify-self:start!important;
    justify-content:flex-start!important;
  }
  body.page-jap-poptavka-jap-poptavkovy-formular > header.ti-request-hub-header{
    flex-wrap:wrap!important;
  }
}
@media(max-width:560px){
  html.page-jap-poptavka-jap-poptavkovy-formular{--ti-logo-shared-width:232px}
  body.page-jap-poptavka-jap-poptavkovy-formular > header .top-interior-site-logo, body.page-jap-poptavka-jap-poptavkovy-formular > .topbar .top-interior-site-logo, html.page-jap-poptavka-jap-poptavkovy-formular .ti-form-site-logo, body.page-jap-poptavka-jap-poptavkovy-formular > header .ti-inline-header-logo{max-width:78vw!important}
}


/* Krok 113 – společné logo TOP INTERIOR by JOVEE Services */
html.page-jap-poptavka-jap-poptavkovy-formular{--ti-combined-logo-width:clamp(370px,31vw,500px)}
body.page-jap-poptavka-jap-poptavkovy-formular > header .top-interior-site-logo, body.page-jap-poptavka-jap-poptavkovy-formular > .topbar .top-interior-site-logo, html.page-jap-poptavka-jap-poptavkovy-formular .ti-form-site-logo, body.page-jap-poptavka-jap-poptavkovy-formular > header .ti-inline-header-logo{
  width:var(--ti-combined-logo-width)!important;
  max-width:46vw!important;
}
body.page-jap-poptavka-jap-poptavkovy-formular > header.ti-main-header .top-interior-site-logo, body.page-jap-poptavka-jap-poptavkovy-formular > header.ti-request-hub-header .top-interior-site-logo{
  width:clamp(410px,34vw,535px)!important;
  max-width:48vw!important;
}
body.page-jap-poptavka-jap-poptavkovy-formular > header .top-interior-site-logo img, body.page-jap-poptavka-jap-poptavkovy-formular > .topbar .top-interior-site-logo img, html.page-jap-poptavka-jap-poptavkovy-formular .ti-form-site-logo img, body.page-jap-poptavka-jap-poptavkovy-formular > header .ti-inline-header-logo img{
  filter:none!important;
  object-fit:contain!important;
  object-position:left center!important;
}
body.page-jap-poptavka-jap-poptavkovy-formular > header.ti-main-header, body.page-jap-poptavka-jap-poptavkovy-formular > header.ti-request-hub-header{
  padding-top:12px!important;
  padding-bottom:12px!important;
}
@media(max-width:1180px){
  html.page-jap-poptavka-jap-poptavkovy-formular{--ti-combined-logo-width:clamp(330px,43vw,450px)}
  body.page-jap-poptavka-jap-poptavkovy-formular > header.ti-main-header .top-interior-site-logo, body.page-jap-poptavka-jap-poptavkovy-formular > header.ti-request-hub-header .top-interior-site-logo{width:clamp(350px,48vw,465px)!important;max-width:58vw!important}
}
@media(max-width:900px){
  html.page-jap-poptavka-jap-poptavkovy-formular{--ti-combined-logo-width:320px}
  body.page-jap-poptavka-jap-poptavkovy-formular > header.ti-main-header .top-interior-site-logo, body.page-jap-poptavka-jap-poptavkovy-formular > header.ti-request-hub-header .top-interior-site-logo{width:340px!important;max-width:78vw!important}
}
@media(max-width:560px){
  html.page-jap-poptavka-jap-poptavkovy-formular{--ti-combined-logo-width:280px}
  body.page-jap-poptavka-jap-poptavkovy-formular > header.ti-main-header .top-interior-site-logo, body.page-jap-poptavka-jap-poptavkovy-formular > header.ti-request-hub-header .top-interior-site-logo{width:300px!important;max-width:86vw!important}
}

/* Krok 115 – vyvážená výška hlavní lišty pro společné logo */
html.page-jap-poptavka-jap-poptavkovy-formular{
  --ti-combined-logo-width:clamp(330px,25vw,390px);
}

/* Běžné interní stránky a formuláře: čitelné logo bez přerůstání. */
body.page-jap-poptavka-jap-poptavkovy-formular > header .top-interior-site-logo, body.page-jap-poptavka-jap-poptavkovy-formular > .topbar .top-interior-site-logo, html.page-jap-poptavka-jap-poptavkovy-formular .ti-form-site-logo, body.page-jap-poptavka-jap-poptavkovy-formular > header .ti-inline-header-logo{
  width:var(--ti-combined-logo-width)!important;
  max-width:42vw!important;
}

/* Hlavní navigační lišta: návrat k původní vyvážené výšce. */
body.page-jap-poptavka-jap-poptavkovy-formular > header.ti-main-header, body.page-jap-poptavka-jap-poptavkovy-formular > header.ti-request-hub-header{
  min-height:112px!important;
  padding:9px 3vw!important;
  align-items:center!important;
}
body.page-jap-poptavka-jap-poptavkovy-formular > header.ti-main-header .top-interior-site-logo, body.page-jap-poptavka-jap-poptavkovy-formular > header.ti-request-hub-header .top-interior-site-logo{
  width:clamp(360px,27vw,420px)!important;
  max-width:43vw!important;
}
body.page-jap-poptavka-jap-poptavkovy-formular > header.ti-main-header nav{
  gap:clamp(12px,1.15vw,20px)!important;
  font-size:clamp(11px,.72vw,13px)!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
}
body.page-jap-poptavka-jap-poptavkovy-formular > header.ti-main-header nav a{white-space:nowrap!important}

@media(max-width:1180px){
  html.page-jap-poptavka-jap-poptavkovy-formular{--ti-combined-logo-width:clamp(300px,31vw,350px)}
  body.page-jap-poptavka-jap-poptavkovy-formular > header.ti-main-header, body.page-jap-poptavka-jap-poptavkovy-formular > header.ti-request-hub-header{
    min-height:100px!important;
    padding:9px 3vw!important;
  }
  body.page-jap-poptavka-jap-poptavkovy-formular > header.ti-main-header .top-interior-site-logo, body.page-jap-poptavka-jap-poptavkovy-formular > header.ti-request-hub-header .top-interior-site-logo{
    width:clamp(310px,32vw,365px)!important;
    max-width:42vw!important;
  }
  body.page-jap-poptavka-jap-poptavkovy-formular > header.ti-main-header nav{
    gap:10px!important;
    font-size:11px!important;
  }
}
@media(max-width:900px){
  html.page-jap-poptavka-jap-poptavkovy-formular{--ti-combined-logo-width:290px}
  body.page-jap-poptavka-jap-poptavkovy-formular > header.ti-main-header, body.page-jap-poptavka-jap-poptavkovy-formular > header.ti-request-hub-header{
    min-height:0!important;
    padding:12px 20px!important;
  }
  body.page-jap-poptavka-jap-poptavkovy-formular > header.ti-main-header .top-interior-site-logo, body.page-jap-poptavka-jap-poptavkovy-formular > header.ti-request-hub-header .top-interior-site-logo{
    width:300px!important;
    max-width:76vw!important;
  }
}
@media(max-width:560px){
  html.page-jap-poptavka-jap-poptavkovy-formular{--ti-combined-logo-width:255px}
  body.page-jap-poptavka-jap-poptavkovy-formular > header.ti-main-header, body.page-jap-poptavka-jap-poptavkovy-formular > header.ti-request-hub-header{padding:10px 16px!important}
  body.page-jap-poptavka-jap-poptavkovy-formular > header.ti-main-header .top-interior-site-logo, body.page-jap-poptavka-jap-poptavkovy-formular > header.ti-request-hub-header .top-interior-site-logo{
    width:268px!important;
    max-width:82vw!important;
  }
}


/* ===== manufacturer-portal.html ===== */

/* Source: assets/css/manufacturer-portal.css */
/* Source style block 1 */
html.page-manufacturer-portal{--bg:#160b22;--panel:#28153a;--gold:#d6b15f;--text:#f6eef7;--muted:#c6b8cd;--line:rgba(214,177,95,.25)}
html.page-manufacturer-portal *{box-sizing:border-box}html.page-manufacturer-portal{scroll-behavior:smooth}body.page-manufacturer-portal{margin:0;font-family:Arial,sans-serif;background:linear-gradient(180deg,#160b22,#28143a);color:var(--text)}
html.page-manufacturer-portal a{text-decoration:none;color:inherit}html.page-manufacturer-portal .wrap{max-width:1400px;margin:auto;padding-left:5vw;padding-right:5vw}
html.page-manufacturer-portal header{position:sticky;top:0;z-index:30;display:flex;justify-content:space-between;align-items:center;padding:16px 5vw;background:rgba(22,11,34,.96);border-bottom:1px solid var(--line)}
html.page-manufacturer-portal .logo{color:var(--gold);font-weight:900;letter-spacing:.08em}html.page-manufacturer-portal .nav{display:flex;gap:8px;flex-wrap:wrap}html.page-manufacturer-portal .btn, html.page-manufacturer-portal .outline{display:inline-flex;align-items:center;justify-content:center;padding:11px 14px;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.06em}
html.page-manufacturer-portal .btn{background:var(--gold);color:#281437}html.page-manufacturer-portal .outline{border:1px solid var(--gold);color:var(--gold)}
html.page-manufacturer-portal .hero{padding-top:70px;padding-bottom:42px}html.page-manufacturer-portal .eyebrow{color:var(--gold);font-size:11px;text-transform:uppercase;letter-spacing:.16em;font-weight:850}
html.page-manufacturer-portal h1, html.page-manufacturer-portal h2, html.page-manufacturer-portal h3{font-family:Georgia,serif;font-weight:500}html.page-manufacturer-portal h1{font-size:clamp(46px,7vw,90px);line-height:.94;margin:17px 0}html.page-manufacturer-portal h2{font-size:clamp(34px,4vw,58px);margin:0 0 18px}
html.page-manufacturer-portal p{color:var(--muted);line-height:1.65}html.page-manufacturer-portal .panel{background:rgba(255,255,255,.045);border:1px solid var(--line)}html.page-manufacturer-portal input, html.page-manufacturer-portal select, html.page-manufacturer-portal textarea{width:100%;padding:11px;background:#12091b;border:1px solid var(--line);color:#fff}
html.page-manufacturer-portal button{font:inherit;cursor:pointer}html.page-manufacturer-portal .notice{padding:16px 18px;border-left:4px solid var(--gold);background:rgba(214,177,95,.08);color:#d8cadf;font-size:13px;line-height:1.55}
html.page-manufacturer-portal footer{margin-top:70px;padding:26px 5vw;border-top:1px solid var(--line);color:#aa9cb2;font-size:12px}

html.page-manufacturer-portal .layout{display:grid;grid-template-columns:340px 1fr;gap:18px;padding-bottom:70px}html.page-manufacturer-portal .side{padding:24px;position:sticky;top:82px;align-self:start}
html.page-manufacturer-portal .actions{display:grid;gap:10px;margin:20px 0}html.page-manufacturer-portal .catalog{min-height:520px;display:grid;place-items:center;padding:35px;text-align:center}
html.page-manufacturer-portal .float{position:fixed;right:22px;bottom:22px;z-index:40;padding:15px 19px;border-radius:999px;background:var(--gold);color:#281437;font-weight:900;font-size:12px;box-shadow:0 16px 40px #0008}
@media(max-width:850px){html.page-manufacturer-portal .layout{grid-template-columns:1fr}html.page-manufacturer-portal .side{position:static}}

/* Krok 96 – jednotné obrazové logo TOP INTERIOR */
html.page-manufacturer-portal header{padding-top:10px!important;padding-bottom:10px!important;}
html.page-manufacturer-portal .logo.top-interior-site-logo, html.page-manufacturer-portal .visoft-page-logo.top-interior-site-logo{
  display:block!important;
  width:clamp(152px,16vw,184px)!important;
  line-height:0!important;
  overflow:hidden!important;
  border:1px solid rgba(214,177,95,.44)!important;
  border-radius:3px!important;
  background:#180a23!important;
  box-shadow:0 7px 21px rgba(0,0,0,.28)!important;
}
html.page-manufacturer-portal .logo.top-interior-site-logo img, html.page-manufacturer-portal .visoft-page-logo.top-interior-site-logo img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:1610/630!important;
  object-fit:cover!important;
}
@media(max-width:520px){
  html.page-manufacturer-portal .logo.top-interior-site-logo, html.page-manufacturer-portal .visoft-page-logo.top-interior-site-logo{width:142px!important;}
}


/* Source: assets/css/site-responsive.css */
/* Shared responsive and accessibility layer. Mobile-first; page-specific CSS remains unchanged. */
html.page-manufacturer-portal{ --touch-target: 2.75rem; }
html.page-manufacturer-portal{ width: 100%; overflow-x: hidden; -webkit-text-size-adjust: 100%; }
body.page-manufacturer-portal{ width: 100%; min-width: 0; overflow-x: clip; }
html.page-manufacturer-portal img, html.page-manufacturer-portal picture, html.page-manufacturer-portal video, html.page-manufacturer-portal canvas, html.page-manufacturer-portal svg{ display: block; max-width: 100%; height: auto; }
html.page-manufacturer-portal iframe{ max-width: 100%; }
html.page-manufacturer-portal main, html.page-manufacturer-portal section, html.page-manufacturer-portal article, html.page-manufacturer-portal header, html.page-manufacturer-portal footer, html.page-manufacturer-portal nav, html.page-manufacturer-portal form, html.page-manufacturer-portal fieldset, html.page-manufacturer-portal .wrap, html.page-manufacturer-portal .container{ min-width: 0; }
html.page-manufacturer-portal button, html.page-manufacturer-portal input, html.page-manufacturer-portal select, html.page-manufacturer-portal textarea{ max-width: 100%; font: inherit; }
html.page-manufacturer-portal button, html.page-manufacturer-portal input[type="button"], html.page-manufacturer-portal input[type="submit"], html.page-manufacturer-portal input[type="reset"], html.page-manufacturer-portal select, html.page-manufacturer-portal .btn, html.page-manufacturer-portal .button, html.page-manufacturer-portal [role="button"]{ min-height: var(--touch-target); }
html.page-manufacturer-portal textarea{ min-height: 7rem; resize: vertical; }
html.page-manufacturer-portal .ti-mobile-menu-toggle{
  display: inline-flex; align-items: center; justify-content: center; gap: .5rem;
  min-width: var(--touch-target); min-height: var(--touch-target); padding: .65rem .8rem;
  border: 1px solid rgba(214,177,95,.7); background: rgba(18,8,28,.72);
  color: #f4ead0; font-weight: 800; cursor: pointer;
}
html.page-manufacturer-portal .ti-mobile-menu-toggle__icon, html.page-manufacturer-portal .ti-mobile-menu-toggle__icon::before, html.page-manufacturer-portal .ti-mobile-menu-toggle__icon::after{
  display: block; width: 1.25rem; height: .125rem; background: currentColor; content: ""; transition: transform .2s ease;
}
html.page-manufacturer-portal .ti-mobile-menu-toggle__icon{ position: relative; }
html.page-manufacturer-portal .ti-mobile-menu-toggle__icon::before{ position: absolute; top: -.4rem; }
html.page-manufacturer-portal .ti-mobile-menu-toggle__icon::after{ position: absolute; top: .4rem; }
html.page-manufacturer-portal header.ti-mobile-nav-header{ flex-wrap: wrap; }
html.page-manufacturer-portal header.ti-mobile-nav-header > nav{ display: none !important; width: 100%; flex-direction: column; align-items: stretch; gap: .25rem; padding-top: .75rem; }
html.page-manufacturer-portal header.ti-nav-open > nav{ display: flex !important; }
html.page-manufacturer-portal header.ti-mobile-nav-header > nav a{ display: flex; align-items: center; min-height: var(--touch-target); padding: .65rem .75rem; }
@media (max-width: 47.99rem) {
  html.page-manufacturer-portal h1{ overflow-wrap: anywhere; }
  html.page-manufacturer-portal .wrap, html.page-manufacturer-portal .container{ width: 100%; padding-inline: clamp(1rem, 4vw, 1.5rem); }
  html.page-manufacturer-portal .grid, html.page-manufacturer-portal .cards, html.page-manufacturer-portal .card-grid, html.page-manufacturer-portal .brand-grid, html.page-manufacturer-portal .product-grid, html.page-manufacturer-portal .form-grid{ grid-template-columns: minmax(0, 1fr) !important; }
  html.page-manufacturer-portal table{ display: block; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
}
@media (min-width: 56.25rem) {
  html.page-manufacturer-portal .ti-mobile-menu-toggle{ display: none; }
  html.page-manufacturer-portal header.ti-mobile-nav-header{ flex-wrap: nowrap; }
  html.page-manufacturer-portal header.ti-mobile-nav-header > nav{ display: flex !important; width: auto; flex-direction: row; align-items: center; padding-top: 0; }
  html.page-manufacturer-portal header.ti-mobile-nav-header > nav a{ min-height: auto; padding: 0; }
}
@media (prefers-reduced-motion: reduce) {
  html.page-manufacturer-portal *, html.page-manufacturer-portal *::before, html.page-manufacturer-portal *::after{ scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}


/* Source: assets/css/top-interior-velvet-header.css */
/* Krok 97 – jednotná sametová horní lišta a logo TOP INTERIOR */
body.page-manufacturer-portal > header, body.page-manufacturer-portal > .topbar{
  background-color:#17081f!important;
  background-image:
    linear-gradient(90deg,rgba(8,3,12,.28),rgba(42,8,54,.08) 45%,rgba(8,3,12,.38)),
    url("../assets/images/top-interior-velvet-header.jpg")!important;
  background-position:center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  border-top:0!important;
  border-bottom:1px solid rgba(214,177,95,.58)!important;
  box-shadow:0 9px 28px rgba(0,0,0,.34)!important;
}

/* Hlavní logo na standardních stránkách */
body.page-manufacturer-portal > header .top-interior-site-logo, body.page-manufacturer-portal > .topbar .top-interior-site-logo{
  display:block!important;
  flex:0 0 auto!important;
  width:clamp(220px,18vw,280px)!important;
  max-width:42vw!important;
  line-height:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.page-manufacturer-portal > header .top-interior-site-logo img, body.page-manufacturer-portal > .topbar .top-interior-site-logo img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  filter:drop-shadow(0 3px 4px rgba(0,0,0,.8)) drop-shadow(0 0 8px rgba(214,177,95,.16));
}
body.page-manufacturer-portal > header nav a, body.page-manufacturer-portal > header .nav a, body.page-manufacturer-portal > header .back, body.page-manufacturer-portal > header .outline{
  color:#f3e9f5!important;
  text-shadow:0 1px 3px rgba(0,0,0,.75);
}
body.page-manufacturer-portal > header nav a:hover, body.page-manufacturer-portal > header .nav a:hover{color:#f1cf77!important}

/* Logo TOP INTERIOR doplněné do poptávkových formulářů */
html.page-manufacturer-portal .ti-form-site-logo{
  position:absolute;
  left:20px;
  top:50%;
  transform:translateY(-50%);
  display:block;
  width:clamp(178px,15vw,220px);
  max-width:23vw;
  line-height:0;
  z-index:2;
}
html.page-manufacturer-portal .ti-form-site-logo img{
  display:block;
  width:100%;
  height:auto;
  filter:drop-shadow(0 3px 4px rgba(0,0,0,.82)) drop-shadow(0 0 7px rgba(214,177,95,.14));
}
body.page-manufacturer-portal > header.topbar .topbar-inner, body.page-manufacturer-portal > .topbar .topbar-inner{
  position:relative!important;
  max-width:1500px!important;
  min-height:78px!important;
  padding-left:clamp(222px,20vw,292px)!important;
}
body.page-manufacturer-portal > header.topbar .brand h1, body.page-manufacturer-portal > header.topbar .brand p, body.page-manufacturer-portal > .topbar .brand h1, body.page-manufacturer-portal > .topbar .brand p, body.page-manufacturer-portal > header.topbar .brand-title h1, body.page-manufacturer-portal > header.topbar .brand-title p, body.page-manufacturer-portal > .topbar .brand-title h1, body.page-manufacturer-portal > .topbar .brand-title p{
  color:#fff!important;
  text-shadow:0 1px 3px rgba(0,0,0,.75)!important;
}
body.page-manufacturer-portal > header.topbar .brand p, body.page-manufacturer-portal > .topbar .brand p, body.page-manufacturer-portal > header.topbar .brand-title p, body.page-manufacturer-portal > .topbar .brand-title p{color:#ded0e5!important}
body.page-manufacturer-portal > header.topbar .actions .btn, body.page-manufacturer-portal > .topbar .actions .btn, body.page-manufacturer-portal > header.topbar .actions a, body.page-manufacturer-portal > .topbar .actions a{
  box-shadow:0 3px 10px rgba(0,0,0,.22);
}

/* Obecný značkový poptávkový formulář */
body.page-manufacturer-portal > header .generic-topbar-inner{
  position:relative!important;
  width:100%!important;
  max-width:1500px!important;
  margin:auto!important;
  min-height:64px!important;
  padding-left:clamp(222px,20vw,292px)!important;
}
body.page-manufacturer-portal > header .generic-form-brand, body.page-manufacturer-portal > header .generic-top-actions{color:#fff!important}

/* Interaktivní koupelna */
body.page-manufacturer-portal > header .ti-inline-header-logo{
  display:block;
  width:clamp(220px,20vw,292px);
  line-height:0;
  margin:0 0 10px;
}
body.page-manufacturer-portal > header .ti-inline-header-logo img{display:block;width:100%;height:auto;filter:drop-shadow(0 3px 4px rgba(0,0,0,.8))}
body.page-manufacturer-portal > header.ti-inline-header{max-width:none!important;margin:0!important;padding:14px max(24px,calc((100vw - 1760px)/2)) 15px!important}
body.page-manufacturer-portal > header.ti-inline-header h1{color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.75)}

@media(max-width:900px){
  body.page-manufacturer-portal > header .top-interior-site-logo, body.page-manufacturer-portal > .topbar .top-interior-site-logo{width:210px!important;max-width:60vw!important}
  body.page-manufacturer-portal > header.topbar .topbar-inner, body.page-manufacturer-portal > .topbar .topbar-inner, body.page-manufacturer-portal > header .generic-topbar-inner{
    padding-left:20px!important;
    min-height:0!important;
  }
  html.page-manufacturer-portal .ti-form-site-logo{
    position:relative;
    left:auto;top:auto;transform:none;
    width:210px;max-width:64vw;
    grid-column:1/-1;
    margin:0 0 4px;
  }
}
@media(max-width:560px){
  body.page-manufacturer-portal > header .top-interior-site-logo, body.page-manufacturer-portal > .topbar .top-interior-site-logo{width:188px!important;max-width:66vw!important}
  html.page-manufacturer-portal .ti-form-site-logo{width:190px}
}


/* Krok 98 – sjednocené logo, zvětšená hlavní lišta a informační doložka */
html.page-manufacturer-portal{
  --ti-logo-secondary-width:clamp(190px,16vw,230px);
  --ti-logo-form-width:clamp(162px,14vw,184px);
}

/* Jednotný vzhled loga na všech běžných a interních stránkách */
body.page-manufacturer-portal > header .top-interior-site-logo, body.page-manufacturer-portal > .topbar .top-interior-site-logo{
  width:var(--ti-logo-secondary-width)!important;
  max-width:min(48vw,230px)!important;
  min-width:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.page-manufacturer-portal > header .top-interior-site-logo img, body.page-manufacturer-portal > .topbar .top-interior-site-logo img, html.page-manufacturer-portal .ti-form-site-logo img, body.page-manufacturer-portal > header .ti-inline-header-logo img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  clip-path:none!important;
}

/* Hlavní stránka: lišta přibližně o 70 % vyšší a úměrně větší logo */
body.page-manufacturer-portal > header.ti-main-header{
  min-height:106px!important;
  padding:22px 3vw!important;
  align-items:center!important;
}
body.page-manufacturer-portal > header.ti-main-header .top-interior-site-logo{
  width:clamp(300px,24vw,372px)!important;
  max-width:38vw!important;
}
body.page-manufacturer-portal > header.ti-main-header nav{
  align-self:center!important;
}

/* Poptávkové formuláře: celé, nepřerostlé a shodné logo */
html.page-manufacturer-portal .ti-form-site-logo{
  position:absolute!important;
  left:22px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  display:block!important;
  width:var(--ti-logo-form-width)!important;
  max-width:184px!important;
  min-width:0!important;
  line-height:0!important;
  overflow:visible!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  z-index:3!important;
}
body.page-manufacturer-portal > header.topbar .topbar-inner, body.page-manufacturer-portal > .topbar .topbar-inner, body.page-manufacturer-portal > header .generic-topbar-inner{
  padding-left:clamp(212px,18vw,246px)!important;
  min-height:82px!important;
}

/* Společná informační doložka ve spodní části všech stránek */
html.page-manufacturer-portal .ti-site-notice{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:22px max(22px,5vw)!important;
  border-top:1px solid rgba(214,177,95,.32)!important;
  background:#09050f!important;
  color:#cfc2d5!important;
  font:400 11px/1.65 Inter,Arial,sans-serif!important;
  letter-spacing:0!important;
  text-align:left!important;
}
html.page-manufacturer-portal .ti-site-notice strong{
  color:#e2c577!important;
  font-weight:800!important;
}
html.page-manufacturer-portal .ti-site-notice p{
  max-width:1380px!important;
  margin:0 auto!important;
}

@media(max-width:1180px){
  body.page-manufacturer-portal > header.ti-main-header{
    min-height:0!important;
    padding:19px 3vw!important;
  }
  body.page-manufacturer-portal > header.ti-main-header .top-interior-site-logo{
    width:clamp(270px,34vw,340px)!important;
    max-width:58vw!important;
  }
}
@media(max-width:900px){
  body.page-manufacturer-portal > header .top-interior-site-logo, body.page-manufacturer-portal > .topbar .top-interior-site-logo{
    width:210px!important;
    max-width:64vw!important;
  }
  body.page-manufacturer-portal > header.ti-main-header{
    padding:18px 20px!important;
  }
  body.page-manufacturer-portal > header.ti-main-header .top-interior-site-logo{
    width:260px!important;
    max-width:72vw!important;
  }
  body.page-manufacturer-portal > header.topbar .topbar-inner, body.page-manufacturer-portal > .topbar .topbar-inner, body.page-manufacturer-portal > header .generic-topbar-inner{
    padding-left:20px!important;
    min-height:0!important;
  }
  html.page-manufacturer-portal .ti-form-site-logo{
    position:relative!important;
    left:auto!important;
    top:auto!important;
    transform:none!important;
    width:184px!important;
    max-width:56vw!important;
    grid-column:1/-1!important;
    margin:0 0 8px!important;
  }
}
@media(max-width:560px){
  body.page-manufacturer-portal > header.ti-main-header .top-interior-site-logo{
    width:232px!important;
    max-width:78vw!important;
  }
  html.page-manufacturer-portal .ti-form-site-logo{
    width:172px!important;
    max-width:62vw!important;
  }
  html.page-manufacturer-portal .ti-site-notice{
    padding:18px 17px!important;
    font-size:10.5px!important;
  }
}


/* Krok 99 – kompaktnější hlavní lišta a dvouřádkové hlavičky poptávek */
html.page-manufacturer-portal{
  --ti-logo-shared-width:clamp(300px,24vw,372px);
}

/* Jedna velikost a jeden vzhled loga na všech stránkách. */
body.page-manufacturer-portal > header .top-interior-site-logo, body.page-manufacturer-portal > .topbar .top-interior-site-logo, html.page-manufacturer-portal .ti-form-site-logo, body.page-manufacturer-portal > header .ti-inline-header-logo{
  width:var(--ti-logo-shared-width)!important;
  max-width:38vw!important;
  min-width:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  line-height:0!important;
}
body.page-manufacturer-portal > header .top-interior-site-logo img, body.page-manufacturer-portal > .topbar .top-interior-site-logo img, html.page-manufacturer-portal .ti-form-site-logo img, body.page-manufacturer-portal > header .ti-inline-header-logo img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:left center!important;
  clip-path:none!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* Hlavní stránka: lišta o přibližně 10 % nižší, velikost loga zůstává. */
body.page-manufacturer-portal > header.ti-main-header, body.page-manufacturer-portal > header.ti-request-hub-header{
  min-height:96px!important;
  padding:20px 3vw!important;
  align-items:center!important;
}
body.page-manufacturer-portal > header.ti-main-header .top-interior-site-logo, body.page-manufacturer-portal > header.ti-request-hub-header .top-interior-site-logo{
  width:var(--ti-logo-shared-width)!important;
  max-width:38vw!important;
}

/* Poptávkové formuláře: logo je samostatně v prvním řádku vlevo. */
body.page-manufacturer-portal > header.topbar .topbar-inner, body.page-manufacturer-portal > .topbar .topbar-inner{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-areas:
    "ti-logo ti-logo"
    "ti-brand ti-actions"!important;
  align-items:center!important;
  column-gap:22px!important;
  row-gap:13px!important;
  width:100%!important;
  max-width:none!important;
  padding:18px 3vw!important;
  min-height:0!important;
}
body.page-manufacturer-portal > header.topbar .topbar-inner > .ti-form-site-logo, body.page-manufacturer-portal > .topbar .topbar-inner > .ti-form-site-logo{
  grid-area:ti-logo!important;
  position:relative!important;
  left:auto!important;
  top:auto!important;
  transform:none!important;
  justify-self:start!important;
  align-self:start!important;
  display:block!important;
  width:var(--ti-logo-shared-width)!important;
  max-width:38vw!important;
  margin:0!important;
  z-index:3!important;
}
body.page-manufacturer-portal > header.topbar .topbar-inner > .brand, body.page-manufacturer-portal > .topbar .topbar-inner > .brand, body.page-manufacturer-portal > header.topbar .topbar-inner > .brand-title, body.page-manufacturer-portal > .topbar .topbar-inner > .brand-title{
  grid-area:ti-brand!important;
  min-width:0!important;
}
body.page-manufacturer-portal > header.topbar .topbar-inner > .actions, body.page-manufacturer-portal > .topbar .topbar-inner > .actions{
  grid-area:ti-actions!important;
  align-self:center!important;
}

/* Obecný značkový formulář používá stejné dvouřádkové rozložení. */
body.page-manufacturer-portal > header .generic-topbar-inner{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-areas:
    "ti-logo ti-logo"
    "ti-brand ti-actions"!important;
  align-items:center!important;
  column-gap:22px!important;
  row-gap:13px!important;
  width:100%!important;
  max-width:none!important;
  margin:auto!important;
  padding:18px 3vw!important;
  min-height:0!important;
}
body.page-manufacturer-portal > header .generic-topbar-inner > .ti-form-site-logo{
  grid-area:ti-logo!important;
  position:relative!important;
  left:auto!important;
  top:auto!important;
  transform:none!important;
  justify-self:start!important;
  width:var(--ti-logo-shared-width)!important;
  max-width:38vw!important;
  margin:0!important;
}
body.page-manufacturer-portal > header .generic-topbar-inner > .generic-form-brand{grid-area:ti-brand!important}
body.page-manufacturer-portal > header .generic-topbar-inner > .generic-top-actions{grid-area:ti-actions!important}

/* Centrum E-shop / Poptávky má stejnou hlavičku jako hlavní stránka. */
body.page-manufacturer-portal > header.ti-request-hub-header{
  display:flex!important;
  justify-content:space-between!important;
  gap:24px!important;
}
body.page-manufacturer-portal > header.ti-request-hub-header .back{
  flex:0 0 auto!important;
}

@media(max-width:1180px){
  html.page-manufacturer-portal{--ti-logo-shared-width:clamp(270px,34vw,340px)}
  body.page-manufacturer-portal > header.ti-main-header, body.page-manufacturer-portal > header.ti-request-hub-header{min-height:0!important;padding:17px 3vw!important}
  body.page-manufacturer-portal > header .top-interior-site-logo, body.page-manufacturer-portal > .topbar .top-interior-site-logo, html.page-manufacturer-portal .ti-form-site-logo, body.page-manufacturer-portal > header .ti-inline-header-logo{max-width:58vw!important}

  body.page-manufacturer-portal > header.topbar .topbar-inner, body.page-manufacturer-portal > .topbar .topbar-inner, body.page-manufacturer-portal > header .generic-topbar-inner{
    grid-template-columns:1fr!important;
    grid-template-areas:"ti-logo" "ti-brand" "ti-actions"!important;
  }
  body.page-manufacturer-portal > header.topbar .topbar-inner > .actions, body.page-manufacturer-portal > .topbar .topbar-inner > .actions, body.page-manufacturer-portal > header .generic-topbar-inner > .generic-top-actions{
    width:100%!important;
    max-width:100%!important;
    justify-self:start!important;
    justify-content:flex-start!important;
  }
}
@media(max-width:900px){
  html.page-manufacturer-portal{--ti-logo-shared-width:260px}
  body.page-manufacturer-portal > header.ti-main-header, body.page-manufacturer-portal > header.ti-request-hub-header{padding:16px 20px!important}
  body.page-manufacturer-portal > header .top-interior-site-logo, body.page-manufacturer-portal > .topbar .top-interior-site-logo, html.page-manufacturer-portal .ti-form-site-logo, body.page-manufacturer-portal > header .ti-inline-header-logo{max-width:72vw!important}
  body.page-manufacturer-portal > header.topbar .topbar-inner, body.page-manufacturer-portal > .topbar .topbar-inner, body.page-manufacturer-portal > header .generic-topbar-inner{
    grid-template-columns:1fr!important;
    grid-template-areas:"ti-logo" "ti-brand" "ti-actions"!important;
    padding:16px 20px!important;
  }
  body.page-manufacturer-portal > header.topbar .topbar-inner > .actions, body.page-manufacturer-portal > .topbar .topbar-inner > .actions, body.page-manufacturer-portal > header .generic-topbar-inner > .generic-top-actions{
    justify-self:start!important;
    justify-content:flex-start!important;
  }
  body.page-manufacturer-portal > header.ti-request-hub-header{
    flex-wrap:wrap!important;
  }
}
@media(max-width:560px){
  html.page-manufacturer-portal{--ti-logo-shared-width:232px}
  body.page-manufacturer-portal > header .top-interior-site-logo, body.page-manufacturer-portal > .topbar .top-interior-site-logo, html.page-manufacturer-portal .ti-form-site-logo, body.page-manufacturer-portal > header .ti-inline-header-logo{max-width:78vw!important}
}


/* Krok 113 – společné logo TOP INTERIOR by JOVEE Services */
html.page-manufacturer-portal{--ti-combined-logo-width:clamp(370px,31vw,500px)}
body.page-manufacturer-portal > header .top-interior-site-logo, body.page-manufacturer-portal > .topbar .top-interior-site-logo, html.page-manufacturer-portal .ti-form-site-logo, body.page-manufacturer-portal > header .ti-inline-header-logo{
  width:var(--ti-combined-logo-width)!important;
  max-width:46vw!important;
}
body.page-manufacturer-portal > header.ti-main-header .top-interior-site-logo, body.page-manufacturer-portal > header.ti-request-hub-header .top-interior-site-logo{
  width:clamp(410px,34vw,535px)!important;
  max-width:48vw!important;
}
body.page-manufacturer-portal > header .top-interior-site-logo img, body.page-manufacturer-portal > .topbar .top-interior-site-logo img, html.page-manufacturer-portal .ti-form-site-logo img, body.page-manufacturer-portal > header .ti-inline-header-logo img{
  filter:none!important;
  object-fit:contain!important;
  object-position:left center!important;
}
body.page-manufacturer-portal > header.ti-main-header, body.page-manufacturer-portal > header.ti-request-hub-header{
  padding-top:12px!important;
  padding-bottom:12px!important;
}
@media(max-width:1180px){
  html.page-manufacturer-portal{--ti-combined-logo-width:clamp(330px,43vw,450px)}
  body.page-manufacturer-portal > header.ti-main-header .top-interior-site-logo, body.page-manufacturer-portal > header.ti-request-hub-header .top-interior-site-logo{width:clamp(350px,48vw,465px)!important;max-width:58vw!important}
}
@media(max-width:900px){
  html.page-manufacturer-portal{--ti-combined-logo-width:320px}
  body.page-manufacturer-portal > header.ti-main-header .top-interior-site-logo, body.page-manufacturer-portal > header.ti-request-hub-header .top-interior-site-logo{width:340px!important;max-width:78vw!important}
}
@media(max-width:560px){
  html.page-manufacturer-portal{--ti-combined-logo-width:280px}
  body.page-manufacturer-portal > header.ti-main-header .top-interior-site-logo, body.page-manufacturer-portal > header.ti-request-hub-header .top-interior-site-logo{width:300px!important;max-width:86vw!important}
}

/* Krok 115 – vyvážená výška hlavní lišty pro společné logo */
html.page-manufacturer-portal{
  --ti-combined-logo-width:clamp(330px,25vw,390px);
}

/* Běžné interní stránky a formuláře: čitelné logo bez přerůstání. */
body.page-manufacturer-portal > header .top-interior-site-logo, body.page-manufacturer-portal > .topbar .top-interior-site-logo, html.page-manufacturer-portal .ti-form-site-logo, body.page-manufacturer-portal > header .ti-inline-header-logo{
  width:var(--ti-combined-logo-width)!important;
  max-width:42vw!important;
}

/* Hlavní navigační lišta: návrat k původní vyvážené výšce. */
body.page-manufacturer-portal > header.ti-main-header, body.page-manufacturer-portal > header.ti-request-hub-header{
  min-height:112px!important;
  padding:9px 3vw!important;
  align-items:center!important;
}
body.page-manufacturer-portal > header.ti-main-header .top-interior-site-logo, body.page-manufacturer-portal > header.ti-request-hub-header .top-interior-site-logo{
  width:clamp(360px,27vw,420px)!important;
  max-width:43vw!important;
}
body.page-manufacturer-portal > header.ti-main-header nav{
  gap:clamp(12px,1.15vw,20px)!important;
  font-size:clamp(11px,.72vw,13px)!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
}
body.page-manufacturer-portal > header.ti-main-header nav a{white-space:nowrap!important}

@media(max-width:1180px){
  html.page-manufacturer-portal{--ti-combined-logo-width:clamp(300px,31vw,350px)}
  body.page-manufacturer-portal > header.ti-main-header, body.page-manufacturer-portal > header.ti-request-hub-header{
    min-height:100px!important;
    padding:9px 3vw!important;
  }
  body.page-manufacturer-portal > header.ti-main-header .top-interior-site-logo, body.page-manufacturer-portal > header.ti-request-hub-header .top-interior-site-logo{
    width:clamp(310px,32vw,365px)!important;
    max-width:42vw!important;
  }
  body.page-manufacturer-portal > header.ti-main-header nav{
    gap:10px!important;
    font-size:11px!important;
  }
}
@media(max-width:900px){
  html.page-manufacturer-portal{--ti-combined-logo-width:290px}
  body.page-manufacturer-portal > header.ti-main-header, body.page-manufacturer-portal > header.ti-request-hub-header{
    min-height:0!important;
    padding:12px 20px!important;
  }
  body.page-manufacturer-portal > header.ti-main-header .top-interior-site-logo, body.page-manufacturer-portal > header.ti-request-hub-header .top-interior-site-logo{
    width:300px!important;
    max-width:76vw!important;
  }
}
@media(max-width:560px){
  html.page-manufacturer-portal{--ti-combined-logo-width:255px}
  body.page-manufacturer-portal > header.ti-main-header, body.page-manufacturer-portal > header.ti-request-hub-header{padding:10px 16px!important}
  body.page-manufacturer-portal > header.ti-main-header .top-interior-site-logo, body.page-manufacturer-portal > header.ti-request-hub-header .top-interior-site-logo{
    width:268px!important;
    max-width:82vw!important;
  }
}


/* ===== mapei-poptavka/mapei-poptavkovy-formular.html ===== */

/* Source: assets/css/mapei-poptavka-mapei-poptavkovy-formular.css */
/* Source style block 1 */
html.page-mapei-poptavka-mapei-poptavkovy-formular{
  --blue:#005da8;--blue2:#0078c9;--green:#39a935;--ink:#20252b;--muted:#6a737d;
  --line:#e2e6ea;--soft:#f4f7f9;--selected:#11895a;--shadow:0 8px 26px rgba(27,43,56,.08)
}
html.page-mapei-poptavka-mapei-poptavkovy-formular *{box-sizing:border-box}
html.page-mapei-poptavka-mapei-poptavkovy-formular{scroll-behavior:smooth}
body.page-mapei-poptavka-mapei-poptavkovy-formular{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;background:#eef2f5;color:var(--ink)}
html.page-mapei-poptavka-mapei-poptavkovy-formular button, html.page-mapei-poptavka-mapei-poptavkovy-formular input, html.page-mapei-poptavka-mapei-poptavkovy-formular select{font:inherit} html.page-mapei-poptavka-mapei-poptavkovy-formular a{color:inherit}
html.page-mapei-poptavka-mapei-poptavkovy-formular .topbar{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
html.page-mapei-poptavka-mapei-poptavkovy-formular .topbar-inner{max-width:1180px;margin:auto;padding:13px 20px;display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center}
html.page-mapei-poptavka-mapei-poptavkovy-formular .brand{display:flex;align-items:center;gap:13px}html.page-mapei-poptavka-mapei-poptavkovy-formular .brand-mark{width:13px;height:43px;border-radius:3px;background:linear-gradient(var(--blue),var(--green))}
html.page-mapei-poptavka-mapei-poptavkovy-formular .brand h1{margin:0;font-size:21px}html.page-mapei-poptavka-mapei-poptavkovy-formular .brand p{margin:3px 0 0;color:var(--muted);font-size:13px}
html.page-mapei-poptavka-mapei-poptavkovy-formular .actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
html.page-mapei-poptavka-mapei-poptavkovy-formular .btn{border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 13px;cursor:pointer;font-weight:800}
html.page-mapei-poptavka-mapei-poptavkovy-formular .btn.primary{background:var(--blue);border-color:var(--blue);color:#fff}html.page-mapei-poptavka-mapei-poptavkovy-formular .badge{display:inline-flex;min-width:20px;height:20px;align-items:center;justify-content:center;background:#fff;color:var(--blue);border-radius:999px;margin-left:4px;font-size:11px}
html.page-mapei-poptavka-mapei-poptavkovy-formular .hero, html.page-mapei-poptavka-mapei-poptavkovy-formular .guide, html.page-mapei-poptavka-mapei-poptavkovy-formular .summary, html.page-mapei-poptavka-mapei-poptavkovy-formular .cart-wrap, html.page-mapei-poptavka-mapei-poptavkovy-formular main, html.page-mapei-poptavka-mapei-poptavkovy-formular .footer-note{max-width:1180px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}
html.page-mapei-poptavka-mapei-poptavkovy-formular .hero{margin-top:22px}html.page-mapei-poptavka-mapei-poptavkovy-formular .hero-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:var(--shadow)}
html.page-mapei-poptavka-mapei-poptavkovy-formular .hero-grid{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:end}html.page-mapei-poptavka-mapei-poptavkovy-formular .hero h2{margin:0 0 6px}html.page-mapei-poptavka-mapei-poptavkovy-formular .hero p{margin:0;color:var(--muted)}
html.page-mapei-poptavka-mapei-poptavkovy-formular .search{min-width:330px}html.page-mapei-poptavka-mapei-poptavkovy-formular .search label{display:block;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;color:var(--muted)}
html.page-mapei-poptavka-mapei-poptavkovy-formular .search input{width:100%;border:1px solid #cbd2d9;border-radius:10px;padding:12px 13px}
html.page-mapei-poptavka-mapei-poptavkovy-formular .guide{margin-top:14px}html.page-mapei-poptavka-mapei-poptavkovy-formular .guide-card{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;background:linear-gradient(125deg,#064f8e,#0075bd 70%,#39a935 180%);color:#fff;border-radius:16px;padding:17px 19px;box-shadow:var(--shadow)}
html.page-mapei-poptavka-mapei-poptavkovy-formular .guide-icon{width:64px;height:70px;background:#fff;color:var(--blue);border-radius:11px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:900}
html.page-mapei-poptavka-mapei-poptavkovy-formular .guide-icon b{font-size:25px}html.page-mapei-poptavka-mapei-poptavkovy-formular .guide-icon span{font-size:10px;letter-spacing:.08em}html.page-mapei-poptavka-mapei-poptavkovy-formular .guide h2{margin:0 0 4px;font-size:22px}html.page-mapei-poptavka-mapei-poptavkovy-formular .guide p{margin:0;color:#e8f3fb;font-size:14px;line-height:1.45}
html.page-mapei-poptavka-mapei-poptavkovy-formular .guide-action{display:flex;flex-direction:column;gap:3px;max-width:330px;background:#004f91;color:#fff;padding:13px 16px;border:2px solid rgba(255,255,255,.8);border-radius:12px;font-weight:900;text-decoration:none;line-height:1.25;box-shadow:0 7px 18px rgba(0,0,0,.18);transition:.2s}html.page-mapei-poptavka-mapei-poptavkovy-formular .guide-action:hover{background:#003d70;transform:translateY(-1px)}html.page-mapei-poptavka-mapei-poptavkovy-formular .guide-action strong{font-size:14px}html.page-mapei-poptavka-mapei-poptavkovy-formular .guide-action span{font-size:11px;font-weight:700;color:#dcefff}
html.page-mapei-poptavka-mapei-poptavkovy-formular .summary{margin-top:14px}html.page-mapei-poptavka-mapei-poptavkovy-formular .summary-card{display:flex;justify-content:space-between;gap:16px;align-items:center;background:#232a31;color:#fff;border-radius:14px;padding:14px 16px}html.page-mapei-poptavka-mapei-poptavkovy-formular .summary-card span{color:#d3d9de}
html.page-mapei-poptavka-mapei-poptavkovy-formular .cart-wrap{margin-top:14px;scroll-margin-top:92px}html.page-mapei-poptavka-mapei-poptavkovy-formular .cart-card{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}
html.page-mapei-poptavka-mapei-poptavkovy-formular .cart-head{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px 18px;background:#eef7fd;border-bottom:1px solid #cfe5f5}
html.page-mapei-poptavka-mapei-poptavkovy-formular .cart-head h2{margin:0;font-size:20px}html.page-mapei-poptavka-mapei-poptavkovy-formular .cart-head p{margin:4px 0 0;color:var(--muted);font-size:13px}html.page-mapei-poptavka-mapei-poptavkovy-formular .cart-count{background:var(--blue);color:#fff;padding:7px 11px;border-radius:999px;font-size:12px;font-weight:900}
html.page-mapei-poptavka-mapei-poptavkovy-formular .cart-empty{padding:22px 18px;text-align:center;color:var(--muted)}html.page-mapei-poptavka-mapei-poptavkovy-formular .cart-table-wrap{overflow:auto}html.page-mapei-poptavka-mapei-poptavkovy-formular .cart-table{width:100%;border-collapse:collapse;min-width:760px}
html.page-mapei-poptavka-mapei-poptavkovy-formular .cart-table th, html.page-mapei-poptavka-mapei-poptavkovy-formular .cart-table td{padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top;text-align:left}html.page-mapei-poptavka-mapei-poptavkovy-formular .cart-table th{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#65707a;background:#fafbfc}
html.page-mapei-poptavka-mapei-poptavkovy-formular .cart-table a{font-weight:800;text-decoration:none;color:var(--blue)}html.page-mapei-poptavka-mapei-poptavkovy-formular .cart-note{font-size:11px;color:var(--muted);margin-top:3px}html.page-mapei-poptavka-mapei-poptavkovy-formular .cart-remove{border:0;background:#f5e6e7;color:#a52b34;border-radius:8px;padding:7px 9px;font-weight:800;cursor:pointer}
html.page-mapei-poptavka-mapei-poptavkovy-formular main{margin-top:18px;margin-bottom:60px}html.page-mapei-poptavka-mapei-poptavkovy-formular .category{margin-top:26px}html.page-mapei-poptavka-mapei-poptavkovy-formular .category-header{background:#fff;border:1px solid var(--line);border-left:8px solid var(--blue);border-radius:12px;padding:14px 16px;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center}
html.page-mapei-poptavka-mapei-poptavkovy-formular .category-header h2{margin:2px 0 0;font-size:21px}html.page-mapei-poptavka-mapei-poptavkovy-formular .eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.09em;font-weight:900;color:var(--blue)}html.page-mapei-poptavka-mapei-poptavkovy-formular .count{font-size:13px;color:var(--muted);font-weight:800}
html.page-mapei-poptavka-mapei-poptavkovy-formular .product-row{display:grid;grid-template-columns:320px 1fr;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;margin:10px 0;box-shadow:0 2px 8px rgba(30,35,40,.03)}
html.page-mapei-poptavka-mapei-poptavkovy-formular .product-row.selected{border-color:rgba(17,137,90,.5);box-shadow:0 0 0 3px rgba(17,137,90,.08)}
html.page-mapei-poptavka-mapei-poptavkovy-formular .product-row.is-search-hidden{display:none!important}
html.page-mapei-poptavka-mapei-poptavkovy-formular [hidden]{display:none!important}
html.page-mapei-poptavka-mapei-poptavkovy-formular .product-visual{background:#f5f7f8;padding:15px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:11px}
html.page-mapei-poptavka-mapei-poptavkovy-formular .image-link{display:block;position:relative;border-radius:10px;overflow:hidden;background:#fff;border:1px solid #dfe4e8;text-decoration:none}
html.page-mapei-poptavka-mapei-poptavkovy-formular .image-link img{width:100%;height:180px;object-fit:contain;display:block;transition:.2s}html.page-mapei-poptavka-mapei-poptavkovy-formular .image-link span{position:absolute;left:8px;right:8px;bottom:7px;background:rgba(32,37,43,.86);color:#fff;padding:6px 8px;border-radius:7px;text-align:center;font-size:11px;font-weight:800;opacity:0;transform:translateY(4px);transition:.2s}
html.page-mapei-poptavka-mapei-poptavkovy-formular .image-link:hover img{transform:scale(1.025)}html.page-mapei-poptavka-mapei-poptavkovy-formular .image-link:hover span{opacity:1;transform:none}
html.page-mapei-poptavka-mapei-poptavkovy-formular .price-box{background:#fff;border:1px solid #dde2e6;border-radius:10px;padding:10px 12px}html.page-mapei-poptavka-mapei-poptavkovy-formular .price-box small{display:block;color:var(--muted);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}html.page-mapei-poptavka-mapei-poptavkovy-formular .price-box strong{font-size:14px}html.page-mapei-poptavka-mapei-poptavkovy-formular .price-box em{display:block;font-size:10px;color:#858d95;font-style:normal;margin-top:3px}
html.page-mapei-poptavka-mapei-poptavkovy-formular .product-panel{padding:16px 18px;display:grid;grid-template-columns:1fr 190px;gap:12px 18px;align-items:start}html.page-mapei-poptavka-mapei-poptavkovy-formular .product-heading{grid-column:1/-1;display:flex;justify-content:space-between;gap:12px;align-items:start}
html.page-mapei-poptavka-mapei-poptavkovy-formular .product-heading h3{margin:0;font-size:18px}html.page-mapei-poptavka-mapei-poptavkovy-formular .product-heading h3 a{text-decoration:none}html.page-mapei-poptavka-mapei-poptavkovy-formular .product-heading h3 a:hover{color:var(--blue);text-decoration:underline}html.page-mapei-poptavka-mapei-poptavkovy-formular .product-heading p{margin:5px 0 0;color:var(--muted);font-size:13px;line-height:1.45}
html.page-mapei-poptavka-mapei-poptavkovy-formular .order-number{display:inline-flex;width:28px;height:28px;border-radius:999px;background:var(--blue);color:#fff;align-items:center;justify-content:center;font-size:12px;font-weight:900;margin-right:8px;vertical-align:middle}
html.page-mapei-poptavka-mapei-poptavkovy-formular .status{background:#eef1f4;color:#69727b;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:800;white-space:nowrap}html.page-mapei-poptavka-mapei-poptavkovy-formular .selected .status{background:#e5f6ee;color:var(--selected)}
html.page-mapei-poptavka-mapei-poptavkovy-formular .request-table{width:100%;border-collapse:collapse;border:1px solid var(--line);border-radius:10px;overflow:hidden}html.page-mapei-poptavka-mapei-poptavkovy-formular .request-table th, html.page-mapei-poptavka-mapei-poptavkovy-formular .request-table td{border-bottom:1px solid var(--line);padding:8px 10px;text-align:left}html.page-mapei-poptavka-mapei-poptavkovy-formular .request-table tr:last-child th, html.page-mapei-poptavka-mapei-poptavkovy-formular .request-table tr:last-child td{border-bottom:0}
html.page-mapei-poptavka-mapei-poptavkovy-formular .request-table th{width:125px;background:var(--soft);font-size:12px;color:#59636d}html.page-mapei-poptavka-mapei-poptavkovy-formular .request-table input, html.page-mapei-poptavka-mapei-poptavkovy-formular .request-table select{width:100%;border:1px solid #cbd2d8;border-radius:8px;padding:9px 10px;background:#fff}
html.page-mapei-poptavka-mapei-poptavkovy-formular .add-btn{align-self:stretch;min-height:100%;border:0;background:var(--blue);color:#fff;border-radius:10px;padding:14px;font-size:15px;font-weight:900;cursor:pointer}html.page-mapei-poptavka-mapei-poptavkovy-formular .selected .add-btn{background:var(--selected)}
html.page-mapei-poptavka-mapei-poptavkovy-formular .empty{display:none;background:#fff4e8;border:1px solid #ffd6ad;padding:18px;border-radius:12px;margin-top:18px}html.page-mapei-poptavka-mapei-poptavkovy-formular .footer-note{margin-top:-34px;margin-bottom:30px;color:var(--muted);font-size:12px}
@media(max-width:880px){
  html.page-mapei-poptavka-mapei-poptavkovy-formular .topbar-inner{grid-template-columns:1fr}html.page-mapei-poptavka-mapei-poptavkovy-formular .actions{justify-content:flex-start}
  html.page-mapei-poptavka-mapei-poptavkovy-formular .hero-grid{grid-template-columns:1fr}html.page-mapei-poptavka-mapei-poptavkovy-formular .search{min-width:0}html.page-mapei-poptavka-mapei-poptavkovy-formular .guide-card{grid-template-columns:auto 1fr}html.page-mapei-poptavka-mapei-poptavkovy-formular .guide-action{grid-column:1/-1;max-width:none}
  html.page-mapei-poptavka-mapei-poptavkovy-formular .product-row{grid-template-columns:1fr}html.page-mapei-poptavka-mapei-poptavkovy-formular .product-visual{border-right:0;border-bottom:1px solid var(--line)}
  html.page-mapei-poptavka-mapei-poptavkovy-formular .product-panel{grid-template-columns:1fr}html.page-mapei-poptavka-mapei-poptavkovy-formular .add-btn{min-height:auto}html.page-mapei-poptavka-mapei-poptavkovy-formular .product-heading{grid-column:auto}
}
@media print{
  html.page-mapei-poptavka-mapei-poptavkovy-formular .topbar, html.page-mapei-poptavka-mapei-poptavkovy-formular .hero, html.page-mapei-poptavka-mapei-poptavkovy-formular .guide, html.page-mapei-poptavka-mapei-poptavkovy-formular .summary, html.page-mapei-poptavka-mapei-poptavkovy-formular .cart-wrap, html.page-mapei-poptavka-mapei-poptavkovy-formular .footer-note, html.page-mapei-poptavka-mapei-poptavkovy-formular .add-btn, html.page-mapei-poptavka-mapei-poptavkovy-formular .status{display:none!important}
  body.page-mapei-poptavka-mapei-poptavkovy-formular{background:#fff}html.page-mapei-poptavka-mapei-poptavkovy-formular main{max-width:none;margin:0;padding:0}html.page-mapei-poptavka-mapei-poptavkovy-formular .product-row{break-inside:avoid;box-shadow:none}html.page-mapei-poptavka-mapei-poptavkovy-formular .product-row:not(.selected){display:none}
}


html.page-mapei-poptavka-mapei-poptavkovy-formular .official-link:hover{background:#dff0fb;border-color:#86bee3}
html.page-mapei-poptavka-mapei-poptavkovy-formular .official-link::before{content:"↗";font-size:14px}

html.page-mapei-poptavka-mapei-poptavkovy-formular .product-guide{margin:0 0 14px}
html.page-mapei-poptavka-mapei-poptavkovy-formular .product-guide-card{
  display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;
  padding:17px 19px;border-radius:16px;text-decoration:none;color:#fff;
  background:linear-gradient(125deg,#073d70 0%,#005da8 70%,#39a935 170%);
  box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.10);
  transition:transform .2s ease,box-shadow .2s ease
}
html.page-mapei-poptavka-mapei-poptavkovy-formular .product-guide-card:hover{transform:translateY(-2px);box-shadow:0 12px 34px rgba(30,35,40,.16)}
html.page-mapei-poptavka-mapei-poptavkovy-formular .product-guide-icon{
  width:62px;height:70px;border-radius:11px;background:#fff;color:#20242a;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  position:relative;box-shadow:0 5px 16px rgba(0,0,0,.18)
}
html.page-mapei-poptavka-mapei-poptavkovy-formular .product-guide-icon:after{
  content:"";position:absolute;right:0;top:0;border-style:solid;
  border-width:0 0 17px 17px;border-color:transparent transparent #dfe3e7 transparent
}
html.page-mapei-poptavka-mapei-poptavkovy-formular .product-guide-icon span{font-size:10px;font-weight:900;letter-spacing:.08em;color:#39a935}
html.page-mapei-poptavka-mapei-poptavkovy-formular .product-guide-icon b{font-size:27px;line-height:1;color:#005da8}
html.page-mapei-poptavka-mapei-poptavkovy-formular .product-guide-copy h2{margin:2px 0 5px;font-size:23px}
html.page-mapei-poptavka-mapei-poptavkovy-formular .product-guide-copy p{margin:0;color:#e2eff8;line-height:1.45;font-size:14px;max-width:760px}
html.page-mapei-poptavka-mapei-poptavkovy-formular .product-guide-eyebrow{
  font-size:10px;text-transform:uppercase;letter-spacing:.11em;
  font-weight:900;color:#9fe28c
}
html.page-mapei-poptavka-mapei-poptavkovy-formular .product-guide-action{
  white-space:nowrap;background:#39a935;padding:11px 14px;border-radius:10px;
  font-weight:900;font-size:13px;color:#fff
}
html.page-mapei-poptavka-mapei-poptavkovy-formular .product-guide-action b{font-size:15px}
@media(max-width:820px){
  html.page-mapei-poptavka-mapei-poptavkovy-formular .product-guide-card{grid-template-columns:auto 1fr}
  html.page-mapei-poptavka-mapei-poptavkovy-formular .product-guide-action{grid-column:1/-1;text-align:center}
}
@media print{html.page-mapei-poptavka-mapei-poptavkovy-formular .product-guide{display:none!important}}


/* Integrace do webu TOP INTERIOR */
html.page-mapei-poptavka-mapei-poptavkovy-formular .topbar-inner{
  grid-template-columns:minmax(0,1fr) auto auto!important;
}
html.page-mapei-poptavka-mapei-poptavkovy-formular .top-interior-back{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:8px 11px;
  border:1px solid #d9dde1;
  border-radius:10px;
  background:#fff;
  color:#20252b;
  text-decoration:none;
  font-size:12px;
  font-weight:800;
  white-space:nowrap;
}
html.page-mapei-poptavka-mapei-poptavkovy-formular .top-interior-back:hover{
  border-color:#005da8;
  color:#005da8;
}
@media(max-width:980px){
  html.page-mapei-poptavka-mapei-poptavkovy-formular .topbar-inner{
    grid-template-columns:1fr auto!important;
  }
  html.page-mapei-poptavka-mapei-poptavkovy-formular .actions{
    grid-column:1/-1;
  }
}
@media(max-width:620px){
  html.page-mapei-poptavka-mapei-poptavkovy-formular .topbar-inner{
    grid-template-columns:1fr!important;
  }
  html.page-mapei-poptavka-mapei-poptavkovy-formular .top-interior-back{
    justify-self:start;
  }
}

/* Krok 60 – sjednocená horní lišta poptávkových formulářů */
html.page-mapei-poptavka-mapei-poptavkovy-formular .topbar-inner{
  max-width:1180px!important;
  margin:auto!important;
  padding:14px 20px!important;
  display:grid!important;
  grid-template-columns:minmax(250px,1fr) auto!important;
  gap:16px!important;
  align-items:center!important;
}
html.page-mapei-poptavka-mapei-poptavkovy-formular .topbar-inner > .brand{
  min-width:0!important;
}
html.page-mapei-poptavka-mapei-poptavkovy-formular .topbar-inner > .actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex-wrap:wrap!important;
  gap:8px!important;
}
html.page-mapei-poptavka-mapei-poptavkovy-formular .topbar-inner .top-interior-back{
  order:-1!important;
  display:inline-flex!important;
  align-items:center!important;
  min-height:38px!important;
  padding:8px 11px!important;
  border:1px solid var(--line)!important;
  border-radius:10px!important;
  background:#fff!important;
  color:var(--ink)!important;
  text-decoration:none!important;
  font-size:12px!important;
  font-weight:800!important;
  white-space:nowrap!important;
}
@media(max-width:980px){
  html.page-mapei-poptavka-mapei-poptavkovy-formular .topbar-inner{
    grid-template-columns:1fr!important;
  }
  html.page-mapei-poptavka-mapei-poptavkovy-formular .topbar-inner > .actions{
    justify-content:flex-start!important;
  }
}
@media(max-width:620px){
  html.page-mapei-poptavka-mapei-poptavkovy-formular .topbar-inner > .actions{
    gap:6px!important;
  }
  html.page-mapei-poptavka-mapei-poptavkovy-formular .topbar-inner .btn, html.page-mapei-poptavka-mapei-poptavkovy-formular .topbar-inner .top-interior-back{
    min-height:36px!important;
    padding:8px 10px!important;
    font-size:11px!important;
  }
}

    html.page-mapei-poptavka-mapei-poptavkovy-formular .unified-inquiry-info{
      max-width:1180px;margin:14px auto 0;padding:12px 20px;
      color:#5d6670;font-size:12px;line-height:1.5
    }
    html.page-mapei-poptavka-mapei-poptavkovy-formular .unified-inquiry-info strong{color:#005da8}
    
/* Krok 77 – jednotná hlavička a pozice tlačítek všech detailních formulářů */
html.page-mapei-poptavka-mapei-poptavkovy-formular .topbar-inner{
  width:100%!important;max-width:1180px!important;min-height:78px!important;
  margin:0 auto!important;padding:12px 20px!important;box-sizing:border-box!important;
  display:grid!important;grid-template-columns:minmax(270px,1fr) 817px!important;
  gap:18px!important;align-items:center!important
}
html.page-mapei-poptavka-mapei-poptavkovy-formular .brand{min-width:0!important;display:flex!important;align-items:center!important;gap:13px!important}
html.page-mapei-poptavka-mapei-poptavkovy-formular .brand-mark, html.page-mapei-poptavka-mapei-poptavkovy-formular .jap-mark{display:none!important}
html.page-mapei-poptavka-mapei-poptavkovy-formular .form-brand-logo{
  display:block!important;width:138px!important;height:48px!important;flex:0 0 138px!important;
  object-fit:contain!important;object-position:left center!important
}
html.page-mapei-poptavka-mapei-poptavkovy-formular .brand h1{margin:0!important;font-size:17px!important;line-height:1.18!important;white-space:normal!important}
html.page-mapei-poptavka-mapei-poptavkovy-formular .topbar-inner > .actions{
  width:817px!important;display:grid!important;
  grid-template-columns:150px 88px 120px 105px 220px 94px!important;
  gap:8px!important;align-items:stretch!important;justify-content:end!important;flex-wrap:nowrap!important
}
html.page-mapei-poptavka-mapei-poptavkovy-formular .topbar-inner > .actions>a, html.page-mapei-poptavka-mapei-poptavkovy-formular .topbar-inner > .actions>button, html.page-mapei-poptavka-mapei-poptavkovy-formular .topbar-inner .top-interior-back, html.page-mapei-poptavka-mapei-poptavkovy-formular .topbar-inner .jap-back-link{
  order:initial!important;
  width:100%!important;height:44px!important;min-height:44px!important;margin:0!important;
  padding:8px 9px!important;box-sizing:border-box!important;display:flex!important;
  align-items:center!important;justify-content:center!important;text-align:center!important;
  line-height:1.12!important;font-size:11px!important;text-decoration:none!important;white-space:normal!important
}
html.page-mapei-poptavka-mapei-poptavkovy-formular .add-btn{min-height:44px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important}
@media(max-width:1180px){
 html.page-mapei-poptavka-mapei-poptavkovy-formular .topbar-inner{grid-template-columns:1fr!important}
 html.page-mapei-poptavka-mapei-poptavkovy-formular .topbar-inner > .actions{width:100%!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:700px){
 html.page-mapei-poptavka-mapei-poptavkovy-formular .form-brand-logo{width:118px!important;height:43px!important;flex-basis:118px!important}
 html.page-mapei-poptavka-mapei-poptavkovy-formular .topbar-inner > .actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* Krok 78 – loga z hlavních dlaždic a stejné pozice horních tlačítek */
html.page-mapei-poptavka-mapei-poptavkovy-formular .topbar{
  padding:0!important;
}
html.page-mapei-poptavka-mapei-poptavkovy-formular .topbar-inner{
  width:100%!important;
  max-width:1180px!important;
  min-height:78px!important;
  margin:0 auto!important;
  padding:12px 20px!important;
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:minmax(270px,1fr) 817px!important;
  gap:18px!important;
  align-items:center!important;
}
html.page-mapei-poptavka-mapei-poptavkovy-formular .topbar .brand{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:13px!important;
}
html.page-mapei-poptavka-mapei-poptavkovy-formular .topbar .form-brand-logo{
  display:block!important;
  width:138px!important;
  height:48px!important;
  flex:0 0 138px!important;
  object-fit:contain!important;
  object-position:left center!important;
}
html.page-mapei-poptavka-mapei-poptavkovy-formular .topbar .brand h1{
  margin:0!important;
  font-size:17px!important;
  line-height:1.18!important;
}
html.page-mapei-poptavka-mapei-poptavkovy-formular .topbar .actions{
  width:817px!important;
  display:grid!important;
  grid-template-columns:150px 88px 120px 105px 220px 94px!important;
  gap:8px!important;
  align-items:stretch!important;
  justify-content:stretch!important;
  margin:0!important;
}
html.page-mapei-poptavka-mapei-poptavkovy-formular .topbar .actions > a, html.page-mapei-poptavka-mapei-poptavkovy-formular .topbar .actions > button{
  width:100%!important;
  height:44px!important;
  min-height:44px!important;
  margin:0!important;
  padding:8px 9px!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  line-height:1.12!important;
  font-size:11px!important;
  white-space:normal!important;
}
@media(max-width:1180px){
  html.page-mapei-poptavka-mapei-poptavkovy-formular .topbar-inner{
    grid-template-columns:1fr!important;
  }
  html.page-mapei-poptavka-mapei-poptavkovy-formular .topbar .actions{
    width:100%!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}
@media(max-width:700px){
  html.page-mapei-poptavka-mapei-poptavkovy-formular .topbar .form-brand-logo{
    width:118px!important;
    height:43px!important;
    flex-basis:118px!important;
  }
  html.page-mapei-poptavka-mapei-poptavkovy-formular .topbar .actions{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

/* Source style block 2 */
body.page-mapei-poptavka-mapei-poptavkovy-formular{font-family:Arial;margin:28px;color:#20252b}html.page-mapei-poptavka-mapei-poptavkovy-formular h1{margin:0 0 5px}html.page-mapei-poptavka-mapei-poptavkovy-formular p{color:#68717b}html.page-mapei-poptavka-mapei-poptavkovy-formular table{width:100%;border-collapse:collapse;margin-top:20px}html.page-mapei-poptavka-mapei-poptavkovy-formular th, html.page-mapei-poptavka-mapei-poptavkovy-formular td{border:1px solid #d9dee2;padding:9px;text-align:left;vertical-align:top}html.page-mapei-poptavka-mapei-poptavkovy-formular th{background:#f3f5f7}html.page-mapei-poptavka-mapei-poptavkovy-formular small{color:#68717b}


/* Source: assets/css/site-responsive.css */
/* Shared responsive and accessibility layer. Mobile-first; page-specific CSS remains unchanged. */
html.page-mapei-poptavka-mapei-poptavkovy-formular{ --touch-target: 2.75rem; }
html.page-mapei-poptavka-mapei-poptavkovy-formular{ width: 100%; overflow-x: hidden; -webkit-text-size-adjust: 100%; }
body.page-mapei-poptavka-mapei-poptavkovy-formular{ width: 100%; min-width: 0; overflow-x: clip; }
html.page-mapei-poptavka-mapei-poptavkovy-formular img, html.page-mapei-poptavka-mapei-poptavkovy-formular picture, html.page-mapei-poptavka-mapei-poptavkovy-formular video, html.page-mapei-poptavka-mapei-poptavkovy-formular canvas, html.page-mapei-poptavka-mapei-poptavkovy-formular svg{ display: block; max-width: 100%; height: auto; }
html.page-mapei-poptavka-mapei-poptavkovy-formular iframe{ max-width: 100%; }
html.page-mapei-poptavka-mapei-poptavkovy-formular main, html.page-mapei-poptavka-mapei-poptavkovy-formular section, html.page-mapei-poptavka-mapei-poptavkovy-formular article, html.page-mapei-poptavka-mapei-poptavkovy-formular header, html.page-mapei-poptavka-mapei-poptavkovy-formular footer, html.page-mapei-poptavka-mapei-poptavkovy-formular nav, html.page-mapei-poptavka-mapei-poptavkovy-formular form, html.page-mapei-poptavka-mapei-poptavkovy-formular fieldset, html.page-mapei-poptavka-mapei-poptavkovy-formular .wrap, html.page-mapei-poptavka-mapei-poptavkovy-formular .container{ min-width: 0; }
html.page-mapei-poptavka-mapei-poptavkovy-formular button, html.page-mapei-poptavka-mapei-poptavkovy-formular input, html.page-mapei-poptavka-mapei-poptavkovy-formular select, html.page-mapei-poptavka-mapei-poptavkovy-formular textarea{ max-width: 100%; font: inherit; }
html.page-mapei-poptavka-mapei-poptavkovy-formular button, html.page-mapei-poptavka-mapei-poptavkovy-formular input[type="button"], html.page-mapei-poptavka-mapei-poptavkovy-formular input[type="submit"], html.page-mapei-poptavka-mapei-poptavkovy-formular input[type="reset"], html.page-mapei-poptavka-mapei-poptavkovy-formular select, html.page-mapei-poptavka-mapei-poptavkovy-formular .btn, html.page-mapei-poptavka-mapei-poptavkovy-formular .button, html.page-mapei-poptavka-mapei-poptavkovy-formular [role="button"]{ min-height: var(--touch-target); }
html.page-mapei-poptavka-mapei-poptavkovy-formular textarea{ min-height: 7rem; resize: vertical; }
html.page-mapei-poptavka-mapei-poptavkovy-formular .ti-mobile-menu-toggle{
  display: inline-flex; align-items: center; justify-content: center; gap: .5rem;
  min-width: var(--touch-target); min-height: var(--touch-target); padding: .65rem .8rem;
  border: 1px solid rgba(214,177,95,.7); background: rgba(18,8,28,.72);
  color: #f4ead0; font-weight: 800; cursor: pointer;
}
html.page-mapei-poptavka-mapei-poptavkovy-formular .ti-mobile-menu-toggle__icon, html.page-mapei-poptavka-mapei-poptavkovy-formular .ti-mobile-menu-toggle__icon::before, html.page-mapei-poptavka-mapei-poptavkovy-formular .ti-mobile-menu-toggle__icon::after{
  display: block; width: 1.25rem; height: .125rem; background: currentColor; content: ""; transition: transform .2s ease;
}
html.page-mapei-poptavka-mapei-poptavkovy-formular .ti-mobile-menu-toggle__icon{ position: relative; }
html.page-mapei-poptavka-mapei-poptavkovy-formular .ti-mobile-menu-toggle__icon::before{ position: absolute; top: -.4rem; }
html.page-mapei-poptavka-mapei-poptavkovy-formular .ti-mobile-menu-toggle__icon::after{ position: absolute; top: .4rem; }
html.page-mapei-poptavka-mapei-poptavkovy-formular header.ti-mobile-nav-header{ flex-wrap: wrap; }
html.page-mapei-poptavka-mapei-poptavkovy-formular header.ti-mobile-nav-header > nav{ display: none !important; width: 100%; flex-direction: column; align-items: stretch; gap: .25rem; padding-top: .75rem; }
html.page-mapei-poptavka-mapei-poptavkovy-formular header.ti-nav-open > nav{ display: flex !important; }
html.page-mapei-poptavka-mapei-poptavkovy-formular header.ti-mobile-nav-header > nav a{ display: flex; align-items: center; min-height: var(--touch-target); padding: .65rem .75rem; }
@media (max-width: 47.99rem) {
  html.page-mapei-poptavka-mapei-poptavkovy-formular h1{ overflow-wrap: anywhere; }
  html.page-mapei-poptavka-mapei-poptavkovy-formular .wrap, html.page-mapei-poptavka-mapei-poptavkovy-formular .container{ width: 100%; padding-inline: clamp(1rem, 4vw, 1.5rem); }
  html.page-mapei-poptavka-mapei-poptavkovy-formular .grid, html.page-mapei-poptavka-mapei-poptavkovy-formular .cards, html.page-mapei-poptavka-mapei-poptavkovy-formular .card-grid, html.page-mapei-poptavka-mapei-poptavkovy-formular .brand-grid, html.page-mapei-poptavka-mapei-poptavkovy-formular .product-grid, html.page-mapei-poptavka-mapei-poptavkovy-formular .form-grid{ grid-template-columns: minmax(0, 1fr) !important; }
  html.page-mapei-poptavka-mapei-poptavkovy-formular table{ display: block; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
}
@media (min-width: 56.25rem) {
  html.page-mapei-poptavka-mapei-poptavkovy-formular .ti-mobile-menu-toggle{ display: none; }
  html.page-mapei-poptavka-mapei-poptavkovy-formular header.ti-mobile-nav-header{ flex-wrap: nowrap; }
  html.page-mapei-poptavka-mapei-poptavkovy-formular header.ti-mobile-nav-header > nav{ display: flex !important; width: auto; flex-direction: row; align-items: center; padding-top: 0; }
  html.page-mapei-poptavka-mapei-poptavkovy-formular header.ti-mobile-nav-header > nav a{ min-height: auto; padding: 0; }
}
@media (prefers-reduced-motion: reduce) {
  html.page-mapei-poptavka-mapei-poptavkovy-formular *, html.page-mapei-poptavka-mapei-poptavkovy-formular *::before, html.page-mapei-poptavka-mapei-poptavkovy-formular *::after{ scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}


/* Source: assets/css/top-interior-velvet-header.css */
/* Krok 97 – jednotná sametová horní lišta a logo TOP INTERIOR */
body.page-mapei-poptavka-mapei-poptavkovy-formular > header, body.page-mapei-poptavka-mapei-poptavkovy-formular > .topbar{
  background-color:#17081f!important;
  background-image:
    linear-gradient(90deg,rgba(8,3,12,.28),rgba(42,8,54,.08) 45%,rgba(8,3,12,.38)),
    url("../assets/images/top-interior-velvet-header.jpg")!important;
  background-position:center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  border-top:0!important;
  border-bottom:1px solid rgba(214,177,95,.58)!important;
  box-shadow:0 9px 28px rgba(0,0,0,.34)!important;
}

/* Hlavní logo na standardních stránkách */
body.page-mapei-poptavka-mapei-poptavkovy-formular > header .top-interior-site-logo, body.page-mapei-poptavka-mapei-poptavkovy-formular > .topbar .top-interior-site-logo{
  display:block!important;
  flex:0 0 auto!important;
  width:clamp(220px,18vw,280px)!important;
  max-width:42vw!important;
  line-height:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.page-mapei-poptavka-mapei-poptavkovy-formular > header .top-interior-site-logo img, body.page-mapei-poptavka-mapei-poptavkovy-formular > .topbar .top-interior-site-logo img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  filter:drop-shadow(0 3px 4px rgba(0,0,0,.8)) drop-shadow(0 0 8px rgba(214,177,95,.16));
}
body.page-mapei-poptavka-mapei-poptavkovy-formular > header nav a, body.page-mapei-poptavka-mapei-poptavkovy-formular > header .nav a, body.page-mapei-poptavka-mapei-poptavkovy-formular > header .back, body.page-mapei-poptavka-mapei-poptavkovy-formular > header .outline{
  color:#f3e9f5!important;
  text-shadow:0 1px 3px rgba(0,0,0,.75);
}
body.page-mapei-poptavka-mapei-poptavkovy-formular > header nav a:hover, body.page-mapei-poptavka-mapei-poptavkovy-formular > header .nav a:hover{color:#f1cf77!important}

/* Logo TOP INTERIOR doplněné do poptávkových formulářů */
html.page-mapei-poptavka-mapei-poptavkovy-formular .ti-form-site-logo{
  position:absolute;
  left:20px;
  top:50%;
  transform:translateY(-50%);
  display:block;
  width:clamp(178px,15vw,220px);
  max-width:23vw;
  line-height:0;
  z-index:2;
}
html.page-mapei-poptavka-mapei-poptavkovy-formular .ti-form-site-logo img{
  display:block;
  width:100%;
  height:auto;
  filter:drop-shadow(0 3px 4px rgba(0,0,0,.82)) drop-shadow(0 0 7px rgba(214,177,95,.14));
}
body.page-mapei-poptavka-mapei-poptavkovy-formular > header.topbar .topbar-inner, body.page-mapei-poptavka-mapei-poptavkovy-formular > .topbar .topbar-inner{
  position:relative!important;
  max-width:1500px!important;
  min-height:78px!important;
  padding-left:clamp(222px,20vw,292px)!important;
}
body.page-mapei-poptavka-mapei-poptavkovy-formular > header.topbar .brand h1, body.page-mapei-poptavka-mapei-poptavkovy-formular > header.topbar .brand p, body.page-mapei-poptavka-mapei-poptavkovy-formular > .topbar .brand h1, body.page-mapei-poptavka-mapei-poptavkovy-formular > .topbar .brand p, body.page-mapei-poptavka-mapei-poptavkovy-formular > header.topbar .brand-title h1, body.page-mapei-poptavka-mapei-poptavkovy-formular > header.topbar .brand-title p, body.page-mapei-poptavka-mapei-poptavkovy-formular > .topbar .brand-title h1, body.page-mapei-poptavka-mapei-poptavkovy-formular > .topbar .brand-title p{
  color:#fff!important;
  text-shadow:0 1px 3px rgba(0,0,0,.75)!important;
}
body.page-mapei-poptavka-mapei-poptavkovy-formular > header.topbar .brand p, body.page-mapei-poptavka-mapei-poptavkovy-formular > .topbar .brand p, body.page-mapei-poptavka-mapei-poptavkovy-formular > header.topbar .brand-title p, body.page-mapei-poptavka-mapei-poptavkovy-formular > .topbar .brand-title p{color:#ded0e5!important}
body.page-mapei-poptavka-mapei-poptavkovy-formular > header.topbar .actions .btn, body.page-mapei-poptavka-mapei-poptavkovy-formular > .topbar .actions .btn, body.page-mapei-poptavka-mapei-poptavkovy-formular > header.topbar .actions a, body.page-mapei-poptavka-mapei-poptavkovy-formular > .topbar .actions a{
  box-shadow:0 3px 10px rgba(0,0,0,.22);
}

/* Obecný značkový poptávkový formulář */
body.page-mapei-poptavka-mapei-poptavkovy-formular > header .generic-topbar-inner{
  position:relative!important;
  width:100%!important;
  max-width:1500px!important;
  margin:auto!important;
  min-height:64px!important;
  padding-left:clamp(222px,20vw,292px)!important;
}
body.page-mapei-poptavka-mapei-poptavkovy-formular > header .generic-form-brand, body.page-mapei-poptavka-mapei-poptavkovy-formular > header .generic-top-actions{color:#fff!important}

/* Interaktivní koupelna */
body.page-mapei-poptavka-mapei-poptavkovy-formular > header .ti-inline-header-logo{
  display:block;
  width:clamp(220px,20vw,292px);
  line-height:0;
  margin:0 0 10px;
}
body.page-mapei-poptavka-mapei-poptavkovy-formular > header .ti-inline-header-logo img{display:block;width:100%;height:auto;filter:drop-shadow(0 3px 4px rgba(0,0,0,.8))}
body.page-mapei-poptavka-mapei-poptavkovy-formular > header.ti-inline-header{max-width:none!important;margin:0!important;padding:14px max(24px,calc((100vw - 1760px)/2)) 15px!important}
body.page-mapei-poptavka-mapei-poptavkovy-formular > header.ti-inline-header h1{color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.75)}

@media(max-width:900px){
  body.page-mapei-poptavka-mapei-poptavkovy-formular > header .top-interior-site-logo, body.page-mapei-poptavka-mapei-poptavkovy-formular > .topbar .top-interior-site-logo{width:210px!important;max-width:60vw!important}
  body.page-mapei-poptavka-mapei-poptavkovy-formular > header.topbar .topbar-inner, body.page-mapei-poptavka-mapei-poptavkovy-formular > .topbar .topbar-inner, body.page-mapei-poptavka-mapei-poptavkovy-formular > header .generic-topbar-inner{
    padding-left:20px!important;
    min-height:0!important;
  }
  html.page-mapei-poptavka-mapei-poptavkovy-formular .ti-form-site-logo{
    position:relative;
    left:auto;top:auto;transform:none;
    width:210px;max-width:64vw;
    grid-column:1/-1;
    margin:0 0 4px;
  }
}
@media(max-width:560px){
  body.page-mapei-poptavka-mapei-poptavkovy-formular > header .top-interior-site-logo, body.page-mapei-poptavka-mapei-poptavkovy-formular > .topbar .top-interior-site-logo{width:188px!important;max-width:66vw!important}
  html.page-mapei-poptavka-mapei-poptavkovy-formular .ti-form-site-logo{width:190px}
}


/* Krok 98 – sjednocené logo, zvětšená hlavní lišta a informační doložka */
html.page-mapei-poptavka-mapei-poptavkovy-formular{
  --ti-logo-secondary-width:clamp(190px,16vw,230px);
  --ti-logo-form-width:clamp(162px,14vw,184px);
}

/* Jednotný vzhled loga na všech běžných a interních stránkách */
body.page-mapei-poptavka-mapei-poptavkovy-formular > header .top-interior-site-logo, body.page-mapei-poptavka-mapei-poptavkovy-formular > .topbar .top-interior-site-logo{
  width:var(--ti-logo-secondary-width)!important;
  max-width:min(48vw,230px)!important;
  min-width:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.page-mapei-poptavka-mapei-poptavkovy-formular > header .top-interior-site-logo img, body.page-mapei-poptavka-mapei-poptavkovy-formular > .topbar .top-interior-site-logo img, html.page-mapei-poptavka-mapei-poptavkovy-formular .ti-form-site-logo img, body.page-mapei-poptavka-mapei-poptavkovy-formular > header .ti-inline-header-logo img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  clip-path:none!important;
}

/* Hlavní stránka: lišta přibližně o 70 % vyšší a úměrně větší logo */
body.page-mapei-poptavka-mapei-poptavkovy-formular > header.ti-main-header{
  min-height:106px!important;
  padding:22px 3vw!important;
  align-items:center!important;
}
body.page-mapei-poptavka-mapei-poptavkovy-formular > header.ti-main-header .top-interior-site-logo{
  width:clamp(300px,24vw,372px)!important;
  max-width:38vw!important;
}
body.page-mapei-poptavka-mapei-poptavkovy-formular > header.ti-main-header nav{
  align-self:center!important;
}

/* Poptávkové formuláře: celé, nepřerostlé a shodné logo */
html.page-mapei-poptavka-mapei-poptavkovy-formular .ti-form-site-logo{
  position:absolute!important;
  left:22px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  display:block!important;
  width:var(--ti-logo-form-width)!important;
  max-width:184px!important;
  min-width:0!important;
  line-height:0!important;
  overflow:visible!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  z-index:3!important;
}
body.page-mapei-poptavka-mapei-poptavkovy-formular > header.topbar .topbar-inner, body.page-mapei-poptavka-mapei-poptavkovy-formular > .topbar .topbar-inner, body.page-mapei-poptavka-mapei-poptavkovy-formular > header .generic-topbar-inner{
  padding-left:clamp(212px,18vw,246px)!important;
  min-height:82px!important;
}

/* Společná informační doložka ve spodní části všech stránek */
html.page-mapei-poptavka-mapei-poptavkovy-formular .ti-site-notice{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:22px max(22px,5vw)!important;
  border-top:1px solid rgba(214,177,95,.32)!important;
  background:#09050f!important;
  color:#cfc2d5!important;
  font:400 11px/1.65 Inter,Arial,sans-serif!important;
  letter-spacing:0!important;
  text-align:left!important;
}
html.page-mapei-poptavka-mapei-poptavkovy-formular .ti-site-notice strong{
  color:#e2c577!important;
  font-weight:800!important;
}
html.page-mapei-poptavka-mapei-poptavkovy-formular .ti-site-notice p{
  max-width:1380px!important;
  margin:0 auto!important;
}

@media(max-width:1180px){
  body.page-mapei-poptavka-mapei-poptavkovy-formular > header.ti-main-header{
    min-height:0!important;
    padding:19px 3vw!important;
  }
  body.page-mapei-poptavka-mapei-poptavkovy-formular > header.ti-main-header .top-interior-site-logo{
    width:clamp(270px,34vw,340px)!important;
    max-width:58vw!important;
  }
}
@media(max-width:900px){
  body.page-mapei-poptavka-mapei-poptavkovy-formular > header .top-interior-site-logo, body.page-mapei-poptavka-mapei-poptavkovy-formular > .topbar .top-interior-site-logo{
    width:210px!important;
    max-width:64vw!important;
  }
  body.page-mapei-poptavka-mapei-poptavkovy-formular > header.ti-main-header{
    padding:18px 20px!important;
  }
  body.page-mapei-poptavka-mapei-poptavkovy-formular > header.ti-main-header .top-interior-site-logo{
    width:260px!important;
    max-width:72vw!important;
  }
  body.page-mapei-poptavka-mapei-poptavkovy-formular > header.topbar .topbar-inner, body.page-mapei-poptavka-mapei-poptavkovy-formular > .topbar .topbar-inner, body.page-mapei-poptavka-mapei-poptavkovy-formular > header .generic-topbar-inner{
    padding-left:20px!important;
    min-height:0!important;
  }
  html.page-mapei-poptavka-mapei-poptavkovy-formular .ti-form-site-logo{
    position:relative!important;
    left:auto!important;
    top:auto!important;
    transform:none!important;
    width:184px!important;
    max-width:56vw!important;
    grid-column:1/-1!important;
    margin:0 0 8px!important;
  }
}
@media(max-width:560px){
  body.page-mapei-poptavka-mapei-poptavkovy-formular > header.ti-main-header .top-interior-site-logo{
    width:232px!important;
    max-width:78vw!important;
  }
  html.page-mapei-poptavka-mapei-poptavkovy-formular .ti-form-site-logo{
    width:172px!important;
    max-width:62vw!important;
  }
  html.page-mapei-poptavka-mapei-poptavkovy-formular .ti-site-notice{
    padding:18px 17px!important;
    font-size:10.5px!important;
  }
}


/* Krok 99 – kompaktnější hlavní lišta a dvouřádkové hlavičky poptávek */
html.page-mapei-poptavka-mapei-poptavkovy-formular{
  --ti-logo-shared-width:clamp(300px,24vw,372px);
}

/* Jedna velikost a jeden vzhled loga na všech stránkách. */
body.page-mapei-poptavka-mapei-poptavkovy-formular > header .top-interior-site-logo, body.page-mapei-poptavka-mapei-poptavkovy-formular > .topbar .top-interior-site-logo, html.page-mapei-poptavka-mapei-poptavkovy-formular .ti-form-site-logo, body.page-mapei-poptavka-mapei-poptavkovy-formular > header .ti-inline-header-logo{
  width:var(--ti-logo-shared-width)!important;
  max-width:38vw!important;
  min-width:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  line-height:0!important;
}
body.page-mapei-poptavka-mapei-poptavkovy-formular > header .top-interior-site-logo img, body.page-mapei-poptavka-mapei-poptavkovy-formular > .topbar .top-interior-site-logo img, html.page-mapei-poptavka-mapei-poptavkovy-formular .ti-form-site-logo img, body.page-mapei-poptavka-mapei-poptavkovy-formular > header .ti-inline-header-logo img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:left center!important;
  clip-path:none!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* Hlavní stránka: lišta o přibližně 10 % nižší, velikost loga zůstává. */
body.page-mapei-poptavka-mapei-poptavkovy-formular > header.ti-main-header, body.page-mapei-poptavka-mapei-poptavkovy-formular > header.ti-request-hub-header{
  min-height:96px!important;
  padding:20px 3vw!important;
  align-items:center!important;
}
body.page-mapei-poptavka-mapei-poptavkovy-formular > header.ti-main-header .top-interior-site-logo, body.page-mapei-poptavka-mapei-poptavkovy-formular > header.ti-request-hub-header .top-interior-site-logo{
  width:var(--ti-logo-shared-width)!important;
  max-width:38vw!important;
}

/* Poptávkové formuláře: logo je samostatně v prvním řádku vlevo. */
body.page-mapei-poptavka-mapei-poptavkovy-formular > header.topbar .topbar-inner, body.page-mapei-poptavka-mapei-poptavkovy-formular > .topbar .topbar-inner{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-areas:
    "ti-logo ti-logo"
    "ti-brand ti-actions"!important;
  align-items:center!important;
  column-gap:22px!important;
  row-gap:13px!important;
  width:100%!important;
  max-width:none!important;
  padding:18px 3vw!important;
  min-height:0!important;
}
body.page-mapei-poptavka-mapei-poptavkovy-formular > header.topbar .topbar-inner > .ti-form-site-logo, body.page-mapei-poptavka-mapei-poptavkovy-formular > .topbar .topbar-inner > .ti-form-site-logo{
  grid-area:ti-logo!important;
  position:relative!important;
  left:auto!important;
  top:auto!important;
  transform:none!important;
  justify-self:start!important;
  align-self:start!important;
  display:block!important;
  width:var(--ti-logo-shared-width)!important;
  max-width:38vw!important;
  margin:0!important;
  z-index:3!important;
}
body.page-mapei-poptavka-mapei-poptavkovy-formular > header.topbar .topbar-inner > .brand, body.page-mapei-poptavka-mapei-poptavkovy-formular > .topbar .topbar-inner > .brand, body.page-mapei-poptavka-mapei-poptavkovy-formular > header.topbar .topbar-inner > .brand-title, body.page-mapei-poptavka-mapei-poptavkovy-formular > .topbar .topbar-inner > .brand-title{
  grid-area:ti-brand!important;
  min-width:0!important;
}
body.page-mapei-poptavka-mapei-poptavkovy-formular > header.topbar .topbar-inner > .actions, body.page-mapei-poptavka-mapei-poptavkovy-formular > .topbar .topbar-inner > .actions{
  grid-area:ti-actions!important;
  align-self:center!important;
}

/* Obecný značkový formulář používá stejné dvouřádkové rozložení. */
body.page-mapei-poptavka-mapei-poptavkovy-formular > header .generic-topbar-inner{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-areas:
    "ti-logo ti-logo"
    "ti-brand ti-actions"!important;
  align-items:center!important;
  column-gap:22px!important;
  row-gap:13px!important;
  width:100%!important;
  max-width:none!important;
  margin:auto!important;
  padding:18px 3vw!important;
  min-height:0!important;
}
body.page-mapei-poptavka-mapei-poptavkovy-formular > header .generic-topbar-inner > .ti-form-site-logo{
  grid-area:ti-logo!important;
  position:relative!important;
  left:auto!important;
  top:auto!important;
  transform:none!important;
  justify-self:start!important;
  width:var(--ti-logo-shared-width)!important;
  max-width:38vw!important;
  margin:0!important;
}
body.page-mapei-poptavka-mapei-poptavkovy-formular > header .generic-topbar-inner > .generic-form-brand{grid-area:ti-brand!important}
body.page-mapei-poptavka-mapei-poptavkovy-formular > header .generic-topbar-inner > .generic-top-actions{grid-area:ti-actions!important}

/* Centrum E-shop / Poptávky má stejnou hlavičku jako hlavní stránka. */
body.page-mapei-poptavka-mapei-poptavkovy-formular > header.ti-request-hub-header{
  display:flex!important;
  justify-content:space-between!important;
  gap:24px!important;
}
body.page-mapei-poptavka-mapei-poptavkovy-formular > header.ti-request-hub-header .back{
  flex:0 0 auto!important;
}

@media(max-width:1180px){
  html.page-mapei-poptavka-mapei-poptavkovy-formular{--ti-logo-shared-width:clamp(270px,34vw,340px)}
  body.page-mapei-poptavka-mapei-poptavkovy-formular > header.ti-main-header, body.page-mapei-poptavka-mapei-poptavkovy-formular > header.ti-request-hub-header{min-height:0!important;padding:17px 3vw!important}
  body.page-mapei-poptavka-mapei-poptavkovy-formular > header .top-interior-site-logo, body.page-mapei-poptavka-mapei-poptavkovy-formular > .topbar .top-interior-site-logo, html.page-mapei-poptavka-mapei-poptavkovy-formular .ti-form-site-logo, body.page-mapei-poptavka-mapei-poptavkovy-formular > header .ti-inline-header-logo{max-width:58vw!important}

  body.page-mapei-poptavka-mapei-poptavkovy-formular > header.topbar .topbar-inner, body.page-mapei-poptavka-mapei-poptavkovy-formular > .topbar .topbar-inner, body.page-mapei-poptavka-mapei-poptavkovy-formular > header .generic-topbar-inner{
    grid-template-columns:1fr!important;
    grid-template-areas:"ti-logo" "ti-brand" "ti-actions"!important;
  }
  body.page-mapei-poptavka-mapei-poptavkovy-formular > header.topbar .topbar-inner > .actions, body.page-mapei-poptavka-mapei-poptavkovy-formular > .topbar .topbar-inner > .actions, body.page-mapei-poptavka-mapei-poptavkovy-formular > header .generic-topbar-inner > .generic-top-actions{
    width:100%!important;
    max-width:100%!important;
    justify-self:start!important;
    justify-content:flex-start!important;
  }
}
@media(max-width:900px){
  html.page-mapei-poptavka-mapei-poptavkovy-formular{--ti-logo-shared-width:260px}
  body.page-mapei-poptavka-mapei-poptavkovy-formular > header.ti-main-header, body.page-mapei-poptavka-mapei-poptavkovy-formular > header.ti-request-hub-header{padding:16px 20px!important}
  body.page-mapei-poptavka-mapei-poptavkovy-formular > header .top-interior-site-logo, body.page-mapei-poptavka-mapei-poptavkovy-formular > .topbar .top-interior-site-logo, html.page-mapei-poptavka-mapei-poptavkovy-formular .ti-form-site-logo, body.page-mapei-poptavka-mapei-poptavkovy-formular > header .ti-inline-header-logo{max-width:72vw!important}
  body.page-mapei-poptavka-mapei-poptavkovy-formular > header.topbar .topbar-inner, body.page-mapei-poptavka-mapei-poptavkovy-formular > .topbar .topbar-inner, body.page-mapei-poptavka-mapei-poptavkovy-formular > header .generic-topbar-inner{
    grid-template-columns:1fr!important;
    grid-template-areas:"ti-logo" "ti-brand" "ti-actions"!important;
    padding:16px 20px!important;
  }
  body.page-mapei-poptavka-mapei-poptavkovy-formular > header.topbar .topbar-inner > .actions, body.page-mapei-poptavka-mapei-poptavkovy-formular > .topbar .topbar-inner > .actions, body.page-mapei-poptavka-mapei-poptavkovy-formular > header .generic-topbar-inner > .generic-top-actions{
    justify-self:start!important;
    justify-content:flex-start!important;
  }
  body.page-mapei-poptavka-mapei-poptavkovy-formular > header.ti-request-hub-header{
    flex-wrap:wrap!important;
  }
}
@media(max-width:560px){
  html.page-mapei-poptavka-mapei-poptavkovy-formular{--ti-logo-shared-width:232px}
  body.page-mapei-poptavka-mapei-poptavkovy-formular > header .top-interior-site-logo, body.page-mapei-poptavka-mapei-poptavkovy-formular > .topbar .top-interior-site-logo, html.page-mapei-poptavka-mapei-poptavkovy-formular .ti-form-site-logo, body.page-mapei-poptavka-mapei-poptavkovy-formular > header .ti-inline-header-logo{max-width:78vw!important}
}


/* Krok 113 – společné logo TOP INTERIOR by JOVEE Services */
html.page-mapei-poptavka-mapei-poptavkovy-formular{--ti-combined-logo-width:clamp(370px,31vw,500px)}
body.page-mapei-poptavka-mapei-poptavkovy-formular > header .top-interior-site-logo, body.page-mapei-poptavka-mapei-poptavkovy-formular > .topbar .top-interior-site-logo, html.page-mapei-poptavka-mapei-poptavkovy-formular .ti-form-site-logo, body.page-mapei-poptavka-mapei-poptavkovy-formular > header .ti-inline-header-logo{
  width:var(--ti-combined-logo-width)!important;
  max-width:46vw!important;
}
body.page-mapei-poptavka-mapei-poptavkovy-formular > header.ti-main-header .top-interior-site-logo, body.page-mapei-poptavka-mapei-poptavkovy-formular > header.ti-request-hub-header .top-interior-site-logo{
  width:clamp(410px,34vw,535px)!important;
  max-width:48vw!important;
}
body.page-mapei-poptavka-mapei-poptavkovy-formular > header .top-interior-site-logo img, body.page-mapei-poptavka-mapei-poptavkovy-formular > .topbar .top-interior-site-logo img, html.page-mapei-poptavka-mapei-poptavkovy-formular .ti-form-site-logo img, body.page-mapei-poptavka-mapei-poptavkovy-formular > header .ti-inline-header-logo img{
  filter:none!important;
  object-fit:contain!important;
  object-position:left center!important;
}
body.page-mapei-poptavka-mapei-poptavkovy-formular > header.ti-main-header, body.page-mapei-poptavka-mapei-poptavkovy-formular > header.ti-request-hub-header{
  padding-top:12px!important;
  padding-bottom:12px!important;
}
@media(max-width:1180px){
  html.page-mapei-poptavka-mapei-poptavkovy-formular{--ti-combined-logo-width:clamp(330px,43vw,450px)}
  body.page-mapei-poptavka-mapei-poptavkovy-formular > header.ti-main-header .top-interior-site-logo, body.page-mapei-poptavka-mapei-poptavkovy-formular > header.ti-request-hub-header .top-interior-site-logo{width:clamp(350px,48vw,465px)!important;max-width:58vw!important}
}
@media(max-width:900px){
  html.page-mapei-poptavka-mapei-poptavkovy-formular{--ti-combined-logo-width:320px}
  body.page-mapei-poptavka-mapei-poptavkovy-formular > header.ti-main-header .top-interior-site-logo, body.page-mapei-poptavka-mapei-poptavkovy-formular > header.ti-request-hub-header .top-interior-site-logo{width:340px!important;max-width:78vw!important}
}
@media(max-width:560px){
  html.page-mapei-poptavka-mapei-poptavkovy-formular{--ti-combined-logo-width:280px}
  body.page-mapei-poptavka-mapei-poptavkovy-formular > header.ti-main-header .top-interior-site-logo, body.page-mapei-poptavka-mapei-poptavkovy-formular > header.ti-request-hub-header .top-interior-site-logo{width:300px!important;max-width:86vw!important}
}

/* Krok 115 – vyvážená výška hlavní lišty pro společné logo */
html.page-mapei-poptavka-mapei-poptavkovy-formular{
  --ti-combined-logo-width:clamp(330px,25vw,390px);
}

/* Běžné interní stránky a formuláře: čitelné logo bez přerůstání. */
body.page-mapei-poptavka-mapei-poptavkovy-formular > header .top-interior-site-logo, body.page-mapei-poptavka-mapei-poptavkovy-formular > .topbar .top-interior-site-logo, html.page-mapei-poptavka-mapei-poptavkovy-formular .ti-form-site-logo, body.page-mapei-poptavka-mapei-poptavkovy-formular > header .ti-inline-header-logo{
  width:var(--ti-combined-logo-width)!important;
  max-width:42vw!important;
}

/* Hlavní navigační lišta: návrat k původní vyvážené výšce. */
body.page-mapei-poptavka-mapei-poptavkovy-formular > header.ti-main-header, body.page-mapei-poptavka-mapei-poptavkovy-formular > header.ti-request-hub-header{
  min-height:112px!important;
  padding:9px 3vw!important;
  align-items:center!important;
}
body.page-mapei-poptavka-mapei-poptavkovy-formular > header.ti-main-header .top-interior-site-logo, body.page-mapei-poptavka-mapei-poptavkovy-formular > header.ti-request-hub-header .top-interior-site-logo{
  width:clamp(360px,27vw,420px)!important;
  max-width:43vw!important;
}
body.page-mapei-poptavka-mapei-poptavkovy-formular > header.ti-main-header nav{
  gap:clamp(12px,1.15vw,20px)!important;
  font-size:clamp(11px,.72vw,13px)!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
}
body.page-mapei-poptavka-mapei-poptavkovy-formular > header.ti-main-header nav a{white-space:nowrap!important}

@media(max-width:1180px){
  html.page-mapei-poptavka-mapei-poptavkovy-formular{--ti-combined-logo-width:clamp(300px,31vw,350px)}
  body.page-mapei-poptavka-mapei-poptavkovy-formular > header.ti-main-header, body.page-mapei-poptavka-mapei-poptavkovy-formular > header.ti-request-hub-header{
    min-height:100px!important;
    padding:9px 3vw!important;
  }
  body.page-mapei-poptavka-mapei-poptavkovy-formular > header.ti-main-header .top-interior-site-logo, body.page-mapei-poptavka-mapei-poptavkovy-formular > header.ti-request-hub-header .top-interior-site-logo{
    width:clamp(310px,32vw,365px)!important;
    max-width:42vw!important;
  }
  body.page-mapei-poptavka-mapei-poptavkovy-formular > header.ti-main-header nav{
    gap:10px!important;
    font-size:11px!important;
  }
}
@media(max-width:900px){
  html.page-mapei-poptavka-mapei-poptavkovy-formular{--ti-combined-logo-width:290px}
  body.page-mapei-poptavka-mapei-poptavkovy-formular > header.ti-main-header, body.page-mapei-poptavka-mapei-poptavkovy-formular > header.ti-request-hub-header{
    min-height:0!important;
    padding:12px 20px!important;
  }
  body.page-mapei-poptavka-mapei-poptavkovy-formular > header.ti-main-header .top-interior-site-logo, body.page-mapei-poptavka-mapei-poptavkovy-formular > header.ti-request-hub-header .top-interior-site-logo{
    width:300px!important;
    max-width:76vw!important;
  }
}
@media(max-width:560px){
  html.page-mapei-poptavka-mapei-poptavkovy-formular{--ti-combined-logo-width:255px}
  body.page-mapei-poptavka-mapei-poptavkovy-formular > header.ti-main-header, body.page-mapei-poptavka-mapei-poptavkovy-formular > header.ti-request-hub-header{padding:10px 16px!important}
  body.page-mapei-poptavka-mapei-poptavkovy-formular > header.ti-main-header .top-interior-site-logo, body.page-mapei-poptavka-mapei-poptavkovy-formular > header.ti-request-hub-header .top-interior-site-logo{
    width:268px!important;
    max-width:82vw!important;
  }
}


/* ===== mapei-shop.html ===== */

/* Source: assets/css/mapei-shop.css */
/* Source style block 1 */
html.page-mapei-shop{--bg:#160b22;--panel:#28153a;--gold:#d6b15f;--text:#f6eef7;--muted:#c6b8cd;--line:rgba(214,177,95,.25)}
html.page-mapei-shop *{box-sizing:border-box}html.page-mapei-shop{scroll-behavior:smooth}body.page-mapei-shop{margin:0;font-family:Arial,sans-serif;background:linear-gradient(180deg,#160b22,#28143a);color:var(--text)}
html.page-mapei-shop a{text-decoration:none;color:inherit}html.page-mapei-shop .wrap{max-width:1400px;margin:auto;padding-left:5vw;padding-right:5vw}
html.page-mapei-shop header{position:sticky;top:0;z-index:30;display:flex;justify-content:space-between;align-items:center;padding:16px 5vw;background:rgba(22,11,34,.96);border-bottom:1px solid var(--line)}
html.page-mapei-shop .logo{color:var(--gold);font-weight:900;letter-spacing:.08em}html.page-mapei-shop .nav{display:flex;gap:8px;flex-wrap:wrap}html.page-mapei-shop .btn, html.page-mapei-shop .outline{display:inline-flex;align-items:center;justify-content:center;padding:11px 14px;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.06em}
html.page-mapei-shop .btn{background:var(--gold);color:#281437}html.page-mapei-shop .outline{border:1px solid var(--gold);color:var(--gold)}
html.page-mapei-shop .hero{padding-top:70px;padding-bottom:42px}html.page-mapei-shop .eyebrow{color:var(--gold);font-size:11px;text-transform:uppercase;letter-spacing:.16em;font-weight:850}
html.page-mapei-shop h1, html.page-mapei-shop h2, html.page-mapei-shop h3{font-family:Georgia,serif;font-weight:500}html.page-mapei-shop h1{font-size:clamp(46px,7vw,90px);line-height:.94;margin:17px 0}html.page-mapei-shop h2{font-size:clamp(34px,4vw,58px);margin:0 0 18px}
html.page-mapei-shop p{color:var(--muted);line-height:1.65}html.page-mapei-shop .panel{background:rgba(255,255,255,.045);border:1px solid var(--line)}html.page-mapei-shop input, html.page-mapei-shop select, html.page-mapei-shop textarea{width:100%;padding:11px;background:#12091b;border:1px solid var(--line);color:#fff}
html.page-mapei-shop button{font:inherit;cursor:pointer}html.page-mapei-shop .notice{padding:16px 18px;border-left:4px solid var(--gold);background:rgba(214,177,95,.08);color:#d8cadf;font-size:13px;line-height:1.55}
html.page-mapei-shop footer{margin-top:70px;padding:26px 5vw;border-top:1px solid var(--line);color:#aa9cb2;font-size:12px}

    html.page-mapei-shop .layout{display:grid;grid-template-columns:1fr 370px;gap:18px;padding-bottom:70px}html.page-mapei-shop .items{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
    html.page-mapei-shop .item{padding:20px}html.page-mapei-shop .item h3{color:var(--gold);font-size:21px;margin:8px 0}html.page-mapei-shop .meta{font-size:11px;color:#b7a8bf}html.page-mapei-shop .controls{display:grid;grid-template-columns:1.4fr .6fr;gap:8px;margin-top:14px}
    html.page-mapei-shop .controls button{grid-column:1/-1;border:0;background:var(--gold);color:#281437;padding:11px;font-weight:900}html.page-mapei-shop .cart{padding:22px;position:sticky;top:82px;align-self:start}
    html.page-mapei-shop .cartitem{padding:10px;border:1px solid var(--line);margin-bottom:8px}html.page-mapei-shop .cartitem b{display:block}html.page-mapei-shop .cartitem span{font-size:11px;color:#b7a8bf}
    @media(max-width:900px){html.page-mapei-shop .layout{grid-template-columns:1fr}html.page-mapei-shop .cart{position:static}}@media(max-width:620px){html.page-mapei-shop .items{grid-template-columns:1fr}}
    
/* Krok 96 – jednotné obrazové logo TOP INTERIOR */
html.page-mapei-shop header{padding-top:10px!important;padding-bottom:10px!important;}
html.page-mapei-shop .logo.top-interior-site-logo, html.page-mapei-shop .visoft-page-logo.top-interior-site-logo{
  display:block!important;
  width:clamp(152px,16vw,184px)!important;
  line-height:0!important;
  overflow:hidden!important;
  border:1px solid rgba(214,177,95,.44)!important;
  border-radius:3px!important;
  background:#180a23!important;
  box-shadow:0 7px 21px rgba(0,0,0,.28)!important;
}
html.page-mapei-shop .logo.top-interior-site-logo img, html.page-mapei-shop .visoft-page-logo.top-interior-site-logo img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:1610/630!important;
  object-fit:cover!important;
}
@media(max-width:520px){
  html.page-mapei-shop .logo.top-interior-site-logo, html.page-mapei-shop .visoft-page-logo.top-interior-site-logo{width:142px!important;}
}


/* Source: assets/css/site-responsive.css */
/* Shared responsive and accessibility layer. Mobile-first; page-specific CSS remains unchanged. */
html.page-mapei-shop{ --touch-target: 2.75rem; }
html.page-mapei-shop{ width: 100%; overflow-x: hidden; -webkit-text-size-adjust: 100%; }
body.page-mapei-shop{ width: 100%; min-width: 0; overflow-x: clip; }
html.page-mapei-shop img, html.page-mapei-shop picture, html.page-mapei-shop video, html.page-mapei-shop canvas, html.page-mapei-shop svg{ display: block; max-width: 100%; height: auto; }
html.page-mapei-shop iframe{ max-width: 100%; }
html.page-mapei-shop main, html.page-mapei-shop section, html.page-mapei-shop article, html.page-mapei-shop header, html.page-mapei-shop footer, html.page-mapei-shop nav, html.page-mapei-shop form, html.page-mapei-shop fieldset, html.page-mapei-shop .wrap, html.page-mapei-shop .container{ min-width: 0; }
html.page-mapei-shop button, html.page-mapei-shop input, html.page-mapei-shop select, html.page-mapei-shop textarea{ max-width: 100%; font: inherit; }
html.page-mapei-shop button, html.page-mapei-shop input[type="button"], html.page-mapei-shop input[type="submit"], html.page-mapei-shop input[type="reset"], html.page-mapei-shop select, html.page-mapei-shop .btn, html.page-mapei-shop .button, html.page-mapei-shop [role="button"]{ min-height: var(--touch-target); }
html.page-mapei-shop textarea{ min-height: 7rem; resize: vertical; }
html.page-mapei-shop .ti-mobile-menu-toggle{
  display: inline-flex; align-items: center; justify-content: center; gap: .5rem;
  min-width: var(--touch-target); min-height: var(--touch-target); padding: .65rem .8rem;
  border: 1px solid rgba(214,177,95,.7); background: rgba(18,8,28,.72);
  color: #f4ead0; font-weight: 800; cursor: pointer;
}
html.page-mapei-shop .ti-mobile-menu-toggle__icon, html.page-mapei-shop .ti-mobile-menu-toggle__icon::before, html.page-mapei-shop .ti-mobile-menu-toggle__icon::after{
  display: block; width: 1.25rem; height: .125rem; background: currentColor; content: ""; transition: transform .2s ease;
}
html.page-mapei-shop .ti-mobile-menu-toggle__icon{ position: relative; }
html.page-mapei-shop .ti-mobile-menu-toggle__icon::before{ position: absolute; top: -.4rem; }
html.page-mapei-shop .ti-mobile-menu-toggle__icon::after{ position: absolute; top: .4rem; }
html.page-mapei-shop header.ti-mobile-nav-header{ flex-wrap: wrap; }
html.page-mapei-shop header.ti-mobile-nav-header > nav{ display: none !important; width: 100%; flex-direction: column; align-items: stretch; gap: .25rem; padding-top: .75rem; }
html.page-mapei-shop header.ti-nav-open > nav{ display: flex !important; }
html.page-mapei-shop header.ti-mobile-nav-header > nav a{ display: flex; align-items: center; min-height: var(--touch-target); padding: .65rem .75rem; }
@media (max-width: 47.99rem) {
  html.page-mapei-shop h1{ overflow-wrap: anywhere; }
  html.page-mapei-shop .wrap, html.page-mapei-shop .container{ width: 100%; padding-inline: clamp(1rem, 4vw, 1.5rem); }
  html.page-mapei-shop .grid, html.page-mapei-shop .cards, html.page-mapei-shop .card-grid, html.page-mapei-shop .brand-grid, html.page-mapei-shop .product-grid, html.page-mapei-shop .form-grid{ grid-template-columns: minmax(0, 1fr) !important; }
  html.page-mapei-shop table{ display: block; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
}
@media (min-width: 56.25rem) {
  html.page-mapei-shop .ti-mobile-menu-toggle{ display: none; }
  html.page-mapei-shop header.ti-mobile-nav-header{ flex-wrap: nowrap; }
  html.page-mapei-shop header.ti-mobile-nav-header > nav{ display: flex !important; width: auto; flex-direction: row; align-items: center; padding-top: 0; }
  html.page-mapei-shop header.ti-mobile-nav-header > nav a{ min-height: auto; padding: 0; }
}
@media (prefers-reduced-motion: reduce) {
  html.page-mapei-shop *, html.page-mapei-shop *::before, html.page-mapei-shop *::after{ scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}


/* Source: assets/css/top-interior-velvet-header.css */
/* Krok 97 – jednotná sametová horní lišta a logo TOP INTERIOR */
body.page-mapei-shop > header, body.page-mapei-shop > .topbar{
  background-color:#17081f!important;
  background-image:
    linear-gradient(90deg,rgba(8,3,12,.28),rgba(42,8,54,.08) 45%,rgba(8,3,12,.38)),
    url("../assets/images/top-interior-velvet-header.jpg")!important;
  background-position:center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  border-top:0!important;
  border-bottom:1px solid rgba(214,177,95,.58)!important;
  box-shadow:0 9px 28px rgba(0,0,0,.34)!important;
}

/* Hlavní logo na standardních stránkách */
body.page-mapei-shop > header .top-interior-site-logo, body.page-mapei-shop > .topbar .top-interior-site-logo{
  display:block!important;
  flex:0 0 auto!important;
  width:clamp(220px,18vw,280px)!important;
  max-width:42vw!important;
  line-height:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.page-mapei-shop > header .top-interior-site-logo img, body.page-mapei-shop > .topbar .top-interior-site-logo img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  filter:drop-shadow(0 3px 4px rgba(0,0,0,.8)) drop-shadow(0 0 8px rgba(214,177,95,.16));
}
body.page-mapei-shop > header nav a, body.page-mapei-shop > header .nav a, body.page-mapei-shop > header .back, body.page-mapei-shop > header .outline{
  color:#f3e9f5!important;
  text-shadow:0 1px 3px rgba(0,0,0,.75);
}
body.page-mapei-shop > header nav a:hover, body.page-mapei-shop > header .nav a:hover{color:#f1cf77!important}

/* Logo TOP INTERIOR doplněné do poptávkových formulářů */
html.page-mapei-shop .ti-form-site-logo{
  position:absolute;
  left:20px;
  top:50%;
  transform:translateY(-50%);
  display:block;
  width:clamp(178px,15vw,220px);
  max-width:23vw;
  line-height:0;
  z-index:2;
}
html.page-mapei-shop .ti-form-site-logo img{
  display:block;
  width:100%;
  height:auto;
  filter:drop-shadow(0 3px 4px rgba(0,0,0,.82)) drop-shadow(0 0 7px rgba(214,177,95,.14));
}
body.page-mapei-shop > header.topbar .topbar-inner, body.page-mapei-shop > .topbar .topbar-inner{
  position:relative!important;
  max-width:1500px!important;
  min-height:78px!important;
  padding-left:clamp(222px,20vw,292px)!important;
}
body.page-mapei-shop > header.topbar .brand h1, body.page-mapei-shop > header.topbar .brand p, body.page-mapei-shop > .topbar .brand h1, body.page-mapei-shop > .topbar .brand p, body.page-mapei-shop > header.topbar .brand-title h1, body.page-mapei-shop > header.topbar .brand-title p, body.page-mapei-shop > .topbar .brand-title h1, body.page-mapei-shop > .topbar .brand-title p{
  color:#fff!important;
  text-shadow:0 1px 3px rgba(0,0,0,.75)!important;
}
body.page-mapei-shop > header.topbar .brand p, body.page-mapei-shop > .topbar .brand p, body.page-mapei-shop > header.topbar .brand-title p, body.page-mapei-shop > .topbar .brand-title p{color:#ded0e5!important}
body.page-mapei-shop > header.topbar .actions .btn, body.page-mapei-shop > .topbar .actions .btn, body.page-mapei-shop > header.topbar .actions a, body.page-mapei-shop > .topbar .actions a{
  box-shadow:0 3px 10px rgba(0,0,0,.22);
}

/* Obecný značkový poptávkový formulář */
body.page-mapei-shop > header .generic-topbar-inner{
  position:relative!important;
  width:100%!important;
  max-width:1500px!important;
  margin:auto!important;
  min-height:64px!important;
  padding-left:clamp(222px,20vw,292px)!important;
}
body.page-mapei-shop > header .generic-form-brand, body.page-mapei-shop > header .generic-top-actions{color:#fff!important}

/* Interaktivní koupelna */
body.page-mapei-shop > header .ti-inline-header-logo{
  display:block;
  width:clamp(220px,20vw,292px);
  line-height:0;
  margin:0 0 10px;
}
body.page-mapei-shop > header .ti-inline-header-logo img{display:block;width:100%;height:auto;filter:drop-shadow(0 3px 4px rgba(0,0,0,.8))}
body.page-mapei-shop > header.ti-inline-header{max-width:none!important;margin:0!important;padding:14px max(24px,calc((100vw - 1760px)/2)) 15px!important}
body.page-mapei-shop > header.ti-inline-header h1{color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.75)}

@media(max-width:900px){
  body.page-mapei-shop > header .top-interior-site-logo, body.page-mapei-shop > .topbar .top-interior-site-logo{width:210px!important;max-width:60vw!important}
  body.page-mapei-shop > header.topbar .topbar-inner, body.page-mapei-shop > .topbar .topbar-inner, body.page-mapei-shop > header .generic-topbar-inner{
    padding-left:20px!important;
    min-height:0!important;
  }
  html.page-mapei-shop .ti-form-site-logo{
    position:relative;
    left:auto;top:auto;transform:none;
    width:210px;max-width:64vw;
    grid-column:1/-1;
    margin:0 0 4px;
  }
}
@media(max-width:560px){
  body.page-mapei-shop > header .top-interior-site-logo, body.page-mapei-shop > .topbar .top-interior-site-logo{width:188px!important;max-width:66vw!important}
  html.page-mapei-shop .ti-form-site-logo{width:190px}
}


/* Krok 98 – sjednocené logo, zvětšená hlavní lišta a informační doložka */
html.page-mapei-shop{
  --ti-logo-secondary-width:clamp(190px,16vw,230px);
  --ti-logo-form-width:clamp(162px,14vw,184px);
}

/* Jednotný vzhled loga na všech běžných a interních stránkách */
body.page-mapei-shop > header .top-interior-site-logo, body.page-mapei-shop > .topbar .top-interior-site-logo{
  width:var(--ti-logo-secondary-width)!important;
  max-width:min(48vw,230px)!important;
  min-width:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.page-mapei-shop > header .top-interior-site-logo img, body.page-mapei-shop > .topbar .top-interior-site-logo img, html.page-mapei-shop .ti-form-site-logo img, body.page-mapei-shop > header .ti-inline-header-logo img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  clip-path:none!important;
}

/* Hlavní stránka: lišta přibližně o 70 % vyšší a úměrně větší logo */
body.page-mapei-shop > header.ti-main-header{
  min-height:106px!important;
  padding:22px 3vw!important;
  align-items:center!important;
}
body.page-mapei-shop > header.ti-main-header .top-interior-site-logo{
  width:clamp(300px,24vw,372px)!important;
  max-width:38vw!important;
}
body.page-mapei-shop > header.ti-main-header nav{
  align-self:center!important;
}

/* Poptávkové formuláře: celé, nepřerostlé a shodné logo */
html.page-mapei-shop .ti-form-site-logo{
  position:absolute!important;
  left:22px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  display:block!important;
  width:var(--ti-logo-form-width)!important;
  max-width:184px!important;
  min-width:0!important;
  line-height:0!important;
  overflow:visible!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  z-index:3!important;
}
body.page-mapei-shop > header.topbar .topbar-inner, body.page-mapei-shop > .topbar .topbar-inner, body.page-mapei-shop > header .generic-topbar-inner{
  padding-left:clamp(212px,18vw,246px)!important;
  min-height:82px!important;
}

/* Společná informační doložka ve spodní části všech stránek */
html.page-mapei-shop .ti-site-notice{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:22px max(22px,5vw)!important;
  border-top:1px solid rgba(214,177,95,.32)!important;
  background:#09050f!important;
  color:#cfc2d5!important;
  font:400 11px/1.65 Inter,Arial,sans-serif!important;
  letter-spacing:0!important;
  text-align:left!important;
}
html.page-mapei-shop .ti-site-notice strong{
  color:#e2c577!important;
  font-weight:800!important;
}
html.page-mapei-shop .ti-site-notice p{
  max-width:1380px!important;
  margin:0 auto!important;
}

@media(max-width:1180px){
  body.page-mapei-shop > header.ti-main-header{
    min-height:0!important;
    padding:19px 3vw!important;
  }
  body.page-mapei-shop > header.ti-main-header .top-interior-site-logo{
    width:clamp(270px,34vw,340px)!important;
    max-width:58vw!important;
  }
}
@media(max-width:900px){
  body.page-mapei-shop > header .top-interior-site-logo, body.page-mapei-shop > .topbar .top-interior-site-logo{
    width:210px!important;
    max-width:64vw!important;
  }
  body.page-mapei-shop > header.ti-main-header{
    padding:18px 20px!important;
  }
  body.page-mapei-shop > header.ti-main-header .top-interior-site-logo{
    width:260px!important;
    max-width:72vw!important;
  }
  body.page-mapei-shop > header.topbar .topbar-inner, body.page-mapei-shop > .topbar .topbar-inner, body.page-mapei-shop > header .generic-topbar-inner{
    padding-left:20px!important;
    min-height:0!important;
  }
  html.page-mapei-shop .ti-form-site-logo{
    position:relative!important;
    left:auto!important;
    top:auto!important;
    transform:none!important;
    width:184px!important;
    max-width:56vw!important;
    grid-column:1/-1!important;
    margin:0 0 8px!important;
  }
}
@media(max-width:560px){
  body.page-mapei-shop > header.ti-main-header .top-interior-site-logo{
    width:232px!important;
    max-width:78vw!important;
  }
  html.page-mapei-shop .ti-form-site-logo{
    width:172px!important;
    max-width:62vw!important;
  }
  html.page-mapei-shop .ti-site-notice{
    padding:18px 17px!important;
    font-size:10.5px!important;
  }
}


/* Krok 99 – kompaktnější hlavní lišta a dvouřádkové hlavičky poptávek */
html.page-mapei-shop{
  --ti-logo-shared-width:clamp(300px,24vw,372px);
}

/* Jedna velikost a jeden vzhled loga na všech stránkách. */
body.page-mapei-shop > header .top-interior-site-logo, body.page-mapei-shop > .topbar .top-interior-site-logo, html.page-mapei-shop .ti-form-site-logo, body.page-mapei-shop > header .ti-inline-header-logo{
  width:var(--ti-logo-shared-width)!important;
  max-width:38vw!important;
  min-width:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  line-height:0!important;
}
body.page-mapei-shop > header .top-interior-site-logo img, body.page-mapei-shop > .topbar .top-interior-site-logo img, html.page-mapei-shop .ti-form-site-logo img, body.page-mapei-shop > header .ti-inline-header-logo img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:left center!important;
  clip-path:none!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* Hlavní stránka: lišta o přibližně 10 % nižší, velikost loga zůstává. */
body.page-mapei-shop > header.ti-main-header, body.page-mapei-shop > header.ti-request-hub-header{
  min-height:96px!important;
  padding:20px 3vw!important;
  align-items:center!important;
}
body.page-mapei-shop > header.ti-main-header .top-interior-site-logo, body.page-mapei-shop > header.ti-request-hub-header .top-interior-site-logo{
  width:var(--ti-logo-shared-width)!important;
  max-width:38vw!important;
}

/* Poptávkové formuláře: logo je samostatně v prvním řádku vlevo. */
body.page-mapei-shop > header.topbar .topbar-inner, body.page-mapei-shop > .topbar .topbar-inner{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-areas:
    "ti-logo ti-logo"
    "ti-brand ti-actions"!important;
  align-items:center!important;
  column-gap:22px!important;
  row-gap:13px!important;
  width:100%!important;
  max-width:none!important;
  padding:18px 3vw!important;
  min-height:0!important;
}
body.page-mapei-shop > header.topbar .topbar-inner > .ti-form-site-logo, body.page-mapei-shop > .topbar .topbar-inner > .ti-form-site-logo{
  grid-area:ti-logo!important;
  position:relative!important;
  left:auto!important;
  top:auto!important;
  transform:none!important;
  justify-self:start!important;
  align-self:start!important;
  display:block!important;
  width:var(--ti-logo-shared-width)!important;
  max-width:38vw!important;
  margin:0!important;
  z-index:3!important;
}
body.page-mapei-shop > header.topbar .topbar-inner > .brand, body.page-mapei-shop > .topbar .topbar-inner > .brand, body.page-mapei-shop > header.topbar .topbar-inner > .brand-title, body.page-mapei-shop > .topbar .topbar-inner > .brand-title{
  grid-area:ti-brand!important;
  min-width:0!important;
}
body.page-mapei-shop > header.topbar .topbar-inner > .actions, body.page-mapei-shop > .topbar .topbar-inner > .actions{
  grid-area:ti-actions!important;
  align-self:center!important;
}

/* Obecný značkový formulář používá stejné dvouřádkové rozložení. */
body.page-mapei-shop > header .generic-topbar-inner{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-areas:
    "ti-logo ti-logo"
    "ti-brand ti-actions"!important;
  align-items:center!important;
  column-gap:22px!important;
  row-gap:13px!important;
  width:100%!important;
  max-width:none!important;
  margin:auto!important;
  padding:18px 3vw!important;
  min-height:0!important;
}
body.page-mapei-shop > header .generic-topbar-inner > .ti-form-site-logo{
  grid-area:ti-logo!important;
  position:relative!important;
  left:auto!important;
  top:auto!important;
  transform:none!important;
  justify-self:start!important;
  width:var(--ti-logo-shared-width)!important;
  max-width:38vw!important;
  margin:0!important;
}
body.page-mapei-shop > header .generic-topbar-inner > .generic-form-brand{grid-area:ti-brand!important}
body.page-mapei-shop > header .generic-topbar-inner > .generic-top-actions{grid-area:ti-actions!important}

/* Centrum E-shop / Poptávky má stejnou hlavičku jako hlavní stránka. */
body.page-mapei-shop > header.ti-request-hub-header{
  display:flex!important;
  justify-content:space-between!important;
  gap:24px!important;
}
body.page-mapei-shop > header.ti-request-hub-header .back{
  flex:0 0 auto!important;
}

@media(max-width:1180px){
  html.page-mapei-shop{--ti-logo-shared-width:clamp(270px,34vw,340px)}
  body.page-mapei-shop > header.ti-main-header, body.page-mapei-shop > header.ti-request-hub-header{min-height:0!important;padding:17px 3vw!important}
  body.page-mapei-shop > header .top-interior-site-logo, body.page-mapei-shop > .topbar .top-interior-site-logo, html.page-mapei-shop .ti-form-site-logo, body.page-mapei-shop > header .ti-inline-header-logo{max-width:58vw!important}

  body.page-mapei-shop > header.topbar .topbar-inner, body.page-mapei-shop > .topbar .topbar-inner, body.page-mapei-shop > header .generic-topbar-inner{
    grid-template-columns:1fr!important;
    grid-template-areas:"ti-logo" "ti-brand" "ti-actions"!important;
  }
  body.page-mapei-shop > header.topbar .topbar-inner > .actions, body.page-mapei-shop > .topbar .topbar-inner > .actions, body.page-mapei-shop > header .generic-topbar-inner > .generic-top-actions{
    width:100%!important;
    max-width:100%!important;
    justify-self:start!important;
    justify-content:flex-start!important;
  }
}
@media(max-width:900px){
  html.page-mapei-shop{--ti-logo-shared-width:260px}
  body.page-mapei-shop > header.ti-main-header, body.page-mapei-shop > header.ti-request-hub-header{padding:16px 20px!important}
  body.page-mapei-shop > header .top-interior-site-logo, body.page-mapei-shop > .topbar .top-interior-site-logo, html.page-mapei-shop .ti-form-site-logo, body.page-mapei-shop > header .ti-inline-header-logo{max-width:72vw!important}
  body.page-mapei-shop > header.topbar .topbar-inner, body.page-mapei-shop > .topbar .topbar-inner, body.page-mapei-shop > header .generic-topbar-inner{
    grid-template-columns:1fr!important;
    grid-template-areas:"ti-logo" "ti-brand" "ti-actions"!important;
    padding:16px 20px!important;
  }
  body.page-mapei-shop > header.topbar .topbar-inner > .actions, body.page-mapei-shop > .topbar .topbar-inner > .actions, body.page-mapei-shop > header .generic-topbar-inner > .generic-top-actions{
    justify-self:start!important;
    justify-content:flex-start!important;
  }
  body.page-mapei-shop > header.ti-request-hub-header{
    flex-wrap:wrap!important;
  }
}
@media(max-width:560px){
  html.page-mapei-shop{--ti-logo-shared-width:232px}
  body.page-mapei-shop > header .top-interior-site-logo, body.page-mapei-shop > .topbar .top-interior-site-logo, html.page-mapei-shop .ti-form-site-logo, body.page-mapei-shop > header .ti-inline-header-logo{max-width:78vw!important}
}


/* Krok 113 – společné logo TOP INTERIOR by JOVEE Services */
html.page-mapei-shop{--ti-combined-logo-width:clamp(370px,31vw,500px)}
body.page-mapei-shop > header .top-interior-site-logo, body.page-mapei-shop > .topbar .top-interior-site-logo, html.page-mapei-shop .ti-form-site-logo, body.page-mapei-shop > header .ti-inline-header-logo{
  width:var(--ti-combined-logo-width)!important;
  max-width:46vw!important;
}
body.page-mapei-shop > header.ti-main-header .top-interior-site-logo, body.page-mapei-shop > header.ti-request-hub-header .top-interior-site-logo{
  width:clamp(410px,34vw,535px)!important;
  max-width:48vw!important;
}
body.page-mapei-shop > header .top-interior-site-logo img, body.page-mapei-shop > .topbar .top-interior-site-logo img, html.page-mapei-shop .ti-form-site-logo img, body.page-mapei-shop > header .ti-inline-header-logo img{
  filter:none!important;
  object-fit:contain!important;
  object-position:left center!important;
}
body.page-mapei-shop > header.ti-main-header, body.page-mapei-shop > header.ti-request-hub-header{
  padding-top:12px!important;
  padding-bottom:12px!important;
}
@media(max-width:1180px){
  html.page-mapei-shop{--ti-combined-logo-width:clamp(330px,43vw,450px)}
  body.page-mapei-shop > header.ti-main-header .top-interior-site-logo, body.page-mapei-shop > header.ti-request-hub-header .top-interior-site-logo{width:clamp(350px,48vw,465px)!important;max-width:58vw!important}
}
@media(max-width:900px){
  html.page-mapei-shop{--ti-combined-logo-width:320px}
  body.page-mapei-shop > header.ti-main-header .top-interior-site-logo, body.page-mapei-shop > header.ti-request-hub-header .top-interior-site-logo{width:340px!important;max-width:78vw!important}
}
@media(max-width:560px){
  html.page-mapei-shop{--ti-combined-logo-width:280px}
  body.page-mapei-shop > header.ti-main-header .top-interior-site-logo, body.page-mapei-shop > header.ti-request-hub-header .top-interior-site-logo{width:300px!important;max-width:86vw!important}
}

/* Krok 115 – vyvážená výška hlavní lišty pro společné logo */
html.page-mapei-shop{
  --ti-combined-logo-width:clamp(330px,25vw,390px);
}

/* Běžné interní stránky a formuláře: čitelné logo bez přerůstání. */
body.page-mapei-shop > header .top-interior-site-logo, body.page-mapei-shop > .topbar .top-interior-site-logo, html.page-mapei-shop .ti-form-site-logo, body.page-mapei-shop > header .ti-inline-header-logo{
  width:var(--ti-combined-logo-width)!important;
  max-width:42vw!important;
}

/* Hlavní navigační lišta: návrat k původní vyvážené výšce. */
body.page-mapei-shop > header.ti-main-header, body.page-mapei-shop > header.ti-request-hub-header{
  min-height:112px!important;
  padding:9px 3vw!important;
  align-items:center!important;
}
body.page-mapei-shop > header.ti-main-header .top-interior-site-logo, body.page-mapei-shop > header.ti-request-hub-header .top-interior-site-logo{
  width:clamp(360px,27vw,420px)!important;
  max-width:43vw!important;
}
body.page-mapei-shop > header.ti-main-header nav{
  gap:clamp(12px,1.15vw,20px)!important;
  font-size:clamp(11px,.72vw,13px)!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
}
body.page-mapei-shop > header.ti-main-header nav a{white-space:nowrap!important}

@media(max-width:1180px){
  html.page-mapei-shop{--ti-combined-logo-width:clamp(300px,31vw,350px)}
  body.page-mapei-shop > header.ti-main-header, body.page-mapei-shop > header.ti-request-hub-header{
    min-height:100px!important;
    padding:9px 3vw!important;
  }
  body.page-mapei-shop > header.ti-main-header .top-interior-site-logo, body.page-mapei-shop > header.ti-request-hub-header .top-interior-site-logo{
    width:clamp(310px,32vw,365px)!important;
    max-width:42vw!important;
  }
  body.page-mapei-shop > header.ti-main-header nav{
    gap:10px!important;
    font-size:11px!important;
  }
}
@media(max-width:900px){
  html.page-mapei-shop{--ti-combined-logo-width:290px}
  body.page-mapei-shop > header.ti-main-header, body.page-mapei-shop > header.ti-request-hub-header{
    min-height:0!important;
    padding:12px 20px!important;
  }
  body.page-mapei-shop > header.ti-main-header .top-interior-site-logo, body.page-mapei-shop > header.ti-request-hub-header .top-interior-site-logo{
    width:300px!important;
    max-width:76vw!important;
  }
}
@media(max-width:560px){
  html.page-mapei-shop{--ti-combined-logo-width:255px}
  body.page-mapei-shop > header.ti-main-header, body.page-mapei-shop > header.ti-request-hub-header{padding:10px 16px!important}
  body.page-mapei-shop > header.ti-main-header .top-interior-site-logo, body.page-mapei-shop > header.ti-request-hub-header .top-interior-site-logo{
    width:268px!important;
    max-width:82vw!important;
  }
}


/* Extracted former inline styles */
html.page-mapei-shop .inline-style-1{width:100%;margin-top:12px}

/* ===== o-nas.html ===== */

/* Source: assets/css/o-nas.css */
/* Source style block 1 */
html.page-o-nas *{box-sizing:border-box}
html.page-o-nas{scroll-behavior:smooth}
html.page-o-nas{--gold:#d6b15f;--gold-light:#f1d98d;--purple:#2a1238;--ink:#fff8ea;--muted:#d8cbde;--line:rgba(214,177,95,.27)}
body.page-o-nas{margin:0;background:#13091d;color:var(--ink);font-family:Inter,Arial,sans-serif}
html.page-o-nas a{color:inherit;text-decoration:none}
html.page-o-nas .ti-main-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:96px;padding:20px 3vw}
html.page-o-nas .top-interior-site-logo{display:block;width:clamp(300px,24vw,372px);max-width:38vw;line-height:0;flex:0 0 auto}
html.page-o-nas .top-interior-site-logo img{display:block;width:100%;height:auto;object-fit:contain;object-position:left center;filter:drop-shadow(0 3px 4px rgba(0,0,0,.8)) drop-shadow(0 0 8px rgba(214,177,95,.16))}
html.page-o-nas nav{display:flex;align-items:center;justify-content:flex-end;gap:21px;font-size:13px;white-space:nowrap}
html.page-o-nas nav a{color:#f3e9f5;text-shadow:0 1px 3px rgba(0,0,0,.75)}
html.page-o-nas nav a:hover, html.page-o-nas nav a[aria-current="page"]{color:var(--gold-light)}
html.page-o-nas .hero{padding:92px 5vw 54px;background:radial-gradient(circle at 10% 0%,rgba(214,177,95,.14),transparent 31%),radial-gradient(circle at 92% 74%,rgba(129,54,155,.24),transparent 33%),linear-gradient(145deg,#12091c 0%,#261137 50%,#14091e 100%)}
html.page-o-nas .hero-inner, html.page-o-nas .content-inner{max-width:1380px;margin:0 auto}
html.page-o-nas .hero-grid{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);gap:68px;align-items:end;padding-bottom:42px;border-bottom:1px solid var(--line)}
html.page-o-nas .eyebrow{margin:0 0 14px;color:var(--gold);font-size:11px;font-weight:900;letter-spacing:.2em;text-transform:uppercase}
html.page-o-nas h1, html.page-o-nas h2, html.page-o-nas h3{font-family:Georgia,"Times New Roman",serif;font-weight:500}
html.page-o-nas h1{margin:0;color:var(--gold);font-size:clamp(56px,7vw,104px);line-height:.86}
html.page-o-nas .hero-copy h2{margin:0 0 15px;color:#fff7e5;font-size:clamp(30px,3.5vw,51px);line-height:1.05}
html.page-o-nas .hero-copy p{margin:0;color:#eadcf0;font:500 clamp(18px,1.55vw,24px)/1.6 Georgia,"Times New Roman",serif}
html.page-o-nas .intro{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:32px}
html.page-o-nas .intro p{margin:0;padding:25px 27px;border:1px solid rgba(214,177,95,.19);background:rgba(255,255,255,.035);color:var(--muted);font-size:16px;line-height:1.8}
html.page-o-nas .signature{margin:27px 0 0;padding:25px 30px;border:1px solid rgba(214,177,95,.45);border-left:6px solid var(--gold);background:linear-gradient(90deg,rgba(214,177,95,.12),rgba(255,255,255,.025));color:#f4e4bc;font:500 clamp(25px,3vw,42px)/1.25 Georgia,"Times New Roman",serif}
html.page-o-nas .content{padding:38px 5vw 90px;background:linear-gradient(180deg,#190c25,#110817)}

html.page-o-nas .manifesto{margin-bottom:34px;padding:clamp(28px,4vw,52px);border:1px solid rgba(214,177,95,.48);border-left:7px solid var(--gold);background:radial-gradient(circle at 93% 7%,rgba(129,54,155,.28),transparent 34%),linear-gradient(135deg,rgba(214,177,95,.13),rgba(255,255,255,.045) 45%,rgba(7,3,11,.52));box-shadow:0 24px 70px rgba(0,0,0,.22)}
html.page-o-nas .manifesto .chapter-number{margin-bottom:15px}
html.page-o-nas .manifesto h2{max-width:1050px;margin:0 0 24px;color:#f4e4bc;font-size:clamp(34px,4vw,58px);line-height:1.02}
html.page-o-nas .manifesto-lead{max-width:1120px;margin:0 0 25px;color:#fff8ea;font:500 clamp(19px,1.7vw,25px)/1.62 Georgia,"Times New Roman",serif}
html.page-o-nas .manifesto-columns{columns:2 420px;column-gap:44px}
html.page-o-nas .manifesto-columns p{break-inside:avoid;margin:0 0 18px;color:var(--muted);font-size:16px;line-height:1.82}
html.page-o-nas .manifesto-columns strong{color:var(--gold-light)}
html.page-o-nas .memory-heading{margin:7px 0 24px;padding:0 0 16px;border-bottom:1px solid var(--line);color:var(--gold);font-size:clamp(31px,3.7vw,52px);line-height:1.08}
html.page-o-nas .chapter-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
html.page-o-nas .chapter{padding:31px;border:1px solid rgba(214,177,95,.23);background:rgba(255,255,255,.04)}
html.page-o-nas .chapter-number{display:block;margin-bottom:12px;color:var(--gold);font-size:10px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}
html.page-o-nas .chapter h2{margin:0 0 18px;color:#f4e4bc;font-size:clamp(28px,2.5vw,39px);line-height:1.08}
html.page-o-nas .chapter p, html.page-o-nas .closing p{margin:0;color:var(--muted);font-size:16px;line-height:1.8}
html.page-o-nas .chapter p+p{margin-top:16px}
html.page-o-nas .chapter.featured{background:radial-gradient(circle at 95% 8%,rgba(214,177,95,.14),transparent 32%),rgba(255,255,255,.045)}
html.page-o-nas .closing{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:34px;align-items:center;margin-top:18px;padding:31px;border:1px solid rgba(214,177,95,.38);background:rgba(7,3,11,.38)}
html.page-o-nas .closing strong{display:block;margin-bottom:10px;color:var(--gold);font:500 clamp(26px,2.7vw,39px)/1.12 Georgia,"Times New Roman",serif}
html.page-o-nas .cta{display:inline-flex;min-height:52px;padding:15px 22px;align-items:center;justify-content:center;border:1px solid var(--gold);background:var(--gold);color:#24112f;font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
html.page-o-nas .cta:hover{background:#f0d88d;border-color:#f0d88d}
html.page-o-nas .ti-site-notice{display:block;width:100%;margin:0;padding:22px max(22px,5vw);border-top:1px solid rgba(214,177,95,.32);background:#09050f;color:#cfc2d5;font:400 11px/1.65 Inter,Arial,sans-serif;text-align:left}
html.page-o-nas .ti-site-notice p{max-width:1380px;margin:0 auto}html.page-o-nas .ti-site-notice strong{color:#e2c577;font-weight:800}
@media(max-width:1180px){html.page-o-nas .ti-main-header{min-height:0;padding:17px 3vw;flex-wrap:wrap}html.page-o-nas .top-interior-site-logo{width:clamp(270px,34vw,340px);max-width:58vw}html.page-o-nas nav{gap:15px;font-size:12px}}
@media(max-width:900px){html.page-o-nas .manifesto-columns{columns:1}html.page-o-nas .ti-main-header{padding:16px 20px}html.page-o-nas .top-interior-site-logo{width:260px;max-width:72vw}html.page-o-nas nav{display:none}html.page-o-nas .hero{padding:66px 20px 42px}html.page-o-nas .hero-grid, html.page-o-nas .intro, html.page-o-nas .chapter-grid, html.page-o-nas .closing{grid-template-columns:1fr}html.page-o-nas .hero-grid{gap:25px}html.page-o-nas .content{padding:30px 20px 65px}html.page-o-nas .closing{align-items:start}html.page-o-nas .cta{justify-self:start}}
@media(max-width:560px){html.page-o-nas .top-interior-site-logo{width:232px;max-width:78vw}html.page-o-nas .hero{padding-top:52px}html.page-o-nas .intro{gap:12px}html.page-o-nas .intro p, html.page-o-nas .chapter, html.page-o-nas .closing{padding:21px}html.page-o-nas .signature{padding:21px 22px}html.page-o-nas .chapter-grid{gap:12px}html.page-o-nas .cta{width:100%;white-space:normal;text-align:center}html.page-o-nas .ti-site-notice{padding:18px 17px;font-size:10.5px}}


/* Source: assets/css/site-responsive.css */
/* Shared responsive and accessibility layer. Mobile-first; page-specific CSS remains unchanged. */
html.page-o-nas{ --touch-target: 2.75rem; }
html.page-o-nas{ width: 100%; overflow-x: hidden; -webkit-text-size-adjust: 100%; }
body.page-o-nas{ width: 100%; min-width: 0; overflow-x: clip; }
html.page-o-nas img, html.page-o-nas picture, html.page-o-nas video, html.page-o-nas canvas, html.page-o-nas svg{ display: block; max-width: 100%; height: auto; }
html.page-o-nas iframe{ max-width: 100%; }
html.page-o-nas main, html.page-o-nas section, html.page-o-nas article, html.page-o-nas header, html.page-o-nas footer, html.page-o-nas nav, html.page-o-nas form, html.page-o-nas fieldset, html.page-o-nas .wrap, html.page-o-nas .container{ min-width: 0; }
html.page-o-nas button, html.page-o-nas input, html.page-o-nas select, html.page-o-nas textarea{ max-width: 100%; font: inherit; }
html.page-o-nas button, html.page-o-nas input[type="button"], html.page-o-nas input[type="submit"], html.page-o-nas input[type="reset"], html.page-o-nas select, html.page-o-nas .btn, html.page-o-nas .button, html.page-o-nas [role="button"]{ min-height: var(--touch-target); }
html.page-o-nas textarea{ min-height: 7rem; resize: vertical; }
html.page-o-nas .ti-mobile-menu-toggle{
  display: inline-flex; align-items: center; justify-content: center; gap: .5rem;
  min-width: var(--touch-target); min-height: var(--touch-target); padding: .65rem .8rem;
  border: 1px solid rgba(214,177,95,.7); background: rgba(18,8,28,.72);
  color: #f4ead0; font-weight: 800; cursor: pointer;
}
html.page-o-nas .ti-mobile-menu-toggle__icon, html.page-o-nas .ti-mobile-menu-toggle__icon::before, html.page-o-nas .ti-mobile-menu-toggle__icon::after{
  display: block; width: 1.25rem; height: .125rem; background: currentColor; content: ""; transition: transform .2s ease;
}
html.page-o-nas .ti-mobile-menu-toggle__icon{ position: relative; }
html.page-o-nas .ti-mobile-menu-toggle__icon::before{ position: absolute; top: -.4rem; }
html.page-o-nas .ti-mobile-menu-toggle__icon::after{ position: absolute; top: .4rem; }
html.page-o-nas header.ti-mobile-nav-header{ flex-wrap: wrap; }
html.page-o-nas header.ti-mobile-nav-header > nav{ display: none !important; width: 100%; flex-direction: column; align-items: stretch; gap: .25rem; padding-top: .75rem; }
html.page-o-nas header.ti-nav-open > nav{ display: flex !important; }
html.page-o-nas header.ti-mobile-nav-header > nav a{ display: flex; align-items: center; min-height: var(--touch-target); padding: .65rem .75rem; }
@media (max-width: 47.99rem) {
  html.page-o-nas h1{ overflow-wrap: anywhere; }
  html.page-o-nas .wrap, html.page-o-nas .container{ width: 100%; padding-inline: clamp(1rem, 4vw, 1.5rem); }
  html.page-o-nas .grid, html.page-o-nas .cards, html.page-o-nas .card-grid, html.page-o-nas .brand-grid, html.page-o-nas .product-grid, html.page-o-nas .form-grid{ grid-template-columns: minmax(0, 1fr) !important; }
  html.page-o-nas table{ display: block; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
}
@media (min-width: 56.25rem) {
  html.page-o-nas .ti-mobile-menu-toggle{ display: none; }
  html.page-o-nas header.ti-mobile-nav-header{ flex-wrap: nowrap; }
  html.page-o-nas header.ti-mobile-nav-header > nav{ display: flex !important; width: auto; flex-direction: row; align-items: center; padding-top: 0; }
  html.page-o-nas header.ti-mobile-nav-header > nav a{ min-height: auto; padding: 0; }
}
@media (prefers-reduced-motion: reduce) {
  html.page-o-nas *, html.page-o-nas *::before, html.page-o-nas *::after{ scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}


/* Source: assets/css/top-interior-velvet-header.css */
/* Krok 97 – jednotná sametová horní lišta a logo TOP INTERIOR */
body.page-o-nas > header, body.page-o-nas > .topbar{
  background-color:#17081f!important;
  background-image:
    linear-gradient(90deg,rgba(8,3,12,.28),rgba(42,8,54,.08) 45%,rgba(8,3,12,.38)),
    url("../assets/images/top-interior-velvet-header.jpg")!important;
  background-position:center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  border-top:0!important;
  border-bottom:1px solid rgba(214,177,95,.58)!important;
  box-shadow:0 9px 28px rgba(0,0,0,.34)!important;
}

/* Hlavní logo na standardních stránkách */
body.page-o-nas > header .top-interior-site-logo, body.page-o-nas > .topbar .top-interior-site-logo{
  display:block!important;
  flex:0 0 auto!important;
  width:clamp(220px,18vw,280px)!important;
  max-width:42vw!important;
  line-height:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.page-o-nas > header .top-interior-site-logo img, body.page-o-nas > .topbar .top-interior-site-logo img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  filter:drop-shadow(0 3px 4px rgba(0,0,0,.8)) drop-shadow(0 0 8px rgba(214,177,95,.16));
}
body.page-o-nas > header nav a, body.page-o-nas > header .nav a, body.page-o-nas > header .back, body.page-o-nas > header .outline{
  color:#f3e9f5!important;
  text-shadow:0 1px 3px rgba(0,0,0,.75);
}
body.page-o-nas > header nav a:hover, body.page-o-nas > header .nav a:hover{color:#f1cf77!important}

/* Logo TOP INTERIOR doplněné do poptávkových formulářů */
html.page-o-nas .ti-form-site-logo{
  position:absolute;
  left:20px;
  top:50%;
  transform:translateY(-50%);
  display:block;
  width:clamp(178px,15vw,220px);
  max-width:23vw;
  line-height:0;
  z-index:2;
}
html.page-o-nas .ti-form-site-logo img{
  display:block;
  width:100%;
  height:auto;
  filter:drop-shadow(0 3px 4px rgba(0,0,0,.82)) drop-shadow(0 0 7px rgba(214,177,95,.14));
}
body.page-o-nas > header.topbar .topbar-inner, body.page-o-nas > .topbar .topbar-inner{
  position:relative!important;
  max-width:1500px!important;
  min-height:78px!important;
  padding-left:clamp(222px,20vw,292px)!important;
}
body.page-o-nas > header.topbar .brand h1, body.page-o-nas > header.topbar .brand p, body.page-o-nas > .topbar .brand h1, body.page-o-nas > .topbar .brand p, body.page-o-nas > header.topbar .brand-title h1, body.page-o-nas > header.topbar .brand-title p, body.page-o-nas > .topbar .brand-title h1, body.page-o-nas > .topbar .brand-title p{
  color:#fff!important;
  text-shadow:0 1px 3px rgba(0,0,0,.75)!important;
}
body.page-o-nas > header.topbar .brand p, body.page-o-nas > .topbar .brand p, body.page-o-nas > header.topbar .brand-title p, body.page-o-nas > .topbar .brand-title p{color:#ded0e5!important}
body.page-o-nas > header.topbar .actions .btn, body.page-o-nas > .topbar .actions .btn, body.page-o-nas > header.topbar .actions a, body.page-o-nas > .topbar .actions a{
  box-shadow:0 3px 10px rgba(0,0,0,.22);
}

/* Obecný značkový poptávkový formulář */
body.page-o-nas > header .generic-topbar-inner{
  position:relative!important;
  width:100%!important;
  max-width:1500px!important;
  margin:auto!important;
  min-height:64px!important;
  padding-left:clamp(222px,20vw,292px)!important;
}
body.page-o-nas > header .generic-form-brand, body.page-o-nas > header .generic-top-actions{color:#fff!important}

/* Interaktivní koupelna */
body.page-o-nas > header .ti-inline-header-logo{
  display:block;
  width:clamp(220px,20vw,292px);
  line-height:0;
  margin:0 0 10px;
}
body.page-o-nas > header .ti-inline-header-logo img{display:block;width:100%;height:auto;filter:drop-shadow(0 3px 4px rgba(0,0,0,.8))}
body.page-o-nas > header.ti-inline-header{max-width:none!important;margin:0!important;padding:14px max(24px,calc((100vw - 1760px)/2)) 15px!important}
body.page-o-nas > header.ti-inline-header h1{color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.75)}

@media(max-width:900px){
  body.page-o-nas > header .top-interior-site-logo, body.page-o-nas > .topbar .top-interior-site-logo{width:210px!important;max-width:60vw!important}
  body.page-o-nas > header.topbar .topbar-inner, body.page-o-nas > .topbar .topbar-inner, body.page-o-nas > header .generic-topbar-inner{
    padding-left:20px!important;
    min-height:0!important;
  }
  html.page-o-nas .ti-form-site-logo{
    position:relative;
    left:auto;top:auto;transform:none;
    width:210px;max-width:64vw;
    grid-column:1/-1;
    margin:0 0 4px;
  }
}
@media(max-width:560px){
  body.page-o-nas > header .top-interior-site-logo, body.page-o-nas > .topbar .top-interior-site-logo{width:188px!important;max-width:66vw!important}
  html.page-o-nas .ti-form-site-logo{width:190px}
}


/* Krok 98 – sjednocené logo, zvětšená hlavní lišta a informační doložka */
html.page-o-nas{
  --ti-logo-secondary-width:clamp(190px,16vw,230px);
  --ti-logo-form-width:clamp(162px,14vw,184px);
}

/* Jednotný vzhled loga na všech běžných a interních stránkách */
body.page-o-nas > header .top-interior-site-logo, body.page-o-nas > .topbar .top-interior-site-logo{
  width:var(--ti-logo-secondary-width)!important;
  max-width:min(48vw,230px)!important;
  min-width:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.page-o-nas > header .top-interior-site-logo img, body.page-o-nas > .topbar .top-interior-site-logo img, html.page-o-nas .ti-form-site-logo img, body.page-o-nas > header .ti-inline-header-logo img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  clip-path:none!important;
}

/* Hlavní stránka: lišta přibližně o 70 % vyšší a úměrně větší logo */
body.page-o-nas > header.ti-main-header{
  min-height:106px!important;
  padding:22px 3vw!important;
  align-items:center!important;
}
body.page-o-nas > header.ti-main-header .top-interior-site-logo{
  width:clamp(300px,24vw,372px)!important;
  max-width:38vw!important;
}
body.page-o-nas > header.ti-main-header nav{
  align-self:center!important;
}

/* Poptávkové formuláře: celé, nepřerostlé a shodné logo */
html.page-o-nas .ti-form-site-logo{
  position:absolute!important;
  left:22px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  display:block!important;
  width:var(--ti-logo-form-width)!important;
  max-width:184px!important;
  min-width:0!important;
  line-height:0!important;
  overflow:visible!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  z-index:3!important;
}
body.page-o-nas > header.topbar .topbar-inner, body.page-o-nas > .topbar .topbar-inner, body.page-o-nas > header .generic-topbar-inner{
  padding-left:clamp(212px,18vw,246px)!important;
  min-height:82px!important;
}

/* Společná informační doložka ve spodní části všech stránek */
html.page-o-nas .ti-site-notice{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:22px max(22px,5vw)!important;
  border-top:1px solid rgba(214,177,95,.32)!important;
  background:#09050f!important;
  color:#cfc2d5!important;
  font:400 11px/1.65 Inter,Arial,sans-serif!important;
  letter-spacing:0!important;
  text-align:left!important;
}
html.page-o-nas .ti-site-notice strong{
  color:#e2c577!important;
  font-weight:800!important;
}
html.page-o-nas .ti-site-notice p{
  max-width:1380px!important;
  margin:0 auto!important;
}

@media(max-width:1180px){
  body.page-o-nas > header.ti-main-header{
    min-height:0!important;
    padding:19px 3vw!important;
  }
  body.page-o-nas > header.ti-main-header .top-interior-site-logo{
    width:clamp(270px,34vw,340px)!important;
    max-width:58vw!important;
  }
}
@media(max-width:900px){
  body.page-o-nas > header .top-interior-site-logo, body.page-o-nas > .topbar .top-interior-site-logo{
    width:210px!important;
    max-width:64vw!important;
  }
  body.page-o-nas > header.ti-main-header{
    padding:18px 20px!important;
  }
  body.page-o-nas > header.ti-main-header .top-interior-site-logo{
    width:260px!important;
    max-width:72vw!important;
  }
  body.page-o-nas > header.topbar .topbar-inner, body.page-o-nas > .topbar .topbar-inner, body.page-o-nas > header .generic-topbar-inner{
    padding-left:20px!important;
    min-height:0!important;
  }
  html.page-o-nas .ti-form-site-logo{
    position:relative!important;
    left:auto!important;
    top:auto!important;
    transform:none!important;
    width:184px!important;
    max-width:56vw!important;
    grid-column:1/-1!important;
    margin:0 0 8px!important;
  }
}
@media(max-width:560px){
  body.page-o-nas > header.ti-main-header .top-interior-site-logo{
    width:232px!important;
    max-width:78vw!important;
  }
  html.page-o-nas .ti-form-site-logo{
    width:172px!important;
    max-width:62vw!important;
  }
  html.page-o-nas .ti-site-notice{
    padding:18px 17px!important;
    font-size:10.5px!important;
  }
}


/* Krok 99 – kompaktnější hlavní lišta a dvouřádkové hlavičky poptávek */
html.page-o-nas{
  --ti-logo-shared-width:clamp(300px,24vw,372px);
}

/* Jedna velikost a jeden vzhled loga na všech stránkách. */
body.page-o-nas > header .top-interior-site-logo, body.page-o-nas > .topbar .top-interior-site-logo, html.page-o-nas .ti-form-site-logo, body.page-o-nas > header .ti-inline-header-logo{
  width:var(--ti-logo-shared-width)!important;
  max-width:38vw!important;
  min-width:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  line-height:0!important;
}
body.page-o-nas > header .top-interior-site-logo img, body.page-o-nas > .topbar .top-interior-site-logo img, html.page-o-nas .ti-form-site-logo img, body.page-o-nas > header .ti-inline-header-logo img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:left center!important;
  clip-path:none!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* Hlavní stránka: lišta o přibližně 10 % nižší, velikost loga zůstává. */
body.page-o-nas > header.ti-main-header, body.page-o-nas > header.ti-request-hub-header{
  min-height:96px!important;
  padding:20px 3vw!important;
  align-items:center!important;
}
body.page-o-nas > header.ti-main-header .top-interior-site-logo, body.page-o-nas > header.ti-request-hub-header .top-interior-site-logo{
  width:var(--ti-logo-shared-width)!important;
  max-width:38vw!important;
}

/* Poptávkové formuláře: logo je samostatně v prvním řádku vlevo. */
body.page-o-nas > header.topbar .topbar-inner, body.page-o-nas > .topbar .topbar-inner{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-areas:
    "ti-logo ti-logo"
    "ti-brand ti-actions"!important;
  align-items:center!important;
  column-gap:22px!important;
  row-gap:13px!important;
  width:100%!important;
  max-width:none!important;
  padding:18px 3vw!important;
  min-height:0!important;
}
body.page-o-nas > header.topbar .topbar-inner > .ti-form-site-logo, body.page-o-nas > .topbar .topbar-inner > .ti-form-site-logo{
  grid-area:ti-logo!important;
  position:relative!important;
  left:auto!important;
  top:auto!important;
  transform:none!important;
  justify-self:start!important;
  align-self:start!important;
  display:block!important;
  width:var(--ti-logo-shared-width)!important;
  max-width:38vw!important;
  margin:0!important;
  z-index:3!important;
}
body.page-o-nas > header.topbar .topbar-inner > .brand, body.page-o-nas > .topbar .topbar-inner > .brand, body.page-o-nas > header.topbar .topbar-inner > .brand-title, body.page-o-nas > .topbar .topbar-inner > .brand-title{
  grid-area:ti-brand!important;
  min-width:0!important;
}
body.page-o-nas > header.topbar .topbar-inner > .actions, body.page-o-nas > .topbar .topbar-inner > .actions{
  grid-area:ti-actions!important;
  align-self:center!important;
}

/* Obecný značkový formulář používá stejné dvouřádkové rozložení. */
body.page-o-nas > header .generic-topbar-inner{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-areas:
    "ti-logo ti-logo"
    "ti-brand ti-actions"!important;
  align-items:center!important;
  column-gap:22px!important;
  row-gap:13px!important;
  width:100%!important;
  max-width:none!important;
  margin:auto!important;
  padding:18px 3vw!important;
  min-height:0!important;
}
body.page-o-nas > header .generic-topbar-inner > .ti-form-site-logo{
  grid-area:ti-logo!important;
  position:relative!important;
  left:auto!important;
  top:auto!important;
  transform:none!important;
  justify-self:start!important;
  width:var(--ti-logo-shared-width)!important;
  max-width:38vw!important;
  margin:0!important;
}
body.page-o-nas > header .generic-topbar-inner > .generic-form-brand{grid-area:ti-brand!important}
body.page-o-nas > header .generic-topbar-inner > .generic-top-actions{grid-area:ti-actions!important}

/* Centrum E-shop / Poptávky má stejnou hlavičku jako hlavní stránka. */
body.page-o-nas > header.ti-request-hub-header{
  display:flex!important;
  justify-content:space-between!important;
  gap:24px!important;
}
body.page-o-nas > header.ti-request-hub-header .back{
  flex:0 0 auto!important;
}

@media(max-width:1180px){
  html.page-o-nas{--ti-logo-shared-width:clamp(270px,34vw,340px)}
  body.page-o-nas > header.ti-main-header, body.page-o-nas > header.ti-request-hub-header{min-height:0!important;padding:17px 3vw!important}
  body.page-o-nas > header .top-interior-site-logo, body.page-o-nas > .topbar .top-interior-site-logo, html.page-o-nas .ti-form-site-logo, body.page-o-nas > header .ti-inline-header-logo{max-width:58vw!important}

  body.page-o-nas > header.topbar .topbar-inner, body.page-o-nas > .topbar .topbar-inner, body.page-o-nas > header .generic-topbar-inner{
    grid-template-columns:1fr!important;
    grid-template-areas:"ti-logo" "ti-brand" "ti-actions"!important;
  }
  body.page-o-nas > header.topbar .topbar-inner > .actions, body.page-o-nas > .topbar .topbar-inner > .actions, body.page-o-nas > header .generic-topbar-inner > .generic-top-actions{
    width:100%!important;
    max-width:100%!important;
    justify-self:start!important;
    justify-content:flex-start!important;
  }
}
@media(max-width:900px){
  html.page-o-nas{--ti-logo-shared-width:260px}
  body.page-o-nas > header.ti-main-header, body.page-o-nas > header.ti-request-hub-header{padding:16px 20px!important}
  body.page-o-nas > header .top-interior-site-logo, body.page-o-nas > .topbar .top-interior-site-logo, html.page-o-nas .ti-form-site-logo, body.page-o-nas > header .ti-inline-header-logo{max-width:72vw!important}
  body.page-o-nas > header.topbar .topbar-inner, body.page-o-nas > .topbar .topbar-inner, body.page-o-nas > header .generic-topbar-inner{
    grid-template-columns:1fr!important;
    grid-template-areas:"ti-logo" "ti-brand" "ti-actions"!important;
    padding:16px 20px!important;
  }
  body.page-o-nas > header.topbar .topbar-inner > .actions, body.page-o-nas > .topbar .topbar-inner > .actions, body.page-o-nas > header .generic-topbar-inner > .generic-top-actions{
    justify-self:start!important;
    justify-content:flex-start!important;
  }
  body.page-o-nas > header.ti-request-hub-header{
    flex-wrap:wrap!important;
  }
}
@media(max-width:560px){
  html.page-o-nas{--ti-logo-shared-width:232px}
  body.page-o-nas > header .top-interior-site-logo, body.page-o-nas > .topbar .top-interior-site-logo, html.page-o-nas .ti-form-site-logo, body.page-o-nas > header .ti-inline-header-logo{max-width:78vw!important}
}


/* Krok 113 – společné logo TOP INTERIOR by JOVEE Services */
html.page-o-nas{--ti-combined-logo-width:clamp(370px,31vw,500px)}
body.page-o-nas > header .top-interior-site-logo, body.page-o-nas > .topbar .top-interior-site-logo, html.page-o-nas .ti-form-site-logo, body.page-o-nas > header .ti-inline-header-logo{
  width:var(--ti-combined-logo-width)!important;
  max-width:46vw!important;
}
body.page-o-nas > header.ti-main-header .top-interior-site-logo, body.page-o-nas > header.ti-request-hub-header .top-interior-site-logo{
  width:clamp(410px,34vw,535px)!important;
  max-width:48vw!important;
}
body.page-o-nas > header .top-interior-site-logo img, body.page-o-nas > .topbar .top-interior-site-logo img, html.page-o-nas .ti-form-site-logo img, body.page-o-nas > header .ti-inline-header-logo img{
  filter:none!important;
  object-fit:contain!important;
  object-position:left center!important;
}
body.page-o-nas > header.ti-main-header, body.page-o-nas > header.ti-request-hub-header{
  padding-top:12px!important;
  padding-bottom:12px!important;
}
@media(max-width:1180px){
  html.page-o-nas{--ti-combined-logo-width:clamp(330px,43vw,450px)}
  body.page-o-nas > header.ti-main-header .top-interior-site-logo, body.page-o-nas > header.ti-request-hub-header .top-interior-site-logo{width:clamp(350px,48vw,465px)!important;max-width:58vw!important}
}
@media(max-width:900px){
  html.page-o-nas{--ti-combined-logo-width:320px}
  body.page-o-nas > header.ti-main-header .top-interior-site-logo, body.page-o-nas > header.ti-request-hub-header .top-interior-site-logo{width:340px!important;max-width:78vw!important}
}
@media(max-width:560px){
  html.page-o-nas{--ti-combined-logo-width:280px}
  body.page-o-nas > header.ti-main-header .top-interior-site-logo, body.page-o-nas > header.ti-request-hub-header .top-interior-site-logo{width:300px!important;max-width:86vw!important}
}

/* Krok 115 – vyvážená výška hlavní lišty pro společné logo */
html.page-o-nas{
  --ti-combined-logo-width:clamp(330px,25vw,390px);
}

/* Běžné interní stránky a formuláře: čitelné logo bez přerůstání. */
body.page-o-nas > header .top-interior-site-logo, body.page-o-nas > .topbar .top-interior-site-logo, html.page-o-nas .ti-form-site-logo, body.page-o-nas > header .ti-inline-header-logo{
  width:var(--ti-combined-logo-width)!important;
  max-width:42vw!important;
}

/* Hlavní navigační lišta: návrat k původní vyvážené výšce. */
body.page-o-nas > header.ti-main-header, body.page-o-nas > header.ti-request-hub-header{
  min-height:112px!important;
  padding:9px 3vw!important;
  align-items:center!important;
}
body.page-o-nas > header.ti-main-header .top-interior-site-logo, body.page-o-nas > header.ti-request-hub-header .top-interior-site-logo{
  width:clamp(360px,27vw,420px)!important;
  max-width:43vw!important;
}
body.page-o-nas > header.ti-main-header nav{
  gap:clamp(12px,1.15vw,20px)!important;
  font-size:clamp(11px,.72vw,13px)!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
}
body.page-o-nas > header.ti-main-header nav a{white-space:nowrap!important}

@media(max-width:1180px){
  html.page-o-nas{--ti-combined-logo-width:clamp(300px,31vw,350px)}
  body.page-o-nas > header.ti-main-header, body.page-o-nas > header.ti-request-hub-header{
    min-height:100px!important;
    padding:9px 3vw!important;
  }
  body.page-o-nas > header.ti-main-header .top-interior-site-logo, body.page-o-nas > header.ti-request-hub-header .top-interior-site-logo{
    width:clamp(310px,32vw,365px)!important;
    max-width:42vw!important;
  }
  body.page-o-nas > header.ti-main-header nav{
    gap:10px!important;
    font-size:11px!important;
  }
}
@media(max-width:900px){
  html.page-o-nas{--ti-combined-logo-width:290px}
  body.page-o-nas > header.ti-main-header, body.page-o-nas > header.ti-request-hub-header{
    min-height:0!important;
    padding:12px 20px!important;
  }
  body.page-o-nas > header.ti-main-header .top-interior-site-logo, body.page-o-nas > header.ti-request-hub-header .top-interior-site-logo{
    width:300px!important;
    max-width:76vw!important;
  }
}
@media(max-width:560px){
  html.page-o-nas{--ti-combined-logo-width:255px}
  body.page-o-nas > header.ti-main-header, body.page-o-nas > header.ti-request-hub-header{padding:10px 16px!important}
  body.page-o-nas > header.ti-main-header .top-interior-site-logo, body.page-o-nas > header.ti-request-hub-header .top-interior-site-logo{
    width:268px!important;
    max-width:82vw!important;
  }
}


/* ===== obklady-poptavka/index.html ===== */

/* Source: assets/css/obklady-poptavka-page.css */
/* Source style block 1 */
html.page-obklady-poptavka-index{
  --orange:#c75d18;--orange2:#8e3f10;--black:#111214;--ink:#24282d;
  --muted:#69727b;--line:#dfe4e7;--soft:#f4f6f7;--green:#16845c;
  --shadow:0 8px 28px rgba(25,30,35,.08)
}
html.page-obklady-poptavka-index *{box-sizing:border-box}
html.page-obklady-poptavka-index{scroll-behavior:smooth}
body.page-obklady-poptavka-index{margin:0;background:#eef1f3;color:var(--ink);font-family:Inter,Arial,Helvetica,sans-serif}
html.page-obklady-poptavka-index button, html.page-obklady-poptavka-index input, html.page-obklady-poptavka-index select{font:inherit}
html.page-obklady-poptavka-index a{color:inherit}
html.page-obklady-poptavka-index [hidden]{display:none!important}
html.page-obklady-poptavka-index .topbar{
  position:sticky;top:0;z-index:30;background:rgba(255,255,255,.97);
  border-top:5px solid var(--orange);border-bottom:1px solid var(--line);
  backdrop-filter:blur(10px)
}
html.page-obklady-poptavka-index .topbar-inner{
  max-width:1240px;margin:auto;padding:13px 20px;display:grid;
  grid-template-columns:1fr auto;gap:16px;align-items:center
}
html.page-obklady-poptavka-index .brand-title{display:flex;align-items:center;gap:13px}
html.page-obklady-poptavka-index .logo-mark{
  width:50px;height:50px;border-radius:10px;background:var(--black);
  display:flex;align-items:center;justify-content:center;color:#fff;
  font-weight:950;font-size:10px;letter-spacing:.08em;
  box-shadow:inset 0 0 0 5px rgba(255,255,255,.12)
}
html.page-obklady-poptavka-index .brand-title h1{margin:0;font-size:21px}
html.page-obklady-poptavka-index .brand-title p{margin:3px 0 0;color:var(--muted);font-size:12px}
html.page-obklady-poptavka-index .actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
html.page-obklady-poptavka-index .btn{
  border:1px solid var(--line);background:#fff;border-radius:10px;
  padding:10px 13px;cursor:pointer;font-weight:800
}
html.page-obklady-poptavka-index .btn.primary{background:var(--orange);border-color:var(--orange);color:#fff}
html.page-obklady-poptavka-index .badge{
  display:inline-flex;min-width:20px;height:20px;align-items:center;
  justify-content:center;background:#fff;color:var(--orange2);
  border-radius:999px;margin-left:4px;font-size:11px
}
html.page-obklady-poptavka-index .hero, html.page-obklady-poptavka-index .summary, html.page-obklady-poptavka-index .cart-wrap, html.page-obklady-poptavka-index main{
  max-width:1240px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px
}
html.page-obklady-poptavka-index .hero{margin-top:22px}
html.page-obklady-poptavka-index .hero-card{
  background:#fff;border:1px solid var(--line);border-radius:16px;
  padding:18px;box-shadow:var(--shadow)
}
html.page-obklady-poptavka-index .hero-grid{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:end}
html.page-obklady-poptavka-index .hero h2{margin:0 0 6px}
html.page-obklady-poptavka-index .hero p{margin:0;color:var(--muted);line-height:1.5}
html.page-obklady-poptavka-index .search{min-width:340px}
html.page-obklady-poptavka-index .search label{
  display:block;font-size:11px;font-weight:900;text-transform:uppercase;
  letter-spacing:.08em;margin-bottom:6px;color:var(--muted)
}
html.page-obklady-poptavka-index .search input{
  width:100%;border:1px solid #cbd2d9;border-radius:10px;padding:12px 13px
}
html.page-obklady-poptavka-index .summary{margin-top:14px}
html.page-obklady-poptavka-index .summary-card{
  display:flex;justify-content:space-between;gap:16px;align-items:center;
  background:var(--black);color:#fff;border-radius:14px;padding:14px 16px
}
html.page-obklady-poptavka-index .summary-card span{color:#d7dcdf}
html.page-obklady-poptavka-index .cart-wrap{margin-top:14px;scroll-margin-top:92px}
html.page-obklady-poptavka-index .cart-card{
  background:#fff;border:1px solid var(--line);border-radius:16px;
  box-shadow:var(--shadow);overflow:hidden
}
html.page-obklady-poptavka-index .cart-head{
  display:flex;justify-content:space-between;gap:16px;align-items:center;
  padding:16px 18px;background:#fff4eb;border-bottom:1px solid #efd7c4
}
html.page-obklady-poptavka-index .cart-head h2{margin:0;font-size:20px}
html.page-obklady-poptavka-index .cart-head p{margin:4px 0 0;color:var(--muted);font-size:13px}
html.page-obklady-poptavka-index .cart-count{
  background:var(--orange);color:#fff;padding:7px 11px;border-radius:999px;
  font-size:12px;font-weight:900
}
html.page-obklady-poptavka-index .cart-empty{padding:22px 18px;text-align:center;color:var(--muted)}
html.page-obklady-poptavka-index .cart-table-wrap{overflow:auto}
html.page-obklady-poptavka-index .cart-table{width:100%;border-collapse:collapse;min-width:1050px}
html.page-obklady-poptavka-index .cart-table th, html.page-obklady-poptavka-index .cart-table td{
  padding:10px 12px;border-bottom:1px solid var(--line);
  vertical-align:top;text-align:left
}
html.page-obklady-poptavka-index .cart-table th{
  font-size:11px;text-transform:uppercase;letter-spacing:.05em;
  color:#65707a;background:#fafbfc
}
html.page-obklady-poptavka-index .cart-note{font-size:11px;color:var(--muted);margin-top:3px}
html.page-obklady-poptavka-index .cart-remove{
  border:0;background:#f6e8dd;color:#934818;border-radius:8px;
  padding:7px 9px;font-weight:800;cursor:pointer
}
html.page-obklady-poptavka-index main{margin-top:18px;margin-bottom:60px}
html.page-obklady-poptavka-index .guide{
  background:linear-gradient(125deg,#141516,#27292c);
  color:#fff;border-radius:16px;padding:17px 19px;box-shadow:var(--shadow);
  display:grid;grid-template-columns:auto 1fr;gap:17px;align-items:center
}
html.page-obklady-poptavka-index .guide-icon{
  width:66px;height:70px;background:#fff;color:var(--orange);
  border-radius:11px;display:flex;flex-direction:column;
  align-items:center;justify-content:center
}
html.page-obklady-poptavka-index .guide-icon span{font-size:10px;font-weight:900;letter-spacing:.08em}
html.page-obklady-poptavka-index .guide-icon b{font-size:28px;line-height:1}
html.page-obklady-poptavka-index .guide h2{margin:2px 0 5px;font-size:23px}
html.page-obklady-poptavka-index .guide p{margin:0;color:#e0e4e6;line-height:1.5;font-size:14px}
html.page-obklady-poptavka-index .eyebrow{
  font-size:10px;text-transform:uppercase;letter-spacing:.11em;
  font-weight:900;color:#ffc86b
}
html.page-obklady-poptavka-index .brand-section{
  margin-top:18px;background:#fff;border:1px solid var(--line);
  border-radius:16px;overflow:hidden;box-shadow:0 2px 10px rgba(20,25,30,.04)
}
html.page-obklady-poptavka-index .brand-section.is-search-hidden{display:none}
html.page-obklady-poptavka-index .brand-header{
  background:#050505;padding:13px 17px;display:flex;align-items:center;
  justify-content:space-between;gap:15px;border-bottom:4px solid var(--orange)
}
html.page-obklady-poptavka-index .brand-logo{
  width:290px;height:82px;object-fit:contain;object-position:left center;
  display:block;background:#000
}
html.page-obklady-poptavka-index .brand-index{
  color:#fff;font-size:12px;font-weight:900;white-space:nowrap;
  background:#242628;padding:7px 10px;border-radius:999px
}
html.page-obklady-poptavka-index .items-list{padding:14px}
html.page-obklady-poptavka-index .item-card{
  border:1px solid var(--line);border-radius:12px;overflow:hidden;
  margin-bottom:12px;background:#fff
}
html.page-obklady-poptavka-index .item-card.selected{
  border-color:rgba(22,132,92,.55);
  box-shadow:0 0 0 3px rgba(22,132,92,.08)
}
html.page-obklady-poptavka-index .item-head{
  display:flex;justify-content:space-between;align-items:center;gap:12px;
  padding:10px 13px;background:#fafbfc;border-bottom:1px solid var(--line)
}
html.page-obklady-poptavka-index .item-head strong{font-size:14px}
html.page-obklady-poptavka-index .item-actions{display:flex;gap:7px;align-items:center}
html.page-obklady-poptavka-index .status{
  background:#eef1f4;color:#69727b;border-radius:999px;padding:6px 9px;
  font-size:11px;font-weight:800;white-space:nowrap
}
html.page-obklady-poptavka-index .selected .status{background:#e5f6ee;color:var(--green)}
html.page-obklady-poptavka-index .remove-item{
  border:1px solid #e0c9b8;background:#fff8f2;color:#9c4a15;
  border-radius:8px;padding:6px 8px;font-size:11px;font-weight:800;cursor:pointer
}
html.page-obklady-poptavka-index .form-table{width:100%;border-collapse:collapse}
html.page-obklady-poptavka-index .form-table th, html.page-obklady-poptavka-index .form-table td{
  border-bottom:1px solid var(--line);padding:8px 10px;
  text-align:left;vertical-align:middle
}
html.page-obklady-poptavka-index .form-table tr:last-child th, html.page-obklady-poptavka-index .form-table tr:last-child td{border-bottom:0}
html.page-obklady-poptavka-index .form-table th{
  width:185px;background:var(--soft);font-size:12px;color:#59636d
}
html.page-obklady-poptavka-index .form-table input, html.page-obklady-poptavka-index .form-table select{
  width:100%;border:1px solid #cbd2d8;border-radius:8px;
  padding:9px 10px;background:#fff
}
html.page-obklady-poptavka-index .item-footer{
  display:flex;justify-content:flex-end;padding:11px 13px;
  background:#fafbfc;border-top:1px solid var(--line)
}
html.page-obklady-poptavka-index .add-to-inquiry{
  border:0;background:var(--black);color:#fff;border-radius:9px;
  padding:10px 14px;font-weight:900;cursor:pointer
}
html.page-obklady-poptavka-index .selected .add-to-inquiry{background:var(--green)}
html.page-obklady-poptavka-index .add-another-wrap{
  padding:0 14px 15px;display:flex;justify-content:center
}
html.page-obklady-poptavka-index .add-another{
  width:100%;border:2px dashed #c9ced2;background:#fafbfc;color:#343a40;
  border-radius:10px;padding:11px 14px;font-weight:900;cursor:pointer
}
html.page-obklady-poptavka-index .add-another:hover{border-color:var(--orange);color:var(--orange2);background:#fff8f2}
html.page-obklady-poptavka-index .empty{
  display:none;background:#fff4e8;border:1px solid #ffd6ad;
  padding:18px;border-radius:12px;margin-top:18px
}
html.page-obklady-poptavka-index .source-note{
  margin-top:18px;color:var(--muted);font-size:11px;line-height:1.5
}
@media(max-width:900px){
  html.page-obklady-poptavka-index .topbar-inner{grid-template-columns:1fr}
  html.page-obklady-poptavka-index .actions{justify-content:flex-start}
  html.page-obklady-poptavka-index .hero-grid{grid-template-columns:1fr}
  html.page-obklady-poptavka-index .search{min-width:0}
  html.page-obklady-poptavka-index .brand-header{align-items:flex-start}
  html.page-obklady-poptavka-index .brand-logo{width:min(72vw,290px)}
  html.page-obklady-poptavka-index .form-table th{width:145px}
}
@media(max-width:600px){
  html.page-obklady-poptavka-index .form-table, html.page-obklady-poptavka-index .form-table tbody, html.page-obklady-poptavka-index .form-table tr, html.page-obklady-poptavka-index .form-table th, html.page-obklady-poptavka-index .form-table td{display:block;width:100%}
  html.page-obklady-poptavka-index .form-table th{border-bottom:0;padding-bottom:4px}
  html.page-obklady-poptavka-index .form-table td{padding-top:4px}
  html.page-obklady-poptavka-index .item-head{align-items:flex-start}
  html.page-obklady-poptavka-index .item-actions{flex-wrap:wrap;justify-content:flex-end}
}
@media print{
  html.page-obklady-poptavka-index .topbar, html.page-obklady-poptavka-index .hero, html.page-obklady-poptavka-index .summary, html.page-obklady-poptavka-index .cart-wrap, html.page-obklady-poptavka-index .guide, html.page-obklady-poptavka-index .add-another-wrap, html.page-obklady-poptavka-index .remove-item, html.page-obklady-poptavka-index .add-to-inquiry, html.page-obklady-poptavka-index .status, html.page-obklady-poptavka-index .source-note{display:none!important}
  body.page-obklady-poptavka-index{background:#fff}
  html.page-obklady-poptavka-index main{max-width:none;margin:0;padding:0}
  html.page-obklady-poptavka-index .brand-section{break-inside:avoid;box-shadow:none}
  html.page-obklady-poptavka-index .item-card:not(.selected){display:none}
}

/* Kompaktní zobrazení items */
html.page-obklady-poptavka-index .item-card{margin-bottom:10px}
html.page-obklady-poptavka-index .form-table.compact-table th{width:185px}
html.page-obklady-poptavka-index .advanced-fields{
  border-top:1px solid var(--line);
  background:#fff
}
html.page-obklady-poptavka-index .advanced-fields summary{
  list-style:none;cursor:pointer;padding:11px 13px;
  font-size:12px;font-weight:900;color:var(--orange2);
  background:#fff8f2;display:flex;align-items:center;
  justify-content:space-between;gap:12px;
  border-bottom:1px solid transparent
}
html.page-obklady-poptavka-index .advanced-fields summary::-webkit-details-marker{display:none}
html.page-obklady-poptavka-index .advanced-fields summary:after{
  content:"Show more details ▼";
  font-size:11px;white-space:nowrap
}
html.page-obklady-poptavka-index .advanced-fields[open] summary{
  border-bottom-color:#ead8ca
}
html.page-obklady-poptavka-index .advanced-fields[open] summary:after{
  content:"Hide additional details ▲"
}
html.page-obklady-poptavka-index .advanced-fields summary span{
  color:#6f7780;font-weight:700
}
html.page-obklady-poptavka-index .advanced-fields .form-table{border-top:0}
html.page-obklady-poptavka-index .brand-header{min-height:108px}
html.page-obklady-poptavka-index .brand-logo{height:76px}
@media(max-width:600px){
  html.page-obklady-poptavka-index .advanced-fields summary{
    align-items:flex-start;flex-direction:column
  }
}

/* Integrace Wall and floor tiles do TOP INTERIOR */
html.page-obklady-poptavka-index .topbar{
  padding:0!important;
}
html.page-obklady-poptavka-index .topbar-inner{
  width:100%!important;
  max-width:1180px!important;
  min-height:78px!important;
  margin:0 auto!important;
  padding:12px 20px!important;
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:minmax(270px,1fr) 817px!important;
  gap:18px!important;
  align-items:center!important;
}
html.page-obklady-poptavka-index .topbar .brand-title{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:13px!important;
}
html.page-obklady-poptavka-index .topbar .logo-mark{
  width:138px!important;
  height:48px!important;
  flex:0 0 138px!important;
  padding:5px 9px!important;
  box-sizing:border-box!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  border:1px solid rgba(255,255,255,.36)!important;
  background:rgba(255,255,255,.06)!important;
  color:#fff!important;
  line-height:1!important;
  letter-spacing:.08em!important;
}
html.page-obklady-poptavka-index .topbar .logo-mark strong{
  font-size:17px!important;
  font-weight:900!important;
}
html.page-obklady-poptavka-index .topbar .logo-mark small{
  margin-top:4px!important;
  color:#f2b57a!important;
  font-size:9px!important;
  font-weight:900!important;
  letter-spacing:.16em!important;
}
html.page-obklady-poptavka-index .topbar .brand-title h1{
  margin:0!important;
  font-size:17px!important;
  line-height:1.18!important;
}
html.page-obklady-poptavka-index .topbar .brand-title p{
  margin:3px 0 0!important;
  font-size:11px!important;
  line-height:1.25!important;
}
html.page-obklady-poptavka-index .topbar .actions{
  width:817px!important;
  display:grid!important;
  grid-template-columns:150px 88px 120px 105px 220px 94px!important;
  gap:8px!important;
  align-items:stretch!important;
  justify-content:stretch!important;
  margin:0!important;
}
html.page-obklady-poptavka-index .topbar .actions > a, html.page-obklady-poptavka-index .topbar .actions > button{
  width:100%!important;
  height:44px!important;
  min-height:44px!important;
  margin:0!important;
  padding:8px 9px!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  line-height:1.12!important;
  font-size:11px!important;
  text-decoration:none!important;
  white-space:normal!important;
}
html.page-obklady-poptavka-index .obklady-unified-info{
  max-width:1180px;
  margin:14px auto 0;
  padding:12px 20px;
  color:#5d6670;
  font-size:12px;
  line-height:1.5;
  box-sizing:border-box;
}
html.page-obklady-poptavka-index .obklady-unified-info strong{
  color:#9b4f1c;
}
@media(max-width:1180px){
  html.page-obklady-poptavka-index .topbar-inner{
    grid-template-columns:1fr!important;
  }
  html.page-obklady-poptavka-index .topbar .actions{
    width:100%!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}
@media(max-width:700px){
  html.page-obklady-poptavka-index .topbar .logo-mark{
    width:118px!important;
    height:43px!important;
    flex-basis:118px!important;
  }
  html.page-obklady-poptavka-index .topbar .actions{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

/* Krok 86 – DLAŽBY stejně výrazné jako ostatní loga formulářů */
html.page-obklady-poptavka-index .topbar .logo-mark{
  padding:4px 9px!important;
  justify-content:center!important;
  line-height:.95!important;
}
html.page-obklady-poptavka-index .topbar .logo-mark strong, html.page-obklady-poptavka-index .topbar .logo-mark small{
  display:block!important;
  margin:0!important;
  color:#fff!important;
  font-size:16px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.075em!important;
}
html.page-obklady-poptavka-index .topbar .logo-mark small{
  margin-top:4px!important;
}

/* Krok 88 – jednotné označení OBKLADY */
html.page-obklady-poptavka-index .topbar .logo-mark{justify-content:center!important;padding:5px 9px!important}
html.page-obklady-poptavka-index .topbar .logo-mark strong{margin:0!important;color:#fff!important;font-size:18px!important;line-height:1!important;font-weight:900!important;letter-spacing:.08em!important}

/* Krok 89 – nové značky v poptávkovém formuláři */
html.page-obklady-poptavka-index #baldocer, html.page-obklady-poptavka-index #atlas-concorde, html.page-obklady-poptavka-index #wow-design, html.page-obklady-poptavka-index #tubadzin{
  scroll-margin-top:104px!important;
}
html.page-obklady-poptavka-index .brand-section.new-obklady-brand .brand-logo{
  width:auto!important;
  max-width:230px!important;
  height:58px!important;
  object-fit:contain!important;
  object-position:left center!important;
}
html.page-obklady-poptavka-index .brand-section.new-obklady-brand[data-brand="Tubądzin"] .brand-header{
  background:#17233c!important;
}

/* Source style block 2 */
/* Krok 93 – pouze aktuální keramické značky a jejich navigační dlaždice */
html.page-obklady-poptavka-index{scroll-behavior:smooth}
html.page-obklady-poptavka-index .brand-shortcuts-wrap{max-width:1180px;margin:18px auto 8px;padding:0 20px}
html.page-obklady-poptavka-index .brand-shortcuts-intro{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:14px}
html.page-obklady-poptavka-index .brand-shortcuts-intro h2{margin:4px 0 0;font-size:clamp(23px,3vw,35px);line-height:1.08;color:#2a1636}
html.page-obklady-poptavka-index .brand-shortcuts-intro p{max-width:470px;margin:0;color:#69727b;font-size:14px;line-height:1.6}
html.page-obklady-poptavka-index .shortcut-eyebrow{display:block;color:#b28a2e;font-size:11px;font-weight:900;letter-spacing:.16em}
html.page-obklady-poptavka-index .brand-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
html.page-obklady-poptavka-index .brand-shortcut{position:relative;isolation:isolate;display:block;min-height:210px;overflow:hidden;border-radius:18px;border:1px solid rgba(60,32,75,.15);box-shadow:0 14px 34px rgba(37,22,45,.13);text-decoration:none;transform:translateY(0);transition:transform .2s ease,box-shadow .2s ease}
html.page-obklady-poptavka-index .brand-shortcut:hover, html.page-obklady-poptavka-index .brand-shortcut:focus-visible{transform:translateY(-4px);box-shadow:0 20px 40px rgba(37,22,45,.2);outline:none}
html.page-obklady-poptavka-index .shortcut-photo, html.page-obklady-poptavka-index .shortcut-shade{position:absolute;inset:0}
html.page-obklady-poptavka-index .shortcut-photo{z-index:-2;background-image:var(--shortcut-photo);background-size:cover;background-position:center;transition:transform .35s ease}
html.page-obklady-poptavka-index .brand-shortcut:hover .shortcut-photo{transform:scale(1.035)}
html.page-obklady-poptavka-index .shortcut-shade{z-index:-1;background:linear-gradient(180deg,rgba(20,12,24,.04) 15%,rgba(24,10,31,.86) 100%)}
html.page-obklady-poptavka-index .shortcut-content{min-height:210px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:20px;color:#fff}
html.page-obklady-poptavka-index .shortcut-content img{display:block;width:auto;max-width:82%;height:48px;object-fit:contain;object-position:left center;margin:0 0 auto;filter:drop-shadow(0 2px 5px rgba(0,0,0,.2))}
html.page-obklady-poptavka-index .baldocer-shortcut .shortcut-content img, html.page-obklady-poptavka-index .atlas-shortcut .shortcut-content img, html.page-obklady-poptavka-index .wow-shortcut .shortcut-content img{background:rgba(255,255,255,.92);border-radius:9px;padding:7px 10px;box-sizing:border-box}
html.page-obklady-poptavka-index .shortcut-content small{display:block;margin-bottom:5px;font-size:11px;font-weight:850;letter-spacing:.12em;text-transform:uppercase;color:#ead6a2}
html.page-obklady-poptavka-index .shortcut-content strong{font-size:15px;line-height:1.25;color:#fff}
@media(max-width:900px){html.page-obklady-poptavka-index .brand-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}html.page-obklady-poptavka-index .brand-shortcuts-intro{align-items:flex-start;flex-direction:column}html.page-obklady-poptavka-index .brand-shortcuts-intro p{max-width:none}}
@media(max-width:560px){html.page-obklady-poptavka-index .brand-shortcuts-wrap{padding:0 14px}html.page-obklady-poptavka-index .brand-shortcuts{grid-template-columns:1fr}html.page-obklady-poptavka-index .brand-shortcut, html.page-obklady-poptavka-index .shortcut-content{min-height:180px}html.page-obklady-poptavka-index .shortcut-content img{height:44px;max-width:72%}}

/* Source style block 3 */
body.page-obklady-poptavka-index{font-family:Arial;margin:28px;color:#20252b}
      html.page-obklady-poptavka-index h1{margin:0 0 5px;color:#8e3f10}
      html.page-obklady-poptavka-index table{width:100%;border-collapse:collapse;margin-top:20px;font-size:11px}
      html.page-obklady-poptavka-index th, html.page-obklady-poptavka-index td{border:1px solid #d9dee2;padding:8px;text-align:left;vertical-align:top}
      html.page-obklady-poptavka-index th{background:#fff3e8}html.page-obklady-poptavka-index small{color:#68717b}


/* Source: assets/css/site-responsive.css */
/* Shared responsive and accessibility layer. Mobile-first; page-specific CSS remains unchanged. */
html.page-obklady-poptavka-index{ --touch-target: 2.75rem; }
html.page-obklady-poptavka-index{ width: 100%; overflow-x: hidden; -webkit-text-size-adjust: 100%; }
body.page-obklady-poptavka-index{ width: 100%; min-width: 0; overflow-x: clip; }
html.page-obklady-poptavka-index img, html.page-obklady-poptavka-index picture, html.page-obklady-poptavka-index video, html.page-obklady-poptavka-index canvas, html.page-obklady-poptavka-index svg{ display: block; max-width: 100%; height: auto; }
html.page-obklady-poptavka-index iframe{ max-width: 100%; }
html.page-obklady-poptavka-index main, html.page-obklady-poptavka-index section, html.page-obklady-poptavka-index article, html.page-obklady-poptavka-index header, html.page-obklady-poptavka-index footer, html.page-obklady-poptavka-index nav, html.page-obklady-poptavka-index form, html.page-obklady-poptavka-index fieldset, html.page-obklady-poptavka-index .wrap, html.page-obklady-poptavka-index .container{ min-width: 0; }
html.page-obklady-poptavka-index button, html.page-obklady-poptavka-index input, html.page-obklady-poptavka-index select, html.page-obklady-poptavka-index textarea{ max-width: 100%; font: inherit; }
html.page-obklady-poptavka-index button, html.page-obklady-poptavka-index input[type="button"], html.page-obklady-poptavka-index input[type="submit"], html.page-obklady-poptavka-index input[type="reset"], html.page-obklady-poptavka-index select, html.page-obklady-poptavka-index .btn, html.page-obklady-poptavka-index .button, html.page-obklady-poptavka-index [role="button"]{ min-height: var(--touch-target); }
html.page-obklady-poptavka-index textarea{ min-height: 7rem; resize: vertical; }
html.page-obklady-poptavka-index .ti-mobile-menu-toggle{
  display: inline-flex; align-items: center; justify-content: center; gap: .5rem;
  min-width: var(--touch-target); min-height: var(--touch-target); padding: .65rem .8rem;
  border: 1px solid rgba(214,177,95,.7); background: rgba(18,8,28,.72);
  color: #f4ead0; font-weight: 800; cursor: pointer;
}
html.page-obklady-poptavka-index .ti-mobile-menu-toggle__icon, html.page-obklady-poptavka-index .ti-mobile-menu-toggle__icon::before, html.page-obklady-poptavka-index .ti-mobile-menu-toggle__icon::after{
  display: block; width: 1.25rem; height: .125rem; background: currentColor; content: ""; transition: transform .2s ease;
}
html.page-obklady-poptavka-index .ti-mobile-menu-toggle__icon{ position: relative; }
html.page-obklady-poptavka-index .ti-mobile-menu-toggle__icon::before{ position: absolute; top: -.4rem; }
html.page-obklady-poptavka-index .ti-mobile-menu-toggle__icon::after{ position: absolute; top: .4rem; }
html.page-obklady-poptavka-index header.ti-mobile-nav-header{ flex-wrap: wrap; }
html.page-obklady-poptavka-index header.ti-mobile-nav-header > nav{ display: none !important; width: 100%; flex-direction: column; align-items: stretch; gap: .25rem; padding-top: .75rem; }
html.page-obklady-poptavka-index header.ti-nav-open > nav{ display: flex !important; }
html.page-obklady-poptavka-index header.ti-mobile-nav-header > nav a{ display: flex; align-items: center; min-height: var(--touch-target); padding: .65rem .75rem; }
@media (max-width: 47.99rem) {
  html.page-obklady-poptavka-index h1{ overflow-wrap: anywhere; }
  html.page-obklady-poptavka-index .wrap, html.page-obklady-poptavka-index .container{ width: 100%; padding-inline: clamp(1rem, 4vw, 1.5rem); }
  html.page-obklady-poptavka-index .grid, html.page-obklady-poptavka-index .cards, html.page-obklady-poptavka-index .card-grid, html.page-obklady-poptavka-index .brand-grid, html.page-obklady-poptavka-index .product-grid, html.page-obklady-poptavka-index .form-grid{ grid-template-columns: minmax(0, 1fr) !important; }
  html.page-obklady-poptavka-index table{ display: block; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
}
@media (min-width: 56.25rem) {
  html.page-obklady-poptavka-index .ti-mobile-menu-toggle{ display: none; }
  html.page-obklady-poptavka-index header.ti-mobile-nav-header{ flex-wrap: nowrap; }
  html.page-obklady-poptavka-index header.ti-mobile-nav-header > nav{ display: flex !important; width: auto; flex-direction: row; align-items: center; padding-top: 0; }
  html.page-obklady-poptavka-index header.ti-mobile-nav-header > nav a{ min-height: auto; padding: 0; }
}
@media (prefers-reduced-motion: reduce) {
  html.page-obklady-poptavka-index *, html.page-obklady-poptavka-index *::before, html.page-obklady-poptavka-index *::after{ scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}


/* Source: assets/css/top-interior-velvet-header.css */
/* Krok 97 – jednotná sametová horní lišta a logo TOP INTERIOR */
body.page-obklady-poptavka-index > header, body.page-obklady-poptavka-index > .topbar{
  background-color:#17081f!important;
  background-image:
    linear-gradient(90deg,rgba(8,3,12,.28),rgba(42,8,54,.08) 45%,rgba(8,3,12,.38)),
    url("../assets/images/top-interior-velvet-header.jpg")!important;
  background-position:center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  border-top:0!important;
  border-bottom:1px solid rgba(214,177,95,.58)!important;
  box-shadow:0 9px 28px rgba(0,0,0,.34)!important;
}

/* Hlavní logo na standardních stránkách */
body.page-obklady-poptavka-index > header .top-interior-site-logo, body.page-obklady-poptavka-index > .topbar .top-interior-site-logo{
  display:block!important;
  flex:0 0 auto!important;
  width:clamp(220px,18vw,280px)!important;
  max-width:42vw!important;
  line-height:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.page-obklady-poptavka-index > header .top-interior-site-logo img, body.page-obklady-poptavka-index > .topbar .top-interior-site-logo img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  filter:drop-shadow(0 3px 4px rgba(0,0,0,.8)) drop-shadow(0 0 8px rgba(214,177,95,.16));
}
body.page-obklady-poptavka-index > header nav a, body.page-obklady-poptavka-index > header .nav a, body.page-obklady-poptavka-index > header .back, body.page-obklady-poptavka-index > header .outline{
  color:#f3e9f5!important;
  text-shadow:0 1px 3px rgba(0,0,0,.75);
}
body.page-obklady-poptavka-index > header nav a:hover, body.page-obklady-poptavka-index > header .nav a:hover{color:#f1cf77!important}

/* Logo TOP INTERIOR doplněné do poptávkových formulářů */
html.page-obklady-poptavka-index .ti-form-site-logo{
  position:absolute;
  left:20px;
  top:50%;
  transform:translateY(-50%);
  display:block;
  width:clamp(178px,15vw,220px);
  max-width:23vw;
  line-height:0;
  z-index:2;
}
html.page-obklady-poptavka-index .ti-form-site-logo img{
  display:block;
  width:100%;
  height:auto;
  filter:drop-shadow(0 3px 4px rgba(0,0,0,.82)) drop-shadow(0 0 7px rgba(214,177,95,.14));
}
body.page-obklady-poptavka-index > header.topbar .topbar-inner, body.page-obklady-poptavka-index > .topbar .topbar-inner{
  position:relative!important;
  max-width:1500px!important;
  min-height:78px!important;
  padding-left:clamp(222px,20vw,292px)!important;
}
body.page-obklady-poptavka-index > header.topbar .brand h1, body.page-obklady-poptavka-index > header.topbar .brand p, body.page-obklady-poptavka-index > .topbar .brand h1, body.page-obklady-poptavka-index > .topbar .brand p, body.page-obklady-poptavka-index > header.topbar .brand-title h1, body.page-obklady-poptavka-index > header.topbar .brand-title p, body.page-obklady-poptavka-index > .topbar .brand-title h1, body.page-obklady-poptavka-index > .topbar .brand-title p{
  color:#fff!important;
  text-shadow:0 1px 3px rgba(0,0,0,.75)!important;
}
body.page-obklady-poptavka-index > header.topbar .brand p, body.page-obklady-poptavka-index > .topbar .brand p, body.page-obklady-poptavka-index > header.topbar .brand-title p, body.page-obklady-poptavka-index > .topbar .brand-title p{color:#ded0e5!important}
body.page-obklady-poptavka-index > header.topbar .actions .btn, body.page-obklady-poptavka-index > .topbar .actions .btn, body.page-obklady-poptavka-index > header.topbar .actions a, body.page-obklady-poptavka-index > .topbar .actions a{
  box-shadow:0 3px 10px rgba(0,0,0,.22);
}

/* Obecný značkový poptávkový formulář */
body.page-obklady-poptavka-index > header .generic-topbar-inner{
  position:relative!important;
  width:100%!important;
  max-width:1500px!important;
  margin:auto!important;
  min-height:64px!important;
  padding-left:clamp(222px,20vw,292px)!important;
}
body.page-obklady-poptavka-index > header .generic-form-brand, body.page-obklady-poptavka-index > header .generic-top-actions{color:#fff!important}

/* Interaktivní koupelna */
body.page-obklady-poptavka-index > header .ti-inline-header-logo{
  display:block;
  width:clamp(220px,20vw,292px);
  line-height:0;
  margin:0 0 10px;
}
body.page-obklady-poptavka-index > header .ti-inline-header-logo img{display:block;width:100%;height:auto;filter:drop-shadow(0 3px 4px rgba(0,0,0,.8))}
body.page-obklady-poptavka-index > header.ti-inline-header{max-width:none!important;margin:0!important;padding:14px max(24px,calc((100vw - 1760px)/2)) 15px!important}
body.page-obklady-poptavka-index > header.ti-inline-header h1{color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.75)}

@media(max-width:900px){
  body.page-obklady-poptavka-index > header .top-interior-site-logo, body.page-obklady-poptavka-index > .topbar .top-interior-site-logo{width:210px!important;max-width:60vw!important}
  body.page-obklady-poptavka-index > header.topbar .topbar-inner, body.page-obklady-poptavka-index > .topbar .topbar-inner, body.page-obklady-poptavka-index > header .generic-topbar-inner{
    padding-left:20px!important;
    min-height:0!important;
  }
  html.page-obklady-poptavka-index .ti-form-site-logo{
    position:relative;
    left:auto;top:auto;transform:none;
    width:210px;max-width:64vw;
    grid-column:1/-1;
    margin:0 0 4px;
  }
}
@media(max-width:560px){
  body.page-obklady-poptavka-index > header .top-interior-site-logo, body.page-obklady-poptavka-index > .topbar .top-interior-site-logo{width:188px!important;max-width:66vw!important}
  html.page-obklady-poptavka-index .ti-form-site-logo{width:190px}
}


/* Krok 98 – sjednocené logo, zvětšená hlavní lišta a informační doložka */
html.page-obklady-poptavka-index{
  --ti-logo-secondary-width:clamp(190px,16vw,230px);
  --ti-logo-form-width:clamp(162px,14vw,184px);
}

/* Jednotný vzhled loga na všech běžných a interních stránkách */
body.page-obklady-poptavka-index > header .top-interior-site-logo, body.page-obklady-poptavka-index > .topbar .top-interior-site-logo{
  width:var(--ti-logo-secondary-width)!important;
  max-width:min(48vw,230px)!important;
  min-width:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.page-obklady-poptavka-index > header .top-interior-site-logo img, body.page-obklady-poptavka-index > .topbar .top-interior-site-logo img, html.page-obklady-poptavka-index .ti-form-site-logo img, body.page-obklady-poptavka-index > header .ti-inline-header-logo img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  clip-path:none!important;
}

/* Hlavní stránka: lišta přibližně o 70 % vyšší a úměrně větší logo */
body.page-obklady-poptavka-index > header.ti-main-header{
  min-height:106px!important;
  padding:22px 3vw!important;
  align-items:center!important;
}
body.page-obklady-poptavka-index > header.ti-main-header .top-interior-site-logo{
  width:clamp(300px,24vw,372px)!important;
  max-width:38vw!important;
}
body.page-obklady-poptavka-index > header.ti-main-header nav{
  align-self:center!important;
}

/* Poptávkové formuláře: celé, nepřerostlé a shodné logo */
html.page-obklady-poptavka-index .ti-form-site-logo{
  position:absolute!important;
  left:22px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  display:block!important;
  width:var(--ti-logo-form-width)!important;
  max-width:184px!important;
  min-width:0!important;
  line-height:0!important;
  overflow:visible!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  z-index:3!important;
}
body.page-obklady-poptavka-index > header.topbar .topbar-inner, body.page-obklady-poptavka-index > .topbar .topbar-inner, body.page-obklady-poptavka-index > header .generic-topbar-inner{
  padding-left:clamp(212px,18vw,246px)!important;
  min-height:82px!important;
}

/* Společná informační doložka ve spodní části všech stránek */
html.page-obklady-poptavka-index .ti-site-notice{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:22px max(22px,5vw)!important;
  border-top:1px solid rgba(214,177,95,.32)!important;
  background:#09050f!important;
  color:#cfc2d5!important;
  font:400 11px/1.65 Inter,Arial,sans-serif!important;
  letter-spacing:0!important;
  text-align:left!important;
}
html.page-obklady-poptavka-index .ti-site-notice strong{
  color:#e2c577!important;
  font-weight:800!important;
}
html.page-obklady-poptavka-index .ti-site-notice p{
  max-width:1380px!important;
  margin:0 auto!important;
}

@media(max-width:1180px){
  body.page-obklady-poptavka-index > header.ti-main-header{
    min-height:0!important;
    padding:19px 3vw!important;
  }
  body.page-obklady-poptavka-index > header.ti-main-header .top-interior-site-logo{
    width:clamp(270px,34vw,340px)!important;
    max-width:58vw!important;
  }
}
@media(max-width:900px){
  body.page-obklady-poptavka-index > header .top-interior-site-logo, body.page-obklady-poptavka-index > .topbar .top-interior-site-logo{
    width:210px!important;
    max-width:64vw!important;
  }
  body.page-obklady-poptavka-index > header.ti-main-header{
    padding:18px 20px!important;
  }
  body.page-obklady-poptavka-index > header.ti-main-header .top-interior-site-logo{
    width:260px!important;
    max-width:72vw!important;
  }
  body.page-obklady-poptavka-index > header.topbar .topbar-inner, body.page-obklady-poptavka-index > .topbar .topbar-inner, body.page-obklady-poptavka-index > header .generic-topbar-inner{
    padding-left:20px!important;
    min-height:0!important;
  }
  html.page-obklady-poptavka-index .ti-form-site-logo{
    position:relative!important;
    left:auto!important;
    top:auto!important;
    transform:none!important;
    width:184px!important;
    max-width:56vw!important;
    grid-column:1/-1!important;
    margin:0 0 8px!important;
  }
}
@media(max-width:560px){
  body.page-obklady-poptavka-index > header.ti-main-header .top-interior-site-logo{
    width:232px!important;
    max-width:78vw!important;
  }
  html.page-obklady-poptavka-index .ti-form-site-logo{
    width:172px!important;
    max-width:62vw!important;
  }
  html.page-obklady-poptavka-index .ti-site-notice{
    padding:18px 17px!important;
    font-size:10.5px!important;
  }
}


/* Krok 99 – kompaktnější hlavní lišta a dvouřádkové hlavičky poptávek */
html.page-obklady-poptavka-index{
  --ti-logo-shared-width:clamp(300px,24vw,372px);
}

/* Jedna velikost a jeden vzhled loga na všech stránkách. */
body.page-obklady-poptavka-index > header .top-interior-site-logo, body.page-obklady-poptavka-index > .topbar .top-interior-site-logo, html.page-obklady-poptavka-index .ti-form-site-logo, body.page-obklady-poptavka-index > header .ti-inline-header-logo{
  width:var(--ti-logo-shared-width)!important;
  max-width:38vw!important;
  min-width:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  line-height:0!important;
}
body.page-obklady-poptavka-index > header .top-interior-site-logo img, body.page-obklady-poptavka-index > .topbar .top-interior-site-logo img, html.page-obklady-poptavka-index .ti-form-site-logo img, body.page-obklady-poptavka-index > header .ti-inline-header-logo img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:left center!important;
  clip-path:none!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* Hlavní stránka: lišta o přibližně 10 % nižší, velikost loga zůstává. */
body.page-obklady-poptavka-index > header.ti-main-header, body.page-obklady-poptavka-index > header.ti-request-hub-header{
  min-height:96px!important;
  padding:20px 3vw!important;
  align-items:center!important;
}
body.page-obklady-poptavka-index > header.ti-main-header .top-interior-site-logo, body.page-obklady-poptavka-index > header.ti-request-hub-header .top-interior-site-logo{
  width:var(--ti-logo-shared-width)!important;
  max-width:38vw!important;
}

/* Poptávkové formuláře: logo je samostatně v prvním řádku vlevo. */
body.page-obklady-poptavka-index > header.topbar .topbar-inner, body.page-obklady-poptavka-index > .topbar .topbar-inner{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-areas:
    "ti-logo ti-logo"
    "ti-brand ti-actions"!important;
  align-items:center!important;
  column-gap:22px!important;
  row-gap:13px!important;
  width:100%!important;
  max-width:none!important;
  padding:18px 3vw!important;
  min-height:0!important;
}
body.page-obklady-poptavka-index > header.topbar .topbar-inner > .ti-form-site-logo, body.page-obklady-poptavka-index > .topbar .topbar-inner > .ti-form-site-logo{
  grid-area:ti-logo!important;
  position:relative!important;
  left:auto!important;
  top:auto!important;
  transform:none!important;
  justify-self:start!important;
  align-self:start!important;
  display:block!important;
  width:var(--ti-logo-shared-width)!important;
  max-width:38vw!important;
  margin:0!important;
  z-index:3!important;
}
body.page-obklady-poptavka-index > header.topbar .topbar-inner > .brand, body.page-obklady-poptavka-index > .topbar .topbar-inner > .brand, body.page-obklady-poptavka-index > header.topbar .topbar-inner > .brand-title, body.page-obklady-poptavka-index > .topbar .topbar-inner > .brand-title{
  grid-area:ti-brand!important;
  min-width:0!important;
}
body.page-obklady-poptavka-index > header.topbar .topbar-inner > .actions, body.page-obklady-poptavka-index > .topbar .topbar-inner > .actions{
  grid-area:ti-actions!important;
  align-self:center!important;
}

/* Obecný značkový formulář používá stejné dvouřádkové rozložení. */
body.page-obklady-poptavka-index > header .generic-topbar-inner{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-areas:
    "ti-logo ti-logo"
    "ti-brand ti-actions"!important;
  align-items:center!important;
  column-gap:22px!important;
  row-gap:13px!important;
  width:100%!important;
  max-width:none!important;
  margin:auto!important;
  padding:18px 3vw!important;
  min-height:0!important;
}
body.page-obklady-poptavka-index > header .generic-topbar-inner > .ti-form-site-logo{
  grid-area:ti-logo!important;
  position:relative!important;
  left:auto!important;
  top:auto!important;
  transform:none!important;
  justify-self:start!important;
  width:var(--ti-logo-shared-width)!important;
  max-width:38vw!important;
  margin:0!important;
}
body.page-obklady-poptavka-index > header .generic-topbar-inner > .generic-form-brand{grid-area:ti-brand!important}
body.page-obklady-poptavka-index > header .generic-topbar-inner > .generic-top-actions{grid-area:ti-actions!important}

/* Centrum E-shop / Poptávky má stejnou hlavičku jako hlavní stránka. */
body.page-obklady-poptavka-index > header.ti-request-hub-header{
  display:flex!important;
  justify-content:space-between!important;
  gap:24px!important;
}
body.page-obklady-poptavka-index > header.ti-request-hub-header .back{
  flex:0 0 auto!important;
}

@media(max-width:1180px){
  html.page-obklady-poptavka-index{--ti-logo-shared-width:clamp(270px,34vw,340px)}
  body.page-obklady-poptavka-index > header.ti-main-header, body.page-obklady-poptavka-index > header.ti-request-hub-header{min-height:0!important;padding:17px 3vw!important}
  body.page-obklady-poptavka-index > header .top-interior-site-logo, body.page-obklady-poptavka-index > .topbar .top-interior-site-logo, html.page-obklady-poptavka-index .ti-form-site-logo, body.page-obklady-poptavka-index > header .ti-inline-header-logo{max-width:58vw!important}

  body.page-obklady-poptavka-index > header.topbar .topbar-inner, body.page-obklady-poptavka-index > .topbar .topbar-inner, body.page-obklady-poptavka-index > header .generic-topbar-inner{
    grid-template-columns:1fr!important;
    grid-template-areas:"ti-logo" "ti-brand" "ti-actions"!important;
  }
  body.page-obklady-poptavka-index > header.topbar .topbar-inner > .actions, body.page-obklady-poptavka-index > .topbar .topbar-inner > .actions, body.page-obklady-poptavka-index > header .generic-topbar-inner > .generic-top-actions{
    width:100%!important;
    max-width:100%!important;
    justify-self:start!important;
    justify-content:flex-start!important;
  }
}
@media(max-width:900px){
  html.page-obklady-poptavka-index{--ti-logo-shared-width:260px}
  body.page-obklady-poptavka-index > header.ti-main-header, body.page-obklady-poptavka-index > header.ti-request-hub-header{padding:16px 20px!important}
  body.page-obklady-poptavka-index > header .top-interior-site-logo, body.page-obklady-poptavka-index > .topbar .top-interior-site-logo, html.page-obklady-poptavka-index .ti-form-site-logo, body.page-obklady-poptavka-index > header .ti-inline-header-logo{max-width:72vw!important}
  body.page-obklady-poptavka-index > header.topbar .topbar-inner, body.page-obklady-poptavka-index > .topbar .topbar-inner, body.page-obklady-poptavka-index > header .generic-topbar-inner{
    grid-template-columns:1fr!important;
    grid-template-areas:"ti-logo" "ti-brand" "ti-actions"!important;
    padding:16px 20px!important;
  }
  body.page-obklady-poptavka-index > header.topbar .topbar-inner > .actions, body.page-obklady-poptavka-index > .topbar .topbar-inner > .actions, body.page-obklady-poptavka-index > header .generic-topbar-inner > .generic-top-actions{
    justify-self:start!important;
    justify-content:flex-start!important;
  }
  body.page-obklady-poptavka-index > header.ti-request-hub-header{
    flex-wrap:wrap!important;
  }
}
@media(max-width:560px){
  html.page-obklady-poptavka-index{--ti-logo-shared-width:232px}
  body.page-obklady-poptavka-index > header .top-interior-site-logo, body.page-obklady-poptavka-index > .topbar .top-interior-site-logo, html.page-obklady-poptavka-index .ti-form-site-logo, body.page-obklady-poptavka-index > header .ti-inline-header-logo{max-width:78vw!important}
}


/* Krok 113 – společné logo TOP INTERIOR by JOVEE Services */
html.page-obklady-poptavka-index{--ti-combined-logo-width:clamp(370px,31vw,500px)}
body.page-obklady-poptavka-index > header .top-interior-site-logo, body.page-obklady-poptavka-index > .topbar .top-interior-site-logo, html.page-obklady-poptavka-index .ti-form-site-logo, body.page-obklady-poptavka-index > header .ti-inline-header-logo{
  width:var(--ti-combined-logo-width)!important;
  max-width:46vw!important;
}
body.page-obklady-poptavka-index > header.ti-main-header .top-interior-site-logo, body.page-obklady-poptavka-index > header.ti-request-hub-header .top-interior-site-logo{
  width:clamp(410px,34vw,535px)!important;
  max-width:48vw!important;
}
body.page-obklady-poptavka-index > header .top-interior-site-logo img, body.page-obklady-poptavka-index > .topbar .top-interior-site-logo img, html.page-obklady-poptavka-index .ti-form-site-logo img, body.page-obklady-poptavka-index > header .ti-inline-header-logo img{
  filter:none!important;
  object-fit:contain!important;
  object-position:left center!important;
}
body.page-obklady-poptavka-index > header.ti-main-header, body.page-obklady-poptavka-index > header.ti-request-hub-header{
  padding-top:12px!important;
  padding-bottom:12px!important;
}
@media(max-width:1180px){
  html.page-obklady-poptavka-index{--ti-combined-logo-width:clamp(330px,43vw,450px)}
  body.page-obklady-poptavka-index > header.ti-main-header .top-interior-site-logo, body.page-obklady-poptavka-index > header.ti-request-hub-header .top-interior-site-logo{width:clamp(350px,48vw,465px)!important;max-width:58vw!important}
}
@media(max-width:900px){
  html.page-obklady-poptavka-index{--ti-combined-logo-width:320px}
  body.page-obklady-poptavka-index > header.ti-main-header .top-interior-site-logo, body.page-obklady-poptavka-index > header.ti-request-hub-header .top-interior-site-logo{width:340px!important;max-width:78vw!important}
}
@media(max-width:560px){
  html.page-obklady-poptavka-index{--ti-combined-logo-width:280px}
  body.page-obklady-poptavka-index > header.ti-main-header .top-interior-site-logo, body.page-obklady-poptavka-index > header.ti-request-hub-header .top-interior-site-logo{width:300px!important;max-width:86vw!important}
}

/* Krok 115 – vyvážená výška hlavní lišty pro společné logo */
html.page-obklady-poptavka-index{
  --ti-combined-logo-width:clamp(330px,25vw,390px);
}

/* Běžné interní stránky a formuláře: čitelné logo bez přerůstání. */
body.page-obklady-poptavka-index > header .top-interior-site-logo, body.page-obklady-poptavka-index > .topbar .top-interior-site-logo, html.page-obklady-poptavka-index .ti-form-site-logo, body.page-obklady-poptavka-index > header .ti-inline-header-logo{
  width:var(--ti-combined-logo-width)!important;
  max-width:42vw!important;
}

/* Hlavní navigační lišta: návrat k původní vyvážené výšce. */
body.page-obklady-poptavka-index > header.ti-main-header, body.page-obklady-poptavka-index > header.ti-request-hub-header{
  min-height:112px!important;
  padding:9px 3vw!important;
  align-items:center!important;
}
body.page-obklady-poptavka-index > header.ti-main-header .top-interior-site-logo, body.page-obklady-poptavka-index > header.ti-request-hub-header .top-interior-site-logo{
  width:clamp(360px,27vw,420px)!important;
  max-width:43vw!important;
}
body.page-obklady-poptavka-index > header.ti-main-header nav{
  gap:clamp(12px,1.15vw,20px)!important;
  font-size:clamp(11px,.72vw,13px)!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
}
body.page-obklady-poptavka-index > header.ti-main-header nav a{white-space:nowrap!important}

@media(max-width:1180px){
  html.page-obklady-poptavka-index{--ti-combined-logo-width:clamp(300px,31vw,350px)}
  body.page-obklady-poptavka-index > header.ti-main-header, body.page-obklady-poptavka-index > header.ti-request-hub-header{
    min-height:100px!important;
    padding:9px 3vw!important;
  }
  body.page-obklady-poptavka-index > header.ti-main-header .top-interior-site-logo, body.page-obklady-poptavka-index > header.ti-request-hub-header .top-interior-site-logo{
    width:clamp(310px,32vw,365px)!important;
    max-width:42vw!important;
  }
  body.page-obklady-poptavka-index > header.ti-main-header nav{
    gap:10px!important;
    font-size:11px!important;
  }
}
@media(max-width:900px){
  html.page-obklady-poptavka-index{--ti-combined-logo-width:290px}
  body.page-obklady-poptavka-index > header.ti-main-header, body.page-obklady-poptavka-index > header.ti-request-hub-header{
    min-height:0!important;
    padding:12px 20px!important;
  }
  body.page-obklady-poptavka-index > header.ti-main-header .top-interior-site-logo, body.page-obklady-poptavka-index > header.ti-request-hub-header .top-interior-site-logo{
    width:300px!important;
    max-width:76vw!important;
  }
}
@media(max-width:560px){
  html.page-obklady-poptavka-index{--ti-combined-logo-width:255px}
  body.page-obklady-poptavka-index > header.ti-main-header, body.page-obklady-poptavka-index > header.ti-request-hub-header{padding:10px 16px!important}
  body.page-obklady-poptavka-index > header.ti-main-header .top-interior-site-logo, body.page-obklady-poptavka-index > header.ti-request-hub-header .top-interior-site-logo{
    width:268px!important;
    max-width:82vw!important;
  }
}


/* Extracted former inline styles */
html.page-obklady-poptavka-index .inline-style-1{--shortcut-photo:url('../assets/images/baldocer-tile-background.jpg')}
html.page-obklady-poptavka-index .inline-style-2{--shortcut-photo:url('../assets/images/atlas-concorde-tile-fallback.jpg')}
html.page-obklady-poptavka-index .inline-style-3{--shortcut-photo:url('../assets/images/wow-design-tile-fallback.jpg')}
html.page-obklady-poptavka-index .inline-style-4{--shortcut-photo:url('../assets/images/tubadzin-tile-fallback.jpg')}
html.page-obklady-poptavka-index .inline-style-5{margin:14px 0 0;text-align:right;color:#69727b;font-size:12px;font-weight:800}

/* ===== obklady-poptavka/obklady-dlazby-poptavkovy-formular.html ===== */

/* Source: assets/css/obklady-poptavka-obklady-dlazby-poptavkovy-formular.css */
/* Source style block 1 */
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular{
  --orange:#c75d18;--orange2:#8e3f10;--black:#111214;--ink:#24282d;
  --muted:#69727b;--line:#dfe4e7;--soft:#f4f6f7;--green:#16845c;
  --shadow:0 8px 28px rgba(25,30,35,.08)
}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular *{box-sizing:border-box}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular{scroll-behavior:smooth}
body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular{margin:0;background:#eef1f3;color:var(--ink);font-family:Inter,Arial,Helvetica,sans-serif}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular button, html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular input, html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular select{font:inherit}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular a{color:inherit}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular [hidden]{display:none!important}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .topbar{
  position:sticky;top:0;z-index:30;background:rgba(255,255,255,.97);
  border-top:5px solid var(--orange);border-bottom:1px solid var(--line);
  backdrop-filter:blur(10px)
}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .topbar-inner{
  max-width:1240px;margin:auto;padding:13px 20px;display:grid;
  grid-template-columns:1fr auto;gap:16px;align-items:center
}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .brand-title{display:flex;align-items:center;gap:13px}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .logo-mark{
  width:50px;height:50px;border-radius:10px;background:var(--black);
  display:flex;align-items:center;justify-content:center;color:#fff;
  font-weight:950;font-size:10px;letter-spacing:.08em;
  box-shadow:inset 0 0 0 5px rgba(255,255,255,.12)
}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .brand-title h1{margin:0;font-size:21px}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .brand-title p{margin:3px 0 0;color:var(--muted);font-size:12px}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .btn{
  border:1px solid var(--line);background:#fff;border-radius:10px;
  padding:10px 13px;cursor:pointer;font-weight:800
}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .btn.primary{background:var(--orange);border-color:var(--orange);color:#fff}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .badge{
  display:inline-flex;min-width:20px;height:20px;align-items:center;
  justify-content:center;background:#fff;color:var(--orange2);
  border-radius:999px;margin-left:4px;font-size:11px
}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .hero, html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .summary, html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .cart-wrap, html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular main{
  max-width:1240px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px
}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .hero{margin-top:22px}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .hero-card{
  background:#fff;border:1px solid var(--line);border-radius:16px;
  padding:18px;box-shadow:var(--shadow)
}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .hero-grid{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:end}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .hero h2{margin:0 0 6px}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .hero p{margin:0;color:var(--muted);line-height:1.5}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .search{min-width:340px}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .search label{
  display:block;font-size:11px;font-weight:900;text-transform:uppercase;
  letter-spacing:.08em;margin-bottom:6px;color:var(--muted)
}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .search input{
  width:100%;border:1px solid #cbd2d9;border-radius:10px;padding:12px 13px
}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .summary{margin-top:14px}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .summary-card{
  display:flex;justify-content:space-between;gap:16px;align-items:center;
  background:var(--black);color:#fff;border-radius:14px;padding:14px 16px
}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .summary-card span{color:#d7dcdf}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .cart-wrap{margin-top:14px;scroll-margin-top:92px}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .cart-card{
  background:#fff;border:1px solid var(--line);border-radius:16px;
  box-shadow:var(--shadow);overflow:hidden
}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .cart-head{
  display:flex;justify-content:space-between;gap:16px;align-items:center;
  padding:16px 18px;background:#fff4eb;border-bottom:1px solid #efd7c4
}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .cart-head h2{margin:0;font-size:20px}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .cart-head p{margin:4px 0 0;color:var(--muted);font-size:13px}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .cart-count{
  background:var(--orange);color:#fff;padding:7px 11px;border-radius:999px;
  font-size:12px;font-weight:900
}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .cart-empty{padding:22px 18px;text-align:center;color:var(--muted)}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .cart-table-wrap{overflow:auto}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .cart-table{width:100%;border-collapse:collapse;min-width:1050px}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .cart-table th, html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .cart-table td{
  padding:10px 12px;border-bottom:1px solid var(--line);
  vertical-align:top;text-align:left
}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .cart-table th{
  font-size:11px;text-transform:uppercase;letter-spacing:.05em;
  color:#65707a;background:#fafbfc
}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .cart-note{font-size:11px;color:var(--muted);margin-top:3px}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .cart-remove{
  border:0;background:#f6e8dd;color:#934818;border-radius:8px;
  padding:7px 9px;font-weight:800;cursor:pointer
}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular main{margin-top:18px;margin-bottom:60px}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .guide{
  background:linear-gradient(125deg,#141516,#27292c);
  color:#fff;border-radius:16px;padding:17px 19px;box-shadow:var(--shadow);
  display:grid;grid-template-columns:auto 1fr;gap:17px;align-items:center
}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .guide-icon{
  width:66px;height:70px;background:#fff;color:var(--orange);
  border-radius:11px;display:flex;flex-direction:column;
  align-items:center;justify-content:center
}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .guide-icon span{font-size:10px;font-weight:900;letter-spacing:.08em}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .guide-icon b{font-size:28px;line-height:1}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .guide h2{margin:2px 0 5px;font-size:23px}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .guide p{margin:0;color:#e0e4e6;line-height:1.5;font-size:14px}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .eyebrow{
  font-size:10px;text-transform:uppercase;letter-spacing:.11em;
  font-weight:900;color:#ffc86b
}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .brand-section{
  margin-top:18px;background:#fff;border:1px solid var(--line);
  border-radius:16px;overflow:hidden;box-shadow:0 2px 10px rgba(20,25,30,.04)
}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .brand-section.is-search-hidden{display:none}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .brand-header{
  background:#050505;padding:13px 17px;display:flex;align-items:center;
  justify-content:space-between;gap:15px;border-bottom:4px solid var(--orange)
}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .brand-logo{
  width:290px;height:82px;object-fit:contain;object-position:left center;
  display:block;background:#000
}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .brand-index{
  color:#fff;font-size:12px;font-weight:900;white-space:nowrap;
  background:#242628;padding:7px 10px;border-radius:999px
}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .items-list{padding:14px}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .item-card{
  border:1px solid var(--line);border-radius:12px;overflow:hidden;
  margin-bottom:12px;background:#fff
}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .item-card.selected{
  border-color:rgba(22,132,92,.55);
  box-shadow:0 0 0 3px rgba(22,132,92,.08)
}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .item-head{
  display:flex;justify-content:space-between;align-items:center;gap:12px;
  padding:10px 13px;background:#fafbfc;border-bottom:1px solid var(--line)
}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .item-head strong{font-size:14px}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .item-actions{display:flex;gap:7px;align-items:center}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .status{
  background:#eef1f4;color:#69727b;border-radius:999px;padding:6px 9px;
  font-size:11px;font-weight:800;white-space:nowrap
}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .selected .status{background:#e5f6ee;color:var(--green)}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .remove-item{
  border:1px solid #e0c9b8;background:#fff8f2;color:#9c4a15;
  border-radius:8px;padding:6px 8px;font-size:11px;font-weight:800;cursor:pointer
}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .form-table{width:100%;border-collapse:collapse}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .form-table th, html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .form-table td{
  border-bottom:1px solid var(--line);padding:8px 10px;
  text-align:left;vertical-align:middle
}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .form-table tr:last-child th, html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .form-table tr:last-child td{border-bottom:0}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .form-table th{
  width:185px;background:var(--soft);font-size:12px;color:#59636d
}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .form-table input, html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .form-table select{
  width:100%;border:1px solid #cbd2d8;border-radius:8px;
  padding:9px 10px;background:#fff
}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .item-footer{
  display:flex;justify-content:flex-end;padding:11px 13px;
  background:#fafbfc;border-top:1px solid var(--line)
}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .add-to-inquiry{
  border:0;background:var(--black);color:#fff;border-radius:9px;
  padding:10px 14px;font-weight:900;cursor:pointer
}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .selected .add-to-inquiry{background:var(--green)}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .add-another-wrap{
  padding:0 14px 15px;display:flex;justify-content:center
}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .add-another{
  width:100%;border:2px dashed #c9ced2;background:#fafbfc;color:#343a40;
  border-radius:10px;padding:11px 14px;font-weight:900;cursor:pointer
}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .add-another:hover{border-color:var(--orange);color:var(--orange2);background:#fff8f2}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .empty{
  display:none;background:#fff4e8;border:1px solid #ffd6ad;
  padding:18px;border-radius:12px;margin-top:18px
}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .source-note{
  margin-top:18px;color:var(--muted);font-size:11px;line-height:1.5
}
@media(max-width:900px){
  html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .topbar-inner{grid-template-columns:1fr}
  html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .actions{justify-content:flex-start}
  html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .hero-grid{grid-template-columns:1fr}
  html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .search{min-width:0}
  html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .brand-header{align-items:flex-start}
  html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .brand-logo{width:min(72vw,290px)}
  html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .form-table th{width:145px}
}
@media(max-width:600px){
  html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .form-table, html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .form-table tbody, html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .form-table tr, html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .form-table th, html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .form-table td{display:block;width:100%}
  html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .form-table th{border-bottom:0;padding-bottom:4px}
  html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .form-table td{padding-top:4px}
  html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .item-head{align-items:flex-start}
  html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .item-actions{flex-wrap:wrap;justify-content:flex-end}
}
@media print{
  html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .topbar, html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .hero, html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .summary, html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .cart-wrap, html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .guide, html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .add-another-wrap, html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .remove-item, html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .add-to-inquiry, html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .status, html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .source-note{display:none!important}
  body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular{background:#fff}
  html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular main{max-width:none;margin:0;padding:0}
  html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .brand-section{break-inside:avoid;box-shadow:none}
  html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .item-card:not(.selected){display:none}
}

/* Kompaktní zobrazení items */
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .item-card{margin-bottom:10px}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .form-table.compact-table th{width:185px}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .advanced-fields{
  border-top:1px solid var(--line);
  background:#fff
}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .advanced-fields summary{
  list-style:none;cursor:pointer;padding:11px 13px;
  font-size:12px;font-weight:900;color:var(--orange2);
  background:#fff8f2;display:flex;align-items:center;
  justify-content:space-between;gap:12px;
  border-bottom:1px solid transparent
}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .advanced-fields summary::-webkit-details-marker{display:none}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .advanced-fields summary:after{
  content:"Show more details ▼";
  font-size:11px;white-space:nowrap
}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .advanced-fields[open] summary{
  border-bottom-color:#ead8ca
}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .advanced-fields[open] summary:after{
  content:"Hide additional details ▲"
}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .advanced-fields summary span{
  color:#6f7780;font-weight:700
}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .advanced-fields .form-table{border-top:0}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .brand-header{min-height:108px}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .brand-logo{height:76px}
@media(max-width:600px){
  html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .advanced-fields summary{
    align-items:flex-start;flex-direction:column
  }
}

/* Integrace Wall and floor tiles do TOP INTERIOR */
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .topbar{
  padding:0!important;
}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .topbar-inner{
  width:100%!important;
  max-width:1180px!important;
  min-height:78px!important;
  margin:0 auto!important;
  padding:12px 20px!important;
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:minmax(270px,1fr) 817px!important;
  gap:18px!important;
  align-items:center!important;
}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .topbar .brand-title{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:13px!important;
}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .topbar .logo-mark{
  width:138px!important;
  height:48px!important;
  flex:0 0 138px!important;
  padding:5px 9px!important;
  box-sizing:border-box!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  border:1px solid rgba(255,255,255,.36)!important;
  background:rgba(255,255,255,.06)!important;
  color:#fff!important;
  line-height:1!important;
  letter-spacing:.08em!important;
}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .topbar .logo-mark strong{
  font-size:17px!important;
  font-weight:900!important;
}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .topbar .logo-mark small{
  margin-top:4px!important;
  color:#f2b57a!important;
  font-size:9px!important;
  font-weight:900!important;
  letter-spacing:.16em!important;
}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .topbar .brand-title h1{
  margin:0!important;
  font-size:17px!important;
  line-height:1.18!important;
}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .topbar .brand-title p{
  margin:3px 0 0!important;
  font-size:11px!important;
  line-height:1.25!important;
}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .topbar .actions{
  width:817px!important;
  display:grid!important;
  grid-template-columns:150px 88px 120px 105px 220px 94px!important;
  gap:8px!important;
  align-items:stretch!important;
  justify-content:stretch!important;
  margin:0!important;
}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .topbar .actions > a, html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .topbar .actions > button{
  width:100%!important;
  height:44px!important;
  min-height:44px!important;
  margin:0!important;
  padding:8px 9px!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  line-height:1.12!important;
  font-size:11px!important;
  text-decoration:none!important;
  white-space:normal!important;
}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .obklady-unified-info{
  max-width:1180px;
  margin:14px auto 0;
  padding:12px 20px;
  color:#5d6670;
  font-size:12px;
  line-height:1.5;
  box-sizing:border-box;
}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .obklady-unified-info strong{
  color:#9b4f1c;
}
@media(max-width:1180px){
  html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .topbar-inner{
    grid-template-columns:1fr!important;
  }
  html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .topbar .actions{
    width:100%!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}
@media(max-width:700px){
  html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .topbar .logo-mark{
    width:118px!important;
    height:43px!important;
    flex-basis:118px!important;
  }
  html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .topbar .actions{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

/* Krok 86 – DLAŽBY stejně výrazné jako ostatní loga formulářů */
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .topbar .logo-mark{
  padding:4px 9px!important;
  justify-content:center!important;
  line-height:.95!important;
}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .topbar .logo-mark strong, html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .topbar .logo-mark small{
  display:block!important;
  margin:0!important;
  color:#fff!important;
  font-size:16px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.075em!important;
}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .topbar .logo-mark small{
  margin-top:4px!important;
}

/* Krok 88 – jednotné označení OBKLADY */
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .topbar .logo-mark{justify-content:center!important;padding:5px 9px!important}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .topbar .logo-mark strong{margin:0!important;color:#fff!important;font-size:18px!important;line-height:1!important;font-weight:900!important;letter-spacing:.08em!important}

/* Krok 89 – nové značky v poptávkovém formuláři */
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular #baldocer, html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular #atlas-concorde, html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular #wow-design, html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular #tubadzin{
  scroll-margin-top:104px!important;
}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .brand-section.new-obklady-brand .brand-logo{
  width:auto!important;
  max-width:230px!important;
  height:58px!important;
  object-fit:contain!important;
  object-position:left center!important;
}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .brand-section.new-obklady-brand[data-brand="Tubądzin"] .brand-header{
  background:#17233c!important;
}

/* Source style block 2 */
/* Krok 93 – pouze aktuální keramické značky a jejich navigační dlaždice */
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular{scroll-behavior:smooth}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .brand-shortcuts-wrap{max-width:1180px;margin:18px auto 8px;padding:0 20px}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .brand-shortcuts-intro{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:14px}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .brand-shortcuts-intro h2{margin:4px 0 0;font-size:clamp(23px,3vw,35px);line-height:1.08;color:#2a1636}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .brand-shortcuts-intro p{max-width:470px;margin:0;color:#69727b;font-size:14px;line-height:1.6}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .shortcut-eyebrow{display:block;color:#b28a2e;font-size:11px;font-weight:900;letter-spacing:.16em}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .brand-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .brand-shortcut{position:relative;isolation:isolate;display:block;min-height:210px;overflow:hidden;border-radius:18px;border:1px solid rgba(60,32,75,.15);box-shadow:0 14px 34px rgba(37,22,45,.13);text-decoration:none;transform:translateY(0);transition:transform .2s ease,box-shadow .2s ease}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .brand-shortcut:hover, html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .brand-shortcut:focus-visible{transform:translateY(-4px);box-shadow:0 20px 40px rgba(37,22,45,.2);outline:none}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .shortcut-photo, html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .shortcut-shade{position:absolute;inset:0}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .shortcut-photo{z-index:-2;background-image:var(--shortcut-photo);background-size:cover;background-position:center;transition:transform .35s ease}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .brand-shortcut:hover .shortcut-photo{transform:scale(1.035)}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .shortcut-shade{z-index:-1;background:linear-gradient(180deg,rgba(20,12,24,.04) 15%,rgba(24,10,31,.86) 100%)}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .shortcut-content{min-height:210px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:20px;color:#fff}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .shortcut-content img{display:block;width:auto;max-width:82%;height:48px;object-fit:contain;object-position:left center;margin:0 0 auto;filter:drop-shadow(0 2px 5px rgba(0,0,0,.2))}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .baldocer-shortcut .shortcut-content img, html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .atlas-shortcut .shortcut-content img, html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .wow-shortcut .shortcut-content img{background:rgba(255,255,255,.92);border-radius:9px;padding:7px 10px;box-sizing:border-box}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .shortcut-content small{display:block;margin-bottom:5px;font-size:11px;font-weight:850;letter-spacing:.12em;text-transform:uppercase;color:#ead6a2}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .shortcut-content strong{font-size:15px;line-height:1.25;color:#fff}
@media(max-width:900px){html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .brand-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .brand-shortcuts-intro{align-items:flex-start;flex-direction:column}html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .brand-shortcuts-intro p{max-width:none}}
@media(max-width:560px){html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .brand-shortcuts-wrap{padding:0 14px}html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .brand-shortcuts{grid-template-columns:1fr}html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .brand-shortcut, html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .shortcut-content{min-height:180px}html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .shortcut-content img{height:44px;max-width:72%}}

/* Source style block 3 */
body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular{font-family:Arial;margin:28px;color:#20252b}
      html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular h1{margin:0 0 5px;color:#8e3f10}
      html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular table{width:100%;border-collapse:collapse;margin-top:20px;font-size:11px}
      html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular th, html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular td{border:1px solid #d9dee2;padding:8px;text-align:left;vertical-align:top}
      html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular th{background:#fff3e8}html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular small{color:#68717b}


/* Source: assets/css/site-responsive.css */
/* Shared responsive and accessibility layer. Mobile-first; page-specific CSS remains unchanged. */
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular{ --touch-target: 2.75rem; }
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular{ width: 100%; overflow-x: hidden; -webkit-text-size-adjust: 100%; }
body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular{ width: 100%; min-width: 0; overflow-x: clip; }
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular img, html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular picture, html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular video, html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular canvas, html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular svg{ display: block; max-width: 100%; height: auto; }
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular iframe{ max-width: 100%; }
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular main, html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular section, html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular article, html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular header, html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular footer, html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular nav, html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular form, html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular fieldset, html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .wrap, html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .container{ min-width: 0; }
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular button, html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular input, html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular select, html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular textarea{ max-width: 100%; font: inherit; }
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular button, html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular input[type="button"], html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular input[type="submit"], html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular input[type="reset"], html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular select, html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .btn, html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .button, html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular [role="button"]{ min-height: var(--touch-target); }
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular textarea{ min-height: 7rem; resize: vertical; }
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .ti-mobile-menu-toggle{
  display: inline-flex; align-items: center; justify-content: center; gap: .5rem;
  min-width: var(--touch-target); min-height: var(--touch-target); padding: .65rem .8rem;
  border: 1px solid rgba(214,177,95,.7); background: rgba(18,8,28,.72);
  color: #f4ead0; font-weight: 800; cursor: pointer;
}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .ti-mobile-menu-toggle__icon, html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .ti-mobile-menu-toggle__icon::before, html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .ti-mobile-menu-toggle__icon::after{
  display: block; width: 1.25rem; height: .125rem; background: currentColor; content: ""; transition: transform .2s ease;
}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .ti-mobile-menu-toggle__icon{ position: relative; }
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .ti-mobile-menu-toggle__icon::before{ position: absolute; top: -.4rem; }
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .ti-mobile-menu-toggle__icon::after{ position: absolute; top: .4rem; }
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular header.ti-mobile-nav-header{ flex-wrap: wrap; }
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular header.ti-mobile-nav-header > nav{ display: none !important; width: 100%; flex-direction: column; align-items: stretch; gap: .25rem; padding-top: .75rem; }
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular header.ti-nav-open > nav{ display: flex !important; }
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular header.ti-mobile-nav-header > nav a{ display: flex; align-items: center; min-height: var(--touch-target); padding: .65rem .75rem; }
@media (max-width: 47.99rem) {
  html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular h1{ overflow-wrap: anywhere; }
  html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .wrap, html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .container{ width: 100%; padding-inline: clamp(1rem, 4vw, 1.5rem); }
  html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .grid, html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .cards, html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .card-grid, html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .brand-grid, html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .product-grid, html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .form-grid{ grid-template-columns: minmax(0, 1fr) !important; }
  html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular table{ display: block; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
}
@media (min-width: 56.25rem) {
  html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .ti-mobile-menu-toggle{ display: none; }
  html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular header.ti-mobile-nav-header{ flex-wrap: nowrap; }
  html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular header.ti-mobile-nav-header > nav{ display: flex !important; width: auto; flex-direction: row; align-items: center; padding-top: 0; }
  html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular header.ti-mobile-nav-header > nav a{ min-height: auto; padding: 0; }
}
@media (prefers-reduced-motion: reduce) {
  html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular *, html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular *::before, html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular *::after{ scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}


/* Source: assets/css/top-interior-velvet-header.css */
/* Krok 97 – jednotná sametová horní lišta a logo TOP INTERIOR */
body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header, body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > .topbar{
  background-color:#17081f!important;
  background-image:
    linear-gradient(90deg,rgba(8,3,12,.28),rgba(42,8,54,.08) 45%,rgba(8,3,12,.38)),
    url("../assets/images/top-interior-velvet-header.jpg")!important;
  background-position:center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  border-top:0!important;
  border-bottom:1px solid rgba(214,177,95,.58)!important;
  box-shadow:0 9px 28px rgba(0,0,0,.34)!important;
}

/* Hlavní logo na standardních stránkách */
body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header .top-interior-site-logo, body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > .topbar .top-interior-site-logo{
  display:block!important;
  flex:0 0 auto!important;
  width:clamp(220px,18vw,280px)!important;
  max-width:42vw!important;
  line-height:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header .top-interior-site-logo img, body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > .topbar .top-interior-site-logo img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  filter:drop-shadow(0 3px 4px rgba(0,0,0,.8)) drop-shadow(0 0 8px rgba(214,177,95,.16));
}
body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header nav a, body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header .nav a, body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header .back, body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header .outline{
  color:#f3e9f5!important;
  text-shadow:0 1px 3px rgba(0,0,0,.75);
}
body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header nav a:hover, body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header .nav a:hover{color:#f1cf77!important}

/* Logo TOP INTERIOR doplněné do poptávkových formulářů */
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .ti-form-site-logo{
  position:absolute;
  left:20px;
  top:50%;
  transform:translateY(-50%);
  display:block;
  width:clamp(178px,15vw,220px);
  max-width:23vw;
  line-height:0;
  z-index:2;
}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .ti-form-site-logo img{
  display:block;
  width:100%;
  height:auto;
  filter:drop-shadow(0 3px 4px rgba(0,0,0,.82)) drop-shadow(0 0 7px rgba(214,177,95,.14));
}
body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header.topbar .topbar-inner, body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > .topbar .topbar-inner{
  position:relative!important;
  max-width:1500px!important;
  min-height:78px!important;
  padding-left:clamp(222px,20vw,292px)!important;
}
body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header.topbar .brand h1, body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header.topbar .brand p, body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > .topbar .brand h1, body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > .topbar .brand p, body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header.topbar .brand-title h1, body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header.topbar .brand-title p, body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > .topbar .brand-title h1, body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > .topbar .brand-title p{
  color:#fff!important;
  text-shadow:0 1px 3px rgba(0,0,0,.75)!important;
}
body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header.topbar .brand p, body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > .topbar .brand p, body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header.topbar .brand-title p, body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > .topbar .brand-title p{color:#ded0e5!important}
body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header.topbar .actions .btn, body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > .topbar .actions .btn, body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header.topbar .actions a, body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > .topbar .actions a{
  box-shadow:0 3px 10px rgba(0,0,0,.22);
}

/* Obecný značkový poptávkový formulář */
body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header .generic-topbar-inner{
  position:relative!important;
  width:100%!important;
  max-width:1500px!important;
  margin:auto!important;
  min-height:64px!important;
  padding-left:clamp(222px,20vw,292px)!important;
}
body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header .generic-form-brand, body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header .generic-top-actions{color:#fff!important}

/* Interaktivní koupelna */
body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header .ti-inline-header-logo{
  display:block;
  width:clamp(220px,20vw,292px);
  line-height:0;
  margin:0 0 10px;
}
body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header .ti-inline-header-logo img{display:block;width:100%;height:auto;filter:drop-shadow(0 3px 4px rgba(0,0,0,.8))}
body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header.ti-inline-header{max-width:none!important;margin:0!important;padding:14px max(24px,calc((100vw - 1760px)/2)) 15px!important}
body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header.ti-inline-header h1{color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.75)}

@media(max-width:900px){
  body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header .top-interior-site-logo, body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > .topbar .top-interior-site-logo{width:210px!important;max-width:60vw!important}
  body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header.topbar .topbar-inner, body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > .topbar .topbar-inner, body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header .generic-topbar-inner{
    padding-left:20px!important;
    min-height:0!important;
  }
  html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .ti-form-site-logo{
    position:relative;
    left:auto;top:auto;transform:none;
    width:210px;max-width:64vw;
    grid-column:1/-1;
    margin:0 0 4px;
  }
}
@media(max-width:560px){
  body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header .top-interior-site-logo, body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > .topbar .top-interior-site-logo{width:188px!important;max-width:66vw!important}
  html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .ti-form-site-logo{width:190px}
}


/* Krok 98 – sjednocené logo, zvětšená hlavní lišta a informační doložka */
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular{
  --ti-logo-secondary-width:clamp(190px,16vw,230px);
  --ti-logo-form-width:clamp(162px,14vw,184px);
}

/* Jednotný vzhled loga na všech běžných a interních stránkách */
body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header .top-interior-site-logo, body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > .topbar .top-interior-site-logo{
  width:var(--ti-logo-secondary-width)!important;
  max-width:min(48vw,230px)!important;
  min-width:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header .top-interior-site-logo img, body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > .topbar .top-interior-site-logo img, html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .ti-form-site-logo img, body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header .ti-inline-header-logo img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  clip-path:none!important;
}

/* Hlavní stránka: lišta přibližně o 70 % vyšší a úměrně větší logo */
body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header.ti-main-header{
  min-height:106px!important;
  padding:22px 3vw!important;
  align-items:center!important;
}
body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header.ti-main-header .top-interior-site-logo{
  width:clamp(300px,24vw,372px)!important;
  max-width:38vw!important;
}
body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header.ti-main-header nav{
  align-self:center!important;
}

/* Poptávkové formuláře: celé, nepřerostlé a shodné logo */
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .ti-form-site-logo{
  position:absolute!important;
  left:22px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  display:block!important;
  width:var(--ti-logo-form-width)!important;
  max-width:184px!important;
  min-width:0!important;
  line-height:0!important;
  overflow:visible!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  z-index:3!important;
}
body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header.topbar .topbar-inner, body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > .topbar .topbar-inner, body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header .generic-topbar-inner{
  padding-left:clamp(212px,18vw,246px)!important;
  min-height:82px!important;
}

/* Společná informační doložka ve spodní části všech stránek */
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .ti-site-notice{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:22px max(22px,5vw)!important;
  border-top:1px solid rgba(214,177,95,.32)!important;
  background:#09050f!important;
  color:#cfc2d5!important;
  font:400 11px/1.65 Inter,Arial,sans-serif!important;
  letter-spacing:0!important;
  text-align:left!important;
}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .ti-site-notice strong{
  color:#e2c577!important;
  font-weight:800!important;
}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .ti-site-notice p{
  max-width:1380px!important;
  margin:0 auto!important;
}

@media(max-width:1180px){
  body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header.ti-main-header{
    min-height:0!important;
    padding:19px 3vw!important;
  }
  body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header.ti-main-header .top-interior-site-logo{
    width:clamp(270px,34vw,340px)!important;
    max-width:58vw!important;
  }
}
@media(max-width:900px){
  body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header .top-interior-site-logo, body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > .topbar .top-interior-site-logo{
    width:210px!important;
    max-width:64vw!important;
  }
  body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header.ti-main-header{
    padding:18px 20px!important;
  }
  body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header.ti-main-header .top-interior-site-logo{
    width:260px!important;
    max-width:72vw!important;
  }
  body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header.topbar .topbar-inner, body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > .topbar .topbar-inner, body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header .generic-topbar-inner{
    padding-left:20px!important;
    min-height:0!important;
  }
  html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .ti-form-site-logo{
    position:relative!important;
    left:auto!important;
    top:auto!important;
    transform:none!important;
    width:184px!important;
    max-width:56vw!important;
    grid-column:1/-1!important;
    margin:0 0 8px!important;
  }
}
@media(max-width:560px){
  body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header.ti-main-header .top-interior-site-logo{
    width:232px!important;
    max-width:78vw!important;
  }
  html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .ti-form-site-logo{
    width:172px!important;
    max-width:62vw!important;
  }
  html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .ti-site-notice{
    padding:18px 17px!important;
    font-size:10.5px!important;
  }
}


/* Krok 99 – kompaktnější hlavní lišta a dvouřádkové hlavičky poptávek */
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular{
  --ti-logo-shared-width:clamp(300px,24vw,372px);
}

/* Jedna velikost a jeden vzhled loga na všech stránkách. */
body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header .top-interior-site-logo, body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > .topbar .top-interior-site-logo, html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .ti-form-site-logo, body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header .ti-inline-header-logo{
  width:var(--ti-logo-shared-width)!important;
  max-width:38vw!important;
  min-width:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  line-height:0!important;
}
body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header .top-interior-site-logo img, body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > .topbar .top-interior-site-logo img, html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .ti-form-site-logo img, body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header .ti-inline-header-logo img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:left center!important;
  clip-path:none!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* Hlavní stránka: lišta o přibližně 10 % nižší, velikost loga zůstává. */
body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header.ti-main-header, body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header.ti-request-hub-header{
  min-height:96px!important;
  padding:20px 3vw!important;
  align-items:center!important;
}
body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header.ti-main-header .top-interior-site-logo, body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header.ti-request-hub-header .top-interior-site-logo{
  width:var(--ti-logo-shared-width)!important;
  max-width:38vw!important;
}

/* Poptávkové formuláře: logo je samostatně v prvním řádku vlevo. */
body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header.topbar .topbar-inner, body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > .topbar .topbar-inner{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-areas:
    "ti-logo ti-logo"
    "ti-brand ti-actions"!important;
  align-items:center!important;
  column-gap:22px!important;
  row-gap:13px!important;
  width:100%!important;
  max-width:none!important;
  padding:18px 3vw!important;
  min-height:0!important;
}
body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header.topbar .topbar-inner > .ti-form-site-logo, body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > .topbar .topbar-inner > .ti-form-site-logo{
  grid-area:ti-logo!important;
  position:relative!important;
  left:auto!important;
  top:auto!important;
  transform:none!important;
  justify-self:start!important;
  align-self:start!important;
  display:block!important;
  width:var(--ti-logo-shared-width)!important;
  max-width:38vw!important;
  margin:0!important;
  z-index:3!important;
}
body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header.topbar .topbar-inner > .brand, body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > .topbar .topbar-inner > .brand, body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header.topbar .topbar-inner > .brand-title, body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > .topbar .topbar-inner > .brand-title{
  grid-area:ti-brand!important;
  min-width:0!important;
}
body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header.topbar .topbar-inner > .actions, body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > .topbar .topbar-inner > .actions{
  grid-area:ti-actions!important;
  align-self:center!important;
}

/* Obecný značkový formulář používá stejné dvouřádkové rozložení. */
body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header .generic-topbar-inner{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-areas:
    "ti-logo ti-logo"
    "ti-brand ti-actions"!important;
  align-items:center!important;
  column-gap:22px!important;
  row-gap:13px!important;
  width:100%!important;
  max-width:none!important;
  margin:auto!important;
  padding:18px 3vw!important;
  min-height:0!important;
}
body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header .generic-topbar-inner > .ti-form-site-logo{
  grid-area:ti-logo!important;
  position:relative!important;
  left:auto!important;
  top:auto!important;
  transform:none!important;
  justify-self:start!important;
  width:var(--ti-logo-shared-width)!important;
  max-width:38vw!important;
  margin:0!important;
}
body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header .generic-topbar-inner > .generic-form-brand{grid-area:ti-brand!important}
body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header .generic-topbar-inner > .generic-top-actions{grid-area:ti-actions!important}

/* Centrum E-shop / Poptávky má stejnou hlavičku jako hlavní stránka. */
body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header.ti-request-hub-header{
  display:flex!important;
  justify-content:space-between!important;
  gap:24px!important;
}
body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header.ti-request-hub-header .back{
  flex:0 0 auto!important;
}

@media(max-width:1180px){
  html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular{--ti-logo-shared-width:clamp(270px,34vw,340px)}
  body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header.ti-main-header, body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header.ti-request-hub-header{min-height:0!important;padding:17px 3vw!important}
  body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header .top-interior-site-logo, body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > .topbar .top-interior-site-logo, html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .ti-form-site-logo, body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header .ti-inline-header-logo{max-width:58vw!important}

  body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header.topbar .topbar-inner, body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > .topbar .topbar-inner, body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header .generic-topbar-inner{
    grid-template-columns:1fr!important;
    grid-template-areas:"ti-logo" "ti-brand" "ti-actions"!important;
  }
  body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header.topbar .topbar-inner > .actions, body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > .topbar .topbar-inner > .actions, body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header .generic-topbar-inner > .generic-top-actions{
    width:100%!important;
    max-width:100%!important;
    justify-self:start!important;
    justify-content:flex-start!important;
  }
}
@media(max-width:900px){
  html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular{--ti-logo-shared-width:260px}
  body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header.ti-main-header, body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header.ti-request-hub-header{padding:16px 20px!important}
  body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header .top-interior-site-logo, body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > .topbar .top-interior-site-logo, html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .ti-form-site-logo, body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header .ti-inline-header-logo{max-width:72vw!important}
  body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header.topbar .topbar-inner, body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > .topbar .topbar-inner, body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header .generic-topbar-inner{
    grid-template-columns:1fr!important;
    grid-template-areas:"ti-logo" "ti-brand" "ti-actions"!important;
    padding:16px 20px!important;
  }
  body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header.topbar .topbar-inner > .actions, body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > .topbar .topbar-inner > .actions, body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header .generic-topbar-inner > .generic-top-actions{
    justify-self:start!important;
    justify-content:flex-start!important;
  }
  body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header.ti-request-hub-header{
    flex-wrap:wrap!important;
  }
}
@media(max-width:560px){
  html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular{--ti-logo-shared-width:232px}
  body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header .top-interior-site-logo, body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > .topbar .top-interior-site-logo, html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .ti-form-site-logo, body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header .ti-inline-header-logo{max-width:78vw!important}
}


/* Krok 113 – společné logo TOP INTERIOR by JOVEE Services */
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular{--ti-combined-logo-width:clamp(370px,31vw,500px)}
body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header .top-interior-site-logo, body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > .topbar .top-interior-site-logo, html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .ti-form-site-logo, body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header .ti-inline-header-logo{
  width:var(--ti-combined-logo-width)!important;
  max-width:46vw!important;
}
body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header.ti-main-header .top-interior-site-logo, body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header.ti-request-hub-header .top-interior-site-logo{
  width:clamp(410px,34vw,535px)!important;
  max-width:48vw!important;
}
body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header .top-interior-site-logo img, body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > .topbar .top-interior-site-logo img, html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .ti-form-site-logo img, body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header .ti-inline-header-logo img{
  filter:none!important;
  object-fit:contain!important;
  object-position:left center!important;
}
body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header.ti-main-header, body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header.ti-request-hub-header{
  padding-top:12px!important;
  padding-bottom:12px!important;
}
@media(max-width:1180px){
  html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular{--ti-combined-logo-width:clamp(330px,43vw,450px)}
  body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header.ti-main-header .top-interior-site-logo, body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header.ti-request-hub-header .top-interior-site-logo{width:clamp(350px,48vw,465px)!important;max-width:58vw!important}
}
@media(max-width:900px){
  html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular{--ti-combined-logo-width:320px}
  body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header.ti-main-header .top-interior-site-logo, body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header.ti-request-hub-header .top-interior-site-logo{width:340px!important;max-width:78vw!important}
}
@media(max-width:560px){
  html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular{--ti-combined-logo-width:280px}
  body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header.ti-main-header .top-interior-site-logo, body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header.ti-request-hub-header .top-interior-site-logo{width:300px!important;max-width:86vw!important}
}

/* Krok 115 – vyvážená výška hlavní lišty pro společné logo */
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular{
  --ti-combined-logo-width:clamp(330px,25vw,390px);
}

/* Běžné interní stránky a formuláře: čitelné logo bez přerůstání. */
body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header .top-interior-site-logo, body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > .topbar .top-interior-site-logo, html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .ti-form-site-logo, body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header .ti-inline-header-logo{
  width:var(--ti-combined-logo-width)!important;
  max-width:42vw!important;
}

/* Hlavní navigační lišta: návrat k původní vyvážené výšce. */
body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header.ti-main-header, body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header.ti-request-hub-header{
  min-height:112px!important;
  padding:9px 3vw!important;
  align-items:center!important;
}
body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header.ti-main-header .top-interior-site-logo, body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header.ti-request-hub-header .top-interior-site-logo{
  width:clamp(360px,27vw,420px)!important;
  max-width:43vw!important;
}
body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header.ti-main-header nav{
  gap:clamp(12px,1.15vw,20px)!important;
  font-size:clamp(11px,.72vw,13px)!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
}
body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header.ti-main-header nav a{white-space:nowrap!important}

@media(max-width:1180px){
  html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular{--ti-combined-logo-width:clamp(300px,31vw,350px)}
  body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header.ti-main-header, body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header.ti-request-hub-header{
    min-height:100px!important;
    padding:9px 3vw!important;
  }
  body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header.ti-main-header .top-interior-site-logo, body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header.ti-request-hub-header .top-interior-site-logo{
    width:clamp(310px,32vw,365px)!important;
    max-width:42vw!important;
  }
  body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header.ti-main-header nav{
    gap:10px!important;
    font-size:11px!important;
  }
}
@media(max-width:900px){
  html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular{--ti-combined-logo-width:290px}
  body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header.ti-main-header, body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header.ti-request-hub-header{
    min-height:0!important;
    padding:12px 20px!important;
  }
  body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header.ti-main-header .top-interior-site-logo, body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header.ti-request-hub-header .top-interior-site-logo{
    width:300px!important;
    max-width:76vw!important;
  }
}
@media(max-width:560px){
  html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular{--ti-combined-logo-width:255px}
  body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header.ti-main-header, body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header.ti-request-hub-header{padding:10px 16px!important}
  body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header.ti-main-header .top-interior-site-logo, body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular > header.ti-request-hub-header .top-interior-site-logo{
    width:268px!important;
    max-width:82vw!important;
  }
}


/* Extracted former inline styles */
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .inline-style-1{--shortcut-photo:url('../assets/images/baldocer-tile-background.jpg')}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .inline-style-2{--shortcut-photo:url('../assets/images/atlas-concorde-tile-fallback.jpg')}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .inline-style-3{--shortcut-photo:url('../assets/images/wow-design-tile-fallback.jpg')}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .inline-style-4{--shortcut-photo:url('../assets/images/tubadzin-tile-fallback.jpg')}
html.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular .inline-style-5{margin:14px 0 0;text-align:right;color:#69727b;font-size:12px;font-weight:800}

/* ===== poptavkovy-eshop.html ===== */

/* Source: assets/css/poptavkovy-eshop.css */
/* Source style block 1 */
html.page-poptavkovy-eshop{--bg:#160b22;--panel:#251435;--panel2:#321b45;--gold:#d6b15f;--text:#f5edf6;--muted:#c7b9ce;--line:rgba(214,177,95,.25)}
html.page-poptavkovy-eshop *{box-sizing:border-box}html.page-poptavkovy-eshop{scroll-behavior:smooth}body.page-poptavkovy-eshop{margin:0;font-family:Arial,sans-serif;background:linear-gradient(180deg,#160b22,#241233);color:var(--text)}
html.page-poptavkovy-eshop a{color:inherit;text-decoration:none}html.page-poptavkovy-eshop header{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:17px 5vw;background:rgba(22,11,34,.95);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
html.page-poptavkovy-eshop .logo{color:var(--gold);font-weight:900;letter-spacing:.08em}html.page-poptavkovy-eshop .back{padding:11px 15px;border:1px solid var(--gold);color:var(--gold);font-size:12px;font-weight:800}
html.page-poptavkovy-eshop .hero{padding:75px 5vw 45px;max-width:1450px;margin:auto}html.page-poptavkovy-eshop .eyebrow{color:var(--gold);font-size:11px;text-transform:uppercase;letter-spacing:.16em;font-weight:800}
html.page-poptavkovy-eshop h1, html.page-poptavkovy-eshop h2{font-family:Georgia,serif;font-weight:500}html.page-poptavkovy-eshop h1{font-size:clamp(48px,7vw,92px);line-height:.94;margin:18px 0}html.page-poptavkovy-eshop .hero p{max-width:760px;color:var(--muted);line-height:1.7;font-size:17px}
html.page-poptavkovy-eshop .layout{max-width:1450px;margin:auto;padding:0 5vw 90px;display:grid;grid-template-columns:1fr 390px;gap:22px;align-items:start}
html.page-poptavkovy-eshop .filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:20px}html.page-poptavkovy-eshop .filter{border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--text);padding:10px 12px;cursor:pointer;font-weight:700;font-size:12px}html.page-poptavkovy-eshop .filter.active{background:var(--gold);color:#281437}
html.page-poptavkovy-eshop .products{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}html.page-poptavkovy-eshop .product{padding:22px;background:rgba(255,255,255,.05);border:1px solid var(--line)}html.page-poptavkovy-eshop .product .brand{color:var(--gold);font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:800}html.page-poptavkovy-eshop .product h3{font-size:20px;margin:10px 0 7px}html.page-poptavkovy-eshop .product p{color:var(--muted);font-size:13px;line-height:1.5;min-height:39px}html.page-poptavkovy-eshop .meta{font-size:11px;color:#ab9bb4;margin-bottom:17px}html.page-poptavkovy-eshop .qtyrow{display:grid;grid-template-columns:1fr 100px 92px;gap:8px;align-items:center}html.page-poptavkovy-eshop input, html.page-poptavkovy-eshop textarea, html.page-poptavkovy-eshop select{width:100%;padding:12px;background:#160b22;border:1px solid var(--line);color:white}html.page-poptavkovy-eshop button{border:0;background:var(--gold);color:#281437;padding:12px 13px;font-weight:850;cursor:pointer}
html.page-poptavkovy-eshop .cart{position:sticky;top:82px;padding:24px;background:var(--panel);border:1px solid var(--line)}html.page-poptavkovy-eshop .cart h2{font-size:31px;margin:0 0 16px;color:var(--gold)}html.page-poptavkovy-eshop .cart-items{display:grid;gap:9px;max-height:320px;overflow:auto;margin-bottom:18px}html.page-poptavkovy-eshop .cart-empty{color:#a899b1;font-size:13px}html.page-poptavkovy-eshop .cart-item{padding:11px;background:rgba(255,255,255,.045);border:1px solid rgba(214,177,95,.14)}html.page-poptavkovy-eshop .cart-item b{display:block;font-size:13px}html.page-poptavkovy-eshop .cart-item span{color:#b7a8bf;font-size:11px}html.page-poptavkovy-eshop .remove{float:right;background:none;color:#e9c8cf;padding:0;font-size:17px}html.page-poptavkovy-eshop .formgrid{display:grid;gap:10px}html.page-poptavkovy-eshop .submit{margin-top:10px;width:100%;padding:14px}html.page-poptavkovy-eshop .note{font-size:11px;color:#aa9cb2;line-height:1.5;margin-top:12px}
@media(max-width:1000px){html.page-poptavkovy-eshop .layout{grid-template-columns:1fr}html.page-poptavkovy-eshop .cart{position:static}}@media(max-width:650px){html.page-poptavkovy-eshop .products{grid-template-columns:1fr}html.page-poptavkovy-eshop .qtyrow{grid-template-columns:1fr 80px 86px}}

html.page-poptavkovy-eshop .sapho-direct{
  margin-bottom:22px;padding:25px 27px;
  display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;
  background:linear-gradient(135deg,rgba(214,177,95,.14),rgba(255,255,255,.05));
  border:1px solid rgba(214,177,95,.38)
}
html.page-poptavkovy-eshop .sapho-direct h2{margin:0 0 8px;color:var(--gold);font-size:29px}
html.page-poptavkovy-eshop .sapho-direct p{margin:0;color:var(--muted);font-size:13px;line-height:1.6;max-width:760px}
html.page-poptavkovy-eshop .sapho-direct a{
  padding:14px 18px;background:var(--gold);color:#281437;
  font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.07em;
  text-align:center
}
html.page-poptavkovy-eshop .sapho-brands{
  margin-top:12px;display:flex;gap:7px;flex-wrap:wrap
}
html.page-poptavkovy-eshop .sapho-brands span{
  padding:6px 8px;border:1px solid rgba(214,177,95,.25);
  color:#eadbb7;font-size:10px;font-weight:800
}
@media(max-width:700px){html.page-poptavkovy-eshop .sapho-direct{grid-template-columns:1fr}}


html.page-poptavkovy-eshop .shop-paths{
  display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:22px
}
html.page-poptavkovy-eshop .shop-path{
  padding:18px;background:rgba(255,255,255,.04);border:1px solid var(--line)
}
html.page-poptavkovy-eshop .shop-path b{display:block;color:var(--gold);font-size:15px;margin-bottom:6px}
html.page-poptavkovy-eshop .shop-path span{color:var(--muted);font-size:11px;line-height:1.5}
html.page-poptavkovy-eshop .external-product{
  margin:0 0 22px;padding:25px 27px;
  background:rgba(255,255,255,.045);border:1px solid var(--line)
}
html.page-poptavkovy-eshop .external-product h2{margin:0 0 8px;color:var(--gold);font-size:29px}
html.page-poptavkovy-eshop .external-product p{margin:0 0 18px;color:var(--muted);font-size:13px;line-height:1.6}
html.page-poptavkovy-eshop .external-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
html.page-poptavkovy-eshop .external-product button{margin-top:10px;width:100%}
html.page-poptavkovy-eshop .external-added{margin-top:11px;color:#e9d7a2;font-size:12px;min-height:18px}
@media(max-width:700px){html.page-poptavkovy-eshop .external-grid, html.page-poptavkovy-eshop .shop-paths{grid-template-columns:1fr}}

/* Krok 70 – plné poptávkové listy výrobců */
html.page-poptavkovy-eshop .full-quote-lists{
  margin:0 0 22px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
html.page-poptavkovy-eshop .full-quote-card{
  min-height:132px;
  padding:21px 22px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:15px;
  background:linear-gradient(135deg,rgba(214,177,95,.13),rgba(255,255,255,.045));
  border:1px solid rgba(214,177,95,.38);
}
html.page-poptavkovy-eshop .full-quote-card-brand{
  color:var(--gold);
  font-size:11px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}
html.page-poptavkovy-eshop .full-quote-card h2{
  margin:5px 0 6px;
  color:var(--text);
  font-size:26px;
}
html.page-poptavkovy-eshop .full-quote-card p{
  margin:0;
  color:var(--muted);
  font-size:12px;
  line-height:1.55;
}
html.page-poptavkovy-eshop .full-quote-card a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  align-self:flex-start;
  min-height:42px;
  padding:11px 15px;
  background:var(--gold);
  color:#281437;
  font-size:11px;
  font-weight:900;
  letter-spacing:.04em;
  text-transform:uppercase;
}
html.page-poptavkovy-eshop .filter.full-list-filter{
  border-color:rgba(214,177,95,.55);
  color:#ead18b;
}
html.page-poptavkovy-eshop .filter.full-list-filter::after{
  content:" ↗";
}
@media(max-width:700px){
  html.page-poptavkovy-eshop .full-quote-lists{grid-template-columns:1fr}
}

/* Krok 71 – společný e-shop / poptávky */
html.page-poptavkovy-eshop .layout{
  display:block!important;
  max-width:1450px!important;
  padding-bottom:90px!important;
}
html.page-poptavkovy-eshop .layout main{width:100%}
html.page-poptavkovy-eshop .full-quote-lists{
  margin:0 0 16px!important;
}
html.page-poptavkovy-eshop .full-quote-card{
  min-height:176px!important;
}
html.page-poptavkovy-eshop .full-quote-card h2{
  font-size:29px!important;
}
html.page-poptavkovy-eshop .full-quote-card a{
  align-self:stretch!important;
}
html.page-poptavkovy-eshop .sapho-direct{
  margin:0 0 16px!important;
  min-height:190px;
}
html.page-poptavkovy-eshop .sapho-direct a{
  min-width:190px;
}
html.page-poptavkovy-eshop .shop-paths{
  margin-top:24px!important;
}
html.page-poptavkovy-eshop .unified-final{
  scroll-margin-top:90px;
  margin-top:18px;
  padding:28px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(214,177,95,.38);
}
html.page-poptavkovy-eshop .unified-final-header{
  display:flex;justify-content:space-between;gap:20px;align-items:flex-start;
  margin-bottom:20px
}
html.page-poptavkovy-eshop .unified-final h2{margin:0;color:var(--gold);font-size:36px}
html.page-poptavkovy-eshop .unified-final-header p{margin:6px 0 0;color:var(--muted);font-size:13px;line-height:1.6}
html.page-poptavkovy-eshop .unified-count{
  flex:none;padding:8px 11px;border:1px solid var(--line);
  color:#ead18b;font-size:12px;font-weight:900
}
html.page-poptavkovy-eshop .unified-grid{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.72fr);
  gap:20px;align-items:start
}
html.page-poptavkovy-eshop .unified-cart{
  min-height:210px;padding:17px;background:rgba(17,8,26,.52);
  border:1px solid rgba(214,177,95,.18)
}
html.page-poptavkovy-eshop .unified-cart-items{display:grid;gap:9px}
html.page-poptavkovy-eshop .unified-empty{color:#a99bb1;font-size:13px}
html.page-poptavkovy-eshop .unified-brand-group{
  padding:13px;border:1px solid rgba(214,177,95,.16);
  background:rgba(255,255,255,.035)
}
html.page-poptavkovy-eshop .unified-brand-title{
  color:var(--gold);font-size:11px;font-weight:900;
  letter-spacing:.12em;text-transform:uppercase;margin-bottom:9px
}
html.page-poptavkovy-eshop .unified-item{
  display:grid;grid-template-columns:1fr auto;gap:10px;
  padding:9px 0;border-top:1px solid rgba(214,177,95,.12)
}
html.page-poptavkovy-eshop .unified-item:first-of-type{border-top:0}
html.page-poptavkovy-eshop .unified-item b{display:block;font-size:13px}
html.page-poptavkovy-eshop .unified-item span{display:block;color:#b9aabe;font-size:11px;line-height:1.45;margin-top:3px}
html.page-poptavkovy-eshop .unified-remove{background:none;color:#efc8d1;padding:0 3px;font-size:18px}
html.page-poptavkovy-eshop .unified-form{display:grid;gap:10px}
html.page-poptavkovy-eshop .unified-form label{
  color:#d8c9dd;font-size:11px;font-weight:800;line-height:1.45
}
html.page-poptavkovy-eshop .unified-form input[type=file]{
  padding:10px;background:#160b22
}
html.page-poptavkovy-eshop .file-note{color:#a99bb1;font-size:10px;line-height:1.45;margin-top:-5px}
html.page-poptavkovy-eshop .manual-product{
  margin:0 0 18px;padding:17px;
  border:1px solid rgba(214,177,95,.18);
  background:rgba(17,8,26,.38)
}
html.page-poptavkovy-eshop .manual-product h3{margin:0 0 11px;color:var(--gold);font-size:18px}
html.page-poptavkovy-eshop .manual-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
html.page-poptavkovy-eshop .manual-grid .wide{grid-column:1/-1}
html.page-poptavkovy-eshop .manual-add{width:100%;margin-top:9px}
html.page-poptavkovy-eshop .final-actions{display:flex;gap:9px;flex-wrap:wrap}
html.page-poptavkovy-eshop .final-actions .submit{flex:1;margin:0}
html.page-poptavkovy-eshop .clear-all{
  background:transparent;border:1px solid var(--line);color:#d9c8df
}
@media(max-width:900px){
  html.page-poptavkovy-eshop .unified-grid{grid-template-columns:1fr}
}
@media(max-width:700px){
  html.page-poptavkovy-eshop .unified-final{padding:20px}
  html.page-poptavkovy-eshop .unified-final-header{display:block}
  html.page-poptavkovy-eshop .unified-count{display:inline-block;margin-top:12px}
  html.page-poptavkovy-eshop .manual-grid{grid-template-columns:1fr}
  html.page-poptavkovy-eshop .manual-grid .wide{grid-column:auto}
}

/* Krok 72 – SAPHO e-shop + poptávka */
html.page-poptavkovy-eshop .sapho-direct-actions{
  display:flex;
  flex-direction:column;
  gap:9px;
  min-width:215px;
}
html.page-poptavkovy-eshop .sapho-direct-actions a{
  min-width:215px!important;
  width:100%;
}
html.page-poptavkovy-eshop .sapho-direct-actions .secondary{
  background:transparent!important;
  border:1px solid var(--gold)!important;
  color:var(--gold)!important;
}
@media(max-width:760px){
  html.page-poptavkovy-eshop .sapho-direct-actions{
    width:100%;
  }
}

/* Krok 73 – rozšířený přehled značek SAPHO */
html.page-poptavkovy-eshop .sapho-brands{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:7px!important;
}
html.page-poptavkovy-eshop .sapho-brands span{
  white-space:nowrap!important;
}



/* Krok 100 – oprava hlavičky centra poptávek a sjednocení karet */
body.page-poptavkovy-eshop > header.ti-request-hub-header .logo.top-interior-site-logo{
  display:block!important;
  width:var(--ti-logo-shared-width)!important;
  max-width:38vw!important;
  height:auto!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  line-height:0!important;
}
body.page-poptavkovy-eshop > header.ti-request-hub-header .logo.top-interior-site-logo img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:left center!important;
  clip-path:none!important;
}
body.page-poptavkovy-eshop > header.ti-request-hub-header{
  min-height:96px!important;
  padding:20px 3vw!important;
}
@media(max-width:900px){
  body.page-poptavkovy-eshop > header.ti-request-hub-header .logo.top-interior-site-logo{max-width:72vw!important;}
}


/* Source: assets/css/site-responsive.css */
/* Shared responsive and accessibility layer. Mobile-first; page-specific CSS remains unchanged. */
html.page-poptavkovy-eshop{ --touch-target: 2.75rem; }
html.page-poptavkovy-eshop{ width: 100%; overflow-x: hidden; -webkit-text-size-adjust: 100%; }
body.page-poptavkovy-eshop{ width: 100%; min-width: 0; overflow-x: clip; }
html.page-poptavkovy-eshop img, html.page-poptavkovy-eshop picture, html.page-poptavkovy-eshop video, html.page-poptavkovy-eshop canvas, html.page-poptavkovy-eshop svg{ display: block; max-width: 100%; height: auto; }
html.page-poptavkovy-eshop iframe{ max-width: 100%; }
html.page-poptavkovy-eshop main, html.page-poptavkovy-eshop section, html.page-poptavkovy-eshop article, html.page-poptavkovy-eshop header, html.page-poptavkovy-eshop footer, html.page-poptavkovy-eshop nav, html.page-poptavkovy-eshop form, html.page-poptavkovy-eshop fieldset, html.page-poptavkovy-eshop .wrap, html.page-poptavkovy-eshop .container{ min-width: 0; }
html.page-poptavkovy-eshop button, html.page-poptavkovy-eshop input, html.page-poptavkovy-eshop select, html.page-poptavkovy-eshop textarea{ max-width: 100%; font: inherit; }
html.page-poptavkovy-eshop button, html.page-poptavkovy-eshop input[type="button"], html.page-poptavkovy-eshop input[type="submit"], html.page-poptavkovy-eshop input[type="reset"], html.page-poptavkovy-eshop select, html.page-poptavkovy-eshop .btn, html.page-poptavkovy-eshop .button, html.page-poptavkovy-eshop [role="button"]{ min-height: var(--touch-target); }
html.page-poptavkovy-eshop textarea{ min-height: 7rem; resize: vertical; }
html.page-poptavkovy-eshop .ti-mobile-menu-toggle{
  display: inline-flex; align-items: center; justify-content: center; gap: .5rem;
  min-width: var(--touch-target); min-height: var(--touch-target); padding: .65rem .8rem;
  border: 1px solid rgba(214,177,95,.7); background: rgba(18,8,28,.72);
  color: #f4ead0; font-weight: 800; cursor: pointer;
}
html.page-poptavkovy-eshop .ti-mobile-menu-toggle__icon, html.page-poptavkovy-eshop .ti-mobile-menu-toggle__icon::before, html.page-poptavkovy-eshop .ti-mobile-menu-toggle__icon::after{
  display: block; width: 1.25rem; height: .125rem; background: currentColor; content: ""; transition: transform .2s ease;
}
html.page-poptavkovy-eshop .ti-mobile-menu-toggle__icon{ position: relative; }
html.page-poptavkovy-eshop .ti-mobile-menu-toggle__icon::before{ position: absolute; top: -.4rem; }
html.page-poptavkovy-eshop .ti-mobile-menu-toggle__icon::after{ position: absolute; top: .4rem; }
html.page-poptavkovy-eshop header.ti-mobile-nav-header{ flex-wrap: wrap; }
html.page-poptavkovy-eshop header.ti-mobile-nav-header > nav{ display: none !important; width: 100%; flex-direction: column; align-items: stretch; gap: .25rem; padding-top: .75rem; }
html.page-poptavkovy-eshop header.ti-nav-open > nav{ display: flex !important; }
html.page-poptavkovy-eshop header.ti-mobile-nav-header > nav a{ display: flex; align-items: center; min-height: var(--touch-target); padding: .65rem .75rem; }
@media (max-width: 47.99rem) {
  html.page-poptavkovy-eshop h1{ overflow-wrap: anywhere; }
  html.page-poptavkovy-eshop .wrap, html.page-poptavkovy-eshop .container{ width: 100%; padding-inline: clamp(1rem, 4vw, 1.5rem); }
  html.page-poptavkovy-eshop .grid, html.page-poptavkovy-eshop .cards, html.page-poptavkovy-eshop .card-grid, html.page-poptavkovy-eshop .brand-grid, html.page-poptavkovy-eshop .product-grid, html.page-poptavkovy-eshop .form-grid{ grid-template-columns: minmax(0, 1fr) !important; }
  html.page-poptavkovy-eshop table{ display: block; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
}
@media (min-width: 56.25rem) {
  html.page-poptavkovy-eshop .ti-mobile-menu-toggle{ display: none; }
  html.page-poptavkovy-eshop header.ti-mobile-nav-header{ flex-wrap: nowrap; }
  html.page-poptavkovy-eshop header.ti-mobile-nav-header > nav{ display: flex !important; width: auto; flex-direction: row; align-items: center; padding-top: 0; }
  html.page-poptavkovy-eshop header.ti-mobile-nav-header > nav a{ min-height: auto; padding: 0; }
}
@media (prefers-reduced-motion: reduce) {
  html.page-poptavkovy-eshop *, html.page-poptavkovy-eshop *::before, html.page-poptavkovy-eshop *::after{ scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}


/* Source: assets/css/top-interior-velvet-header.css */
/* Krok 97 – jednotná sametová horní lišta a logo TOP INTERIOR */
body.page-poptavkovy-eshop > header, body.page-poptavkovy-eshop > .topbar{
  background-color:#17081f!important;
  background-image:
    linear-gradient(90deg,rgba(8,3,12,.28),rgba(42,8,54,.08) 45%,rgba(8,3,12,.38)),
    url("../assets/images/top-interior-velvet-header.jpg")!important;
  background-position:center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  border-top:0!important;
  border-bottom:1px solid rgba(214,177,95,.58)!important;
  box-shadow:0 9px 28px rgba(0,0,0,.34)!important;
}

/* Hlavní logo na standardních stránkách */
body.page-poptavkovy-eshop > header .top-interior-site-logo, body.page-poptavkovy-eshop > .topbar .top-interior-site-logo{
  display:block!important;
  flex:0 0 auto!important;
  width:clamp(220px,18vw,280px)!important;
  max-width:42vw!important;
  line-height:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.page-poptavkovy-eshop > header .top-interior-site-logo img, body.page-poptavkovy-eshop > .topbar .top-interior-site-logo img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  filter:drop-shadow(0 3px 4px rgba(0,0,0,.8)) drop-shadow(0 0 8px rgba(214,177,95,.16));
}
body.page-poptavkovy-eshop > header nav a, body.page-poptavkovy-eshop > header .nav a, body.page-poptavkovy-eshop > header .back, body.page-poptavkovy-eshop > header .outline{
  color:#f3e9f5!important;
  text-shadow:0 1px 3px rgba(0,0,0,.75);
}
body.page-poptavkovy-eshop > header nav a:hover, body.page-poptavkovy-eshop > header .nav a:hover{color:#f1cf77!important}

/* Logo TOP INTERIOR doplněné do poptávkových formulářů */
html.page-poptavkovy-eshop .ti-form-site-logo{
  position:absolute;
  left:20px;
  top:50%;
  transform:translateY(-50%);
  display:block;
  width:clamp(178px,15vw,220px);
  max-width:23vw;
  line-height:0;
  z-index:2;
}
html.page-poptavkovy-eshop .ti-form-site-logo img{
  display:block;
  width:100%;
  height:auto;
  filter:drop-shadow(0 3px 4px rgba(0,0,0,.82)) drop-shadow(0 0 7px rgba(214,177,95,.14));
}
body.page-poptavkovy-eshop > header.topbar .topbar-inner, body.page-poptavkovy-eshop > .topbar .topbar-inner{
  position:relative!important;
  max-width:1500px!important;
  min-height:78px!important;
  padding-left:clamp(222px,20vw,292px)!important;
}
body.page-poptavkovy-eshop > header.topbar .brand h1, body.page-poptavkovy-eshop > header.topbar .brand p, body.page-poptavkovy-eshop > .topbar .brand h1, body.page-poptavkovy-eshop > .topbar .brand p, body.page-poptavkovy-eshop > header.topbar .brand-title h1, body.page-poptavkovy-eshop > header.topbar .brand-title p, body.page-poptavkovy-eshop > .topbar .brand-title h1, body.page-poptavkovy-eshop > .topbar .brand-title p{
  color:#fff!important;
  text-shadow:0 1px 3px rgba(0,0,0,.75)!important;
}
body.page-poptavkovy-eshop > header.topbar .brand p, body.page-poptavkovy-eshop > .topbar .brand p, body.page-poptavkovy-eshop > header.topbar .brand-title p, body.page-poptavkovy-eshop > .topbar .brand-title p{color:#ded0e5!important}
body.page-poptavkovy-eshop > header.topbar .actions .btn, body.page-poptavkovy-eshop > .topbar .actions .btn, body.page-poptavkovy-eshop > header.topbar .actions a, body.page-poptavkovy-eshop > .topbar .actions a{
  box-shadow:0 3px 10px rgba(0,0,0,.22);
}

/* Obecný značkový poptávkový formulář */
body.page-poptavkovy-eshop > header .generic-topbar-inner{
  position:relative!important;
  width:100%!important;
  max-width:1500px!important;
  margin:auto!important;
  min-height:64px!important;
  padding-left:clamp(222px,20vw,292px)!important;
}
body.page-poptavkovy-eshop > header .generic-form-brand, body.page-poptavkovy-eshop > header .generic-top-actions{color:#fff!important}

/* Interaktivní koupelna */
body.page-poptavkovy-eshop > header .ti-inline-header-logo{
  display:block;
  width:clamp(220px,20vw,292px);
  line-height:0;
  margin:0 0 10px;
}
body.page-poptavkovy-eshop > header .ti-inline-header-logo img{display:block;width:100%;height:auto;filter:drop-shadow(0 3px 4px rgba(0,0,0,.8))}
body.page-poptavkovy-eshop > header.ti-inline-header{max-width:none!important;margin:0!important;padding:14px max(24px,calc((100vw - 1760px)/2)) 15px!important}
body.page-poptavkovy-eshop > header.ti-inline-header h1{color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.75)}

@media(max-width:900px){
  body.page-poptavkovy-eshop > header .top-interior-site-logo, body.page-poptavkovy-eshop > .topbar .top-interior-site-logo{width:210px!important;max-width:60vw!important}
  body.page-poptavkovy-eshop > header.topbar .topbar-inner, body.page-poptavkovy-eshop > .topbar .topbar-inner, body.page-poptavkovy-eshop > header .generic-topbar-inner{
    padding-left:20px!important;
    min-height:0!important;
  }
  html.page-poptavkovy-eshop .ti-form-site-logo{
    position:relative;
    left:auto;top:auto;transform:none;
    width:210px;max-width:64vw;
    grid-column:1/-1;
    margin:0 0 4px;
  }
}
@media(max-width:560px){
  body.page-poptavkovy-eshop > header .top-interior-site-logo, body.page-poptavkovy-eshop > .topbar .top-interior-site-logo{width:188px!important;max-width:66vw!important}
  html.page-poptavkovy-eshop .ti-form-site-logo{width:190px}
}


/* Krok 98 – sjednocené logo, zvětšená hlavní lišta a informační doložka */
html.page-poptavkovy-eshop{
  --ti-logo-secondary-width:clamp(190px,16vw,230px);
  --ti-logo-form-width:clamp(162px,14vw,184px);
}

/* Jednotný vzhled loga na všech běžných a interních stránkách */
body.page-poptavkovy-eshop > header .top-interior-site-logo, body.page-poptavkovy-eshop > .topbar .top-interior-site-logo{
  width:var(--ti-logo-secondary-width)!important;
  max-width:min(48vw,230px)!important;
  min-width:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.page-poptavkovy-eshop > header .top-interior-site-logo img, body.page-poptavkovy-eshop > .topbar .top-interior-site-logo img, html.page-poptavkovy-eshop .ti-form-site-logo img, body.page-poptavkovy-eshop > header .ti-inline-header-logo img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  clip-path:none!important;
}

/* Hlavní stránka: lišta přibližně o 70 % vyšší a úměrně větší logo */
body.page-poptavkovy-eshop > header.ti-main-header{
  min-height:106px!important;
  padding:22px 3vw!important;
  align-items:center!important;
}
body.page-poptavkovy-eshop > header.ti-main-header .top-interior-site-logo{
  width:clamp(300px,24vw,372px)!important;
  max-width:38vw!important;
}
body.page-poptavkovy-eshop > header.ti-main-header nav{
  align-self:center!important;
}

/* Poptávkové formuláře: celé, nepřerostlé a shodné logo */
html.page-poptavkovy-eshop .ti-form-site-logo{
  position:absolute!important;
  left:22px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  display:block!important;
  width:var(--ti-logo-form-width)!important;
  max-width:184px!important;
  min-width:0!important;
  line-height:0!important;
  overflow:visible!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  z-index:3!important;
}
body.page-poptavkovy-eshop > header.topbar .topbar-inner, body.page-poptavkovy-eshop > .topbar .topbar-inner, body.page-poptavkovy-eshop > header .generic-topbar-inner{
  padding-left:clamp(212px,18vw,246px)!important;
  min-height:82px!important;
}

/* Společná informační doložka ve spodní části všech stránek */
html.page-poptavkovy-eshop .ti-site-notice{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:22px max(22px,5vw)!important;
  border-top:1px solid rgba(214,177,95,.32)!important;
  background:#09050f!important;
  color:#cfc2d5!important;
  font:400 11px/1.65 Inter,Arial,sans-serif!important;
  letter-spacing:0!important;
  text-align:left!important;
}
html.page-poptavkovy-eshop .ti-site-notice strong{
  color:#e2c577!important;
  font-weight:800!important;
}
html.page-poptavkovy-eshop .ti-site-notice p{
  max-width:1380px!important;
  margin:0 auto!important;
}

@media(max-width:1180px){
  body.page-poptavkovy-eshop > header.ti-main-header{
    min-height:0!important;
    padding:19px 3vw!important;
  }
  body.page-poptavkovy-eshop > header.ti-main-header .top-interior-site-logo{
    width:clamp(270px,34vw,340px)!important;
    max-width:58vw!important;
  }
}
@media(max-width:900px){
  body.page-poptavkovy-eshop > header .top-interior-site-logo, body.page-poptavkovy-eshop > .topbar .top-interior-site-logo{
    width:210px!important;
    max-width:64vw!important;
  }
  body.page-poptavkovy-eshop > header.ti-main-header{
    padding:18px 20px!important;
  }
  body.page-poptavkovy-eshop > header.ti-main-header .top-interior-site-logo{
    width:260px!important;
    max-width:72vw!important;
  }
  body.page-poptavkovy-eshop > header.topbar .topbar-inner, body.page-poptavkovy-eshop > .topbar .topbar-inner, body.page-poptavkovy-eshop > header .generic-topbar-inner{
    padding-left:20px!important;
    min-height:0!important;
  }
  html.page-poptavkovy-eshop .ti-form-site-logo{
    position:relative!important;
    left:auto!important;
    top:auto!important;
    transform:none!important;
    width:184px!important;
    max-width:56vw!important;
    grid-column:1/-1!important;
    margin:0 0 8px!important;
  }
}
@media(max-width:560px){
  body.page-poptavkovy-eshop > header.ti-main-header .top-interior-site-logo{
    width:232px!important;
    max-width:78vw!important;
  }
  html.page-poptavkovy-eshop .ti-form-site-logo{
    width:172px!important;
    max-width:62vw!important;
  }
  html.page-poptavkovy-eshop .ti-site-notice{
    padding:18px 17px!important;
    font-size:10.5px!important;
  }
}


/* Krok 99 – kompaktnější hlavní lišta a dvouřádkové hlavičky poptávek */
html.page-poptavkovy-eshop{
  --ti-logo-shared-width:clamp(300px,24vw,372px);
}

/* Jedna velikost a jeden vzhled loga na všech stránkách. */
body.page-poptavkovy-eshop > header .top-interior-site-logo, body.page-poptavkovy-eshop > .topbar .top-interior-site-logo, html.page-poptavkovy-eshop .ti-form-site-logo, body.page-poptavkovy-eshop > header .ti-inline-header-logo{
  width:var(--ti-logo-shared-width)!important;
  max-width:38vw!important;
  min-width:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  line-height:0!important;
}
body.page-poptavkovy-eshop > header .top-interior-site-logo img, body.page-poptavkovy-eshop > .topbar .top-interior-site-logo img, html.page-poptavkovy-eshop .ti-form-site-logo img, body.page-poptavkovy-eshop > header .ti-inline-header-logo img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:left center!important;
  clip-path:none!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* Hlavní stránka: lišta o přibližně 10 % nižší, velikost loga zůstává. */
body.page-poptavkovy-eshop > header.ti-main-header, body.page-poptavkovy-eshop > header.ti-request-hub-header{
  min-height:96px!important;
  padding:20px 3vw!important;
  align-items:center!important;
}
body.page-poptavkovy-eshop > header.ti-main-header .top-interior-site-logo, body.page-poptavkovy-eshop > header.ti-request-hub-header .top-interior-site-logo{
  width:var(--ti-logo-shared-width)!important;
  max-width:38vw!important;
}

/* Poptávkové formuláře: logo je samostatně v prvním řádku vlevo. */
body.page-poptavkovy-eshop > header.topbar .topbar-inner, body.page-poptavkovy-eshop > .topbar .topbar-inner{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-areas:
    "ti-logo ti-logo"
    "ti-brand ti-actions"!important;
  align-items:center!important;
  column-gap:22px!important;
  row-gap:13px!important;
  width:100%!important;
  max-width:none!important;
  padding:18px 3vw!important;
  min-height:0!important;
}
body.page-poptavkovy-eshop > header.topbar .topbar-inner > .ti-form-site-logo, body.page-poptavkovy-eshop > .topbar .topbar-inner > .ti-form-site-logo{
  grid-area:ti-logo!important;
  position:relative!important;
  left:auto!important;
  top:auto!important;
  transform:none!important;
  justify-self:start!important;
  align-self:start!important;
  display:block!important;
  width:var(--ti-logo-shared-width)!important;
  max-width:38vw!important;
  margin:0!important;
  z-index:3!important;
}
body.page-poptavkovy-eshop > header.topbar .topbar-inner > .brand, body.page-poptavkovy-eshop > .topbar .topbar-inner > .brand, body.page-poptavkovy-eshop > header.topbar .topbar-inner > .brand-title, body.page-poptavkovy-eshop > .topbar .topbar-inner > .brand-title{
  grid-area:ti-brand!important;
  min-width:0!important;
}
body.page-poptavkovy-eshop > header.topbar .topbar-inner > .actions, body.page-poptavkovy-eshop > .topbar .topbar-inner > .actions{
  grid-area:ti-actions!important;
  align-self:center!important;
}

/* Obecný značkový formulář používá stejné dvouřádkové rozložení. */
body.page-poptavkovy-eshop > header .generic-topbar-inner{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-areas:
    "ti-logo ti-logo"
    "ti-brand ti-actions"!important;
  align-items:center!important;
  column-gap:22px!important;
  row-gap:13px!important;
  width:100%!important;
  max-width:none!important;
  margin:auto!important;
  padding:18px 3vw!important;
  min-height:0!important;
}
body.page-poptavkovy-eshop > header .generic-topbar-inner > .ti-form-site-logo{
  grid-area:ti-logo!important;
  position:relative!important;
  left:auto!important;
  top:auto!important;
  transform:none!important;
  justify-self:start!important;
  width:var(--ti-logo-shared-width)!important;
  max-width:38vw!important;
  margin:0!important;
}
body.page-poptavkovy-eshop > header .generic-topbar-inner > .generic-form-brand{grid-area:ti-brand!important}
body.page-poptavkovy-eshop > header .generic-topbar-inner > .generic-top-actions{grid-area:ti-actions!important}

/* Centrum E-shop / Poptávky má stejnou hlavičku jako hlavní stránka. */
body.page-poptavkovy-eshop > header.ti-request-hub-header{
  display:flex!important;
  justify-content:space-between!important;
  gap:24px!important;
}
body.page-poptavkovy-eshop > header.ti-request-hub-header .back{
  flex:0 0 auto!important;
}

@media(max-width:1180px){
  html.page-poptavkovy-eshop{--ti-logo-shared-width:clamp(270px,34vw,340px)}
  body.page-poptavkovy-eshop > header.ti-main-header, body.page-poptavkovy-eshop > header.ti-request-hub-header{min-height:0!important;padding:17px 3vw!important}
  body.page-poptavkovy-eshop > header .top-interior-site-logo, body.page-poptavkovy-eshop > .topbar .top-interior-site-logo, html.page-poptavkovy-eshop .ti-form-site-logo, body.page-poptavkovy-eshop > header .ti-inline-header-logo{max-width:58vw!important}

  body.page-poptavkovy-eshop > header.topbar .topbar-inner, body.page-poptavkovy-eshop > .topbar .topbar-inner, body.page-poptavkovy-eshop > header .generic-topbar-inner{
    grid-template-columns:1fr!important;
    grid-template-areas:"ti-logo" "ti-brand" "ti-actions"!important;
  }
  body.page-poptavkovy-eshop > header.topbar .topbar-inner > .actions, body.page-poptavkovy-eshop > .topbar .topbar-inner > .actions, body.page-poptavkovy-eshop > header .generic-topbar-inner > .generic-top-actions{
    width:100%!important;
    max-width:100%!important;
    justify-self:start!important;
    justify-content:flex-start!important;
  }
}
@media(max-width:900px){
  html.page-poptavkovy-eshop{--ti-logo-shared-width:260px}
  body.page-poptavkovy-eshop > header.ti-main-header, body.page-poptavkovy-eshop > header.ti-request-hub-header{padding:16px 20px!important}
  body.page-poptavkovy-eshop > header .top-interior-site-logo, body.page-poptavkovy-eshop > .topbar .top-interior-site-logo, html.page-poptavkovy-eshop .ti-form-site-logo, body.page-poptavkovy-eshop > header .ti-inline-header-logo{max-width:72vw!important}
  body.page-poptavkovy-eshop > header.topbar .topbar-inner, body.page-poptavkovy-eshop > .topbar .topbar-inner, body.page-poptavkovy-eshop > header .generic-topbar-inner{
    grid-template-columns:1fr!important;
    grid-template-areas:"ti-logo" "ti-brand" "ti-actions"!important;
    padding:16px 20px!important;
  }
  body.page-poptavkovy-eshop > header.topbar .topbar-inner > .actions, body.page-poptavkovy-eshop > .topbar .topbar-inner > .actions, body.page-poptavkovy-eshop > header .generic-topbar-inner > .generic-top-actions{
    justify-self:start!important;
    justify-content:flex-start!important;
  }
  body.page-poptavkovy-eshop > header.ti-request-hub-header{
    flex-wrap:wrap!important;
  }
}
@media(max-width:560px){
  html.page-poptavkovy-eshop{--ti-logo-shared-width:232px}
  body.page-poptavkovy-eshop > header .top-interior-site-logo, body.page-poptavkovy-eshop > .topbar .top-interior-site-logo, html.page-poptavkovy-eshop .ti-form-site-logo, body.page-poptavkovy-eshop > header .ti-inline-header-logo{max-width:78vw!important}
}


/* Krok 113 – společné logo TOP INTERIOR by JOVEE Services */
html.page-poptavkovy-eshop{--ti-combined-logo-width:clamp(370px,31vw,500px)}
body.page-poptavkovy-eshop > header .top-interior-site-logo, body.page-poptavkovy-eshop > .topbar .top-interior-site-logo, html.page-poptavkovy-eshop .ti-form-site-logo, body.page-poptavkovy-eshop > header .ti-inline-header-logo{
  width:var(--ti-combined-logo-width)!important;
  max-width:46vw!important;
}
body.page-poptavkovy-eshop > header.ti-main-header .top-interior-site-logo, body.page-poptavkovy-eshop > header.ti-request-hub-header .top-interior-site-logo{
  width:clamp(410px,34vw,535px)!important;
  max-width:48vw!important;
}
body.page-poptavkovy-eshop > header .top-interior-site-logo img, body.page-poptavkovy-eshop > .topbar .top-interior-site-logo img, html.page-poptavkovy-eshop .ti-form-site-logo img, body.page-poptavkovy-eshop > header .ti-inline-header-logo img{
  filter:none!important;
  object-fit:contain!important;
  object-position:left center!important;
}
body.page-poptavkovy-eshop > header.ti-main-header, body.page-poptavkovy-eshop > header.ti-request-hub-header{
  padding-top:12px!important;
  padding-bottom:12px!important;
}
@media(max-width:1180px){
  html.page-poptavkovy-eshop{--ti-combined-logo-width:clamp(330px,43vw,450px)}
  body.page-poptavkovy-eshop > header.ti-main-header .top-interior-site-logo, body.page-poptavkovy-eshop > header.ti-request-hub-header .top-interior-site-logo{width:clamp(350px,48vw,465px)!important;max-width:58vw!important}
}
@media(max-width:900px){
  html.page-poptavkovy-eshop{--ti-combined-logo-width:320px}
  body.page-poptavkovy-eshop > header.ti-main-header .top-interior-site-logo, body.page-poptavkovy-eshop > header.ti-request-hub-header .top-interior-site-logo{width:340px!important;max-width:78vw!important}
}
@media(max-width:560px){
  html.page-poptavkovy-eshop{--ti-combined-logo-width:280px}
  body.page-poptavkovy-eshop > header.ti-main-header .top-interior-site-logo, body.page-poptavkovy-eshop > header.ti-request-hub-header .top-interior-site-logo{width:300px!important;max-width:86vw!important}
}

/* Krok 115 – vyvážená výška hlavní lišty pro společné logo */
html.page-poptavkovy-eshop{
  --ti-combined-logo-width:clamp(330px,25vw,390px);
}

/* Běžné interní stránky a formuláře: čitelné logo bez přerůstání. */
body.page-poptavkovy-eshop > header .top-interior-site-logo, body.page-poptavkovy-eshop > .topbar .top-interior-site-logo, html.page-poptavkovy-eshop .ti-form-site-logo, body.page-poptavkovy-eshop > header .ti-inline-header-logo{
  width:var(--ti-combined-logo-width)!important;
  max-width:42vw!important;
}

/* Hlavní navigační lišta: návrat k původní vyvážené výšce. */
body.page-poptavkovy-eshop > header.ti-main-header, body.page-poptavkovy-eshop > header.ti-request-hub-header{
  min-height:112px!important;
  padding:9px 3vw!important;
  align-items:center!important;
}
body.page-poptavkovy-eshop > header.ti-main-header .top-interior-site-logo, body.page-poptavkovy-eshop > header.ti-request-hub-header .top-interior-site-logo{
  width:clamp(360px,27vw,420px)!important;
  max-width:43vw!important;
}
body.page-poptavkovy-eshop > header.ti-main-header nav{
  gap:clamp(12px,1.15vw,20px)!important;
  font-size:clamp(11px,.72vw,13px)!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
}
body.page-poptavkovy-eshop > header.ti-main-header nav a{white-space:nowrap!important}

@media(max-width:1180px){
  html.page-poptavkovy-eshop{--ti-combined-logo-width:clamp(300px,31vw,350px)}
  body.page-poptavkovy-eshop > header.ti-main-header, body.page-poptavkovy-eshop > header.ti-request-hub-header{
    min-height:100px!important;
    padding:9px 3vw!important;
  }
  body.page-poptavkovy-eshop > header.ti-main-header .top-interior-site-logo, body.page-poptavkovy-eshop > header.ti-request-hub-header .top-interior-site-logo{
    width:clamp(310px,32vw,365px)!important;
    max-width:42vw!important;
  }
  body.page-poptavkovy-eshop > header.ti-main-header nav{
    gap:10px!important;
    font-size:11px!important;
  }
}
@media(max-width:900px){
  html.page-poptavkovy-eshop{--ti-combined-logo-width:290px}
  body.page-poptavkovy-eshop > header.ti-main-header, body.page-poptavkovy-eshop > header.ti-request-hub-header{
    min-height:0!important;
    padding:12px 20px!important;
  }
  body.page-poptavkovy-eshop > header.ti-main-header .top-interior-site-logo, body.page-poptavkovy-eshop > header.ti-request-hub-header .top-interior-site-logo{
    width:300px!important;
    max-width:76vw!important;
  }
}
@media(max-width:560px){
  html.page-poptavkovy-eshop{--ti-combined-logo-width:255px}
  body.page-poptavkovy-eshop > header.ti-main-header, body.page-poptavkovy-eshop > header.ti-request-hub-header{padding:10px 16px!important}
  body.page-poptavkovy-eshop > header.ti-main-header .top-interior-site-logo, body.page-poptavkovy-eshop > header.ti-request-hub-header .top-interior-site-logo{
    width:268px!important;
    max-width:82vw!important;
  }
}


/* ===== schluter-poptavka/schluter-poptavkovy-formular.html ===== */

/* Source: assets/css/schluter-poptavka-schluter-poptavkovy-formular.css */
/* Source style block 1 */
html.page-schluter-poptavka-schluter-poptavkovy-formular{--orange:#f58220;--ink:#20242a;--muted:#69717c;--line:#e5e7eb;--soft:#f6f7f8;--green:#11895a;--shadow:0 8px 26px rgba(30,35,40,.08)}
html.page-schluter-poptavka-schluter-poptavkovy-formular *{box-sizing:border-box} body.page-schluter-poptavka-schluter-poptavkovy-formular{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;background:#eef0f2;color:var(--ink)} html.page-schluter-poptavka-schluter-poptavkovy-formular button, html.page-schluter-poptavka-schluter-poptavkovy-formular input, html.page-schluter-poptavka-schluter-poptavkovy-formular select{font:inherit}
html.page-schluter-poptavka-schluter-poptavkovy-formular a{color:inherit} html.page-schluter-poptavka-schluter-poptavkovy-formular .topbar{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
html.page-schluter-poptavka-schluter-poptavkovy-formular .topbar-inner{max-width:1180px;margin:auto;padding:14px 20px;display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center} html.page-schluter-poptavka-schluter-poptavkovy-formular .brand{display:flex;align-items:center;gap:12px}
html.page-schluter-poptavka-schluter-poptavkovy-formular .brand-mark{width:12px;height:42px;background:var(--orange);border-radius:3px} html.page-schluter-poptavka-schluter-poptavkovy-formular .brand h1{font-size:20px;margin:0} html.page-schluter-poptavka-schluter-poptavkovy-formular .brand p{margin:2px 0 0;color:var(--muted);font-size:13px}
html.page-schluter-poptavka-schluter-poptavkovy-formular .actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end} html.page-schluter-poptavka-schluter-poptavkovy-formular .btn{border:1px solid var(--line);background:white;border-radius:10px;padding:10px 13px;cursor:pointer;font-weight:700}
html.page-schluter-poptavka-schluter-poptavkovy-formular .btn.primary{background:var(--orange);color:#fff;border-color:var(--orange)} html.page-schluter-poptavka-schluter-poptavkovy-formular .hero{max-width:1180px;margin:22px auto 0;padding:0 20px} html.page-schluter-poptavka-schluter-poptavkovy-formular .hero-card{background:white;border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:var(--shadow)}
html.page-schluter-poptavka-schluter-poptavkovy-formular .hero-grid{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:end} html.page-schluter-poptavka-schluter-poptavkovy-formular .hero h2{margin:0 0 6px} html.page-schluter-poptavka-schluter-poptavkovy-formular .hero p{margin:0;color:var(--muted)} html.page-schluter-poptavka-schluter-poptavkovy-formular .search{min-width:330px}
html.page-schluter-poptavka-schluter-poptavkovy-formular .search label{display:block;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;color:var(--muted)} html.page-schluter-poptavka-schluter-poptavkovy-formular .search input{width:100%;border:1px solid #ccd1d6;border-radius:10px;padding:12px 13px;background:#fff}

html.page-schluter-poptavka-schluter-poptavkovy-formular .catalog-guide{max-width:1180px;margin:14px auto 0;padding:0 20px}
html.page-schluter-poptavka-schluter-poptavkovy-formular .catalog-guide-card{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;padding:17px 19px;border-radius:16px;text-decoration:none;color:#fff;background:linear-gradient(125deg,#22272d 0%,#30363d 70%,#f58220 170%);box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.08);transition:transform .2s ease,box-shadow .2s ease}
html.page-schluter-poptavka-schluter-poptavkovy-formular .catalog-guide-card:hover{transform:translateY(-2px);box-shadow:0 12px 34px rgba(30,35,40,.16)}
html.page-schluter-poptavka-schluter-poptavkovy-formular .catalog-guide-icon{width:62px;height:70px;border-radius:11px;background:#fff;color:#20242a;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;box-shadow:0 5px 16px rgba(0,0,0,.18)}
html.page-schluter-poptavka-schluter-poptavkovy-formular .catalog-guide-icon:after{content:"";position:absolute;right:0;top:0;border-style:solid;border-width:0 0 17px 17px;border-color:transparent transparent #dfe3e7 transparent}
html.page-schluter-poptavka-schluter-poptavkovy-formular .catalog-guide-icon span{font-size:11px;font-weight:900;letter-spacing:.08em;color:var(--orange)}html.page-schluter-poptavka-schluter-poptavkovy-formular .catalog-guide-icon b{font-size:27px;line-height:1}
html.page-schluter-poptavka-schluter-poptavkovy-formular .catalog-guide-copy h2{margin:2px 0 5px;font-size:23px}html.page-schluter-poptavka-schluter-poptavkovy-formular .catalog-guide-copy p{margin:0;color:#e2e6e9;line-height:1.45;font-size:14px;max-width:760px}
html.page-schluter-poptavka-schluter-poptavkovy-formular .catalog-guide-eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.11em;font-weight:900;color:#ffad68}
html.page-schluter-poptavka-schluter-poptavkovy-formular .catalog-guide-action{white-space:nowrap;background:var(--orange);padding:11px 14px;border-radius:10px;font-weight:900;font-size:13px}html.page-schluter-poptavka-schluter-poptavkovy-formular .catalog-guide-action b{font-size:15px}

html.page-schluter-poptavka-schluter-poptavkovy-formular .summary{max-width:1180px;margin:14px auto 0;padding:0 20px} html.page-schluter-poptavka-schluter-poptavkovy-formular .summary-card{background:#23282e;color:#fff;border-radius:14px;padding:14px 16px;display:flex;justify-content:space-between;gap:16px;align-items:center}
html.page-schluter-poptavka-schluter-poptavkovy-formular .summary-card strong{font-size:18px} html.page-schluter-poptavka-schluter-poptavkovy-formular .summary-card span{color:#d5d9dd} html.page-schluter-poptavka-schluter-poptavkovy-formular main{max-width:1180px;margin:18px auto 60px;padding:0 20px} html.page-schluter-poptavka-schluter-poptavkovy-formular .category{margin-top:26px}
html.page-schluter-poptavka-schluter-poptavkovy-formular .category-header{background:white;border-left:8px solid var(--orange);border-radius:12px;padding:14px 16px;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
html.page-schluter-poptavka-schluter-poptavkovy-formular .category-header h2{margin:2px 0 0;font-size:21px} html.page-schluter-poptavka-schluter-poptavkovy-formular .eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.09em;font-weight:800;color:var(--orange)} html.page-schluter-poptavka-schluter-poptavkovy-formular .count{font-size:13px;color:var(--muted);font-weight:700}
html.page-schluter-poptavka-schluter-poptavkovy-formular .product-row{display:grid;grid-template-columns:320px 1fr;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;margin:10px 0;box-shadow:0 2px 8px rgba(30,35,40,.03)}
html.page-schluter-poptavka-schluter-poptavkovy-formular .product-row.selected{border-color:rgba(17,137,90,.45);box-shadow:0 0 0 3px rgba(17,137,90,.08)} html.page-schluter-poptavka-schluter-poptavkovy-formular .product-visual{background:#f4f4f3;display:flex;flex-direction:column;gap:11px;justify-content:flex-start;padding:15px;border-right:1px solid var(--line)}
html.page-schluter-poptavka-schluter-poptavkovy-formular .catalog-image-link{position:relative;display:block;border-radius:10px;overflow:hidden;background:#fff;border:1px solid #e1e3e6;text-decoration:none} html.page-schluter-poptavka-schluter-poptavkovy-formular .catalog-image-link img{width:100%;height:162px;object-fit:contain;display:block;transition:transform .2s ease,filter .2s ease}
html.page-schluter-poptavka-schluter-poptavkovy-formular .catalog-image-link span{position:absolute;left:8px;right:8px;bottom:7px;background:rgba(32,36,42,.86);color:#fff;border-radius:7px;padding:6px 8px;text-align:center;font-size:11px;font-weight:800;opacity:0;transform:translateY(4px);transition:.2s}
html.page-schluter-poptavka-schluter-poptavkovy-formular .catalog-image-link:hover img{transform:scale(1.025);filter:contrast(1.04)} html.page-schluter-poptavka-schluter-poptavkovy-formular .catalog-image-link:hover span, html.page-schluter-poptavka-schluter-poptavkovy-formular .catalog-image-link:focus span{opacity:1;transform:none}
html.page-schluter-poptavka-schluter-poptavkovy-formular .price-box{background:#fff;border:1px solid #dddfe2;border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:2px} html.page-schluter-poptavka-schluter-poptavkovy-formular .price-box small{color:var(--muted);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;margin-bottom:3px}
html.page-schluter-poptavka-schluter-poptavkovy-formular .price-box strong{font-size:14px;line-height:1.35;color:#24292f} html.page-schluter-poptavka-schluter-poptavkovy-formular .price-box em{font-size:10px;line-height:1.35;color:#858c94;font-style:normal;margin-top:3px}
html.page-schluter-poptavka-schluter-poptavkovy-formular .product-panel{padding:16px 18px;display:grid;grid-template-columns:1fr 190px;gap:12px 18px;align-items:start} html.page-schluter-poptavka-schluter-poptavkovy-formular .product-heading{grid-column:1/-1;display:flex;justify-content:space-between;gap:12px;align-items:start}
html.page-schluter-poptavka-schluter-poptavkovy-formular .product-heading h3{margin:0;font-size:18px} html.page-schluter-poptavka-schluter-poptavkovy-formular .product-heading h3 a{text-decoration:none} html.page-schluter-poptavka-schluter-poptavkovy-formular .product-heading h3 a:hover{color:var(--orange);text-decoration:underline} html.page-schluter-poptavka-schluter-poptavkovy-formular .product-heading p{margin:5px 0 0;color:var(--muted);font-size:13px}
html.page-schluter-poptavka-schluter-poptavkovy-formular .catalog-text-link{color:var(--muted);font-weight:700;text-decoration:none} html.page-schluter-poptavka-schluter-poptavkovy-formular .catalog-text-link:hover{color:var(--orange);text-decoration:underline} html.page-schluter-poptavka-schluter-poptavkovy-formular .overview-page{color:#9aa1a9} html.page-schluter-poptavka-schluter-poptavkovy-formular .status{background:#f1f3f5;color:#6d747d;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:800;white-space:nowrap}
html.page-schluter-poptavka-schluter-poptavkovy-formular .selected .status{background:#e6f6ef;color:var(--green)} html.page-schluter-poptavka-schluter-poptavkovy-formular .request-table{width:100%;border-collapse:collapse;border:1px solid var(--line);border-radius:10px;overflow:hidden} html.page-schluter-poptavka-schluter-poptavkovy-formular .request-table th, html.page-schluter-poptavka-schluter-poptavkovy-formular .request-table td{border-bottom:1px solid var(--line);padding:8px 10px;text-align:left}
html.page-schluter-poptavka-schluter-poptavkovy-formular .request-table tr:last-child th, html.page-schluter-poptavka-schluter-poptavkovy-formular .request-table tr:last-child td{border-bottom:0} html.page-schluter-poptavka-schluter-poptavkovy-formular .request-table th{width:110px;background:var(--soft);font-size:12px;color:#59616b} html.page-schluter-poptavka-schluter-poptavkovy-formular .request-table input, html.page-schluter-poptavka-schluter-poptavkovy-formular .request-table select{width:100%;border:1px solid #cdd2d8;border-radius:8px;padding:9px 10px;background:#fff}
html.page-schluter-poptavka-schluter-poptavkovy-formular .add-btn{align-self:stretch;min-height:100%;border:0;background:var(--orange);color:white;border-radius:10px;padding:14px;font-weight:900;cursor:pointer;font-size:15px} html.page-schluter-poptavka-schluter-poptavkovy-formular .selected .add-btn{background:var(--green)}
html.page-schluter-poptavka-schluter-poptavkovy-formular .empty{display:none;background:#fff4e8;border:1px solid #ffd6ad;padding:18px;border-radius:12px;margin-top:18px} html.page-schluter-poptavka-schluter-poptavkovy-formular .footer-note{max-width:1180px;margin:-34px auto 30px;padding:0 20px;color:var(--muted);font-size:12px}

html.page-schluter-poptavka-schluter-poptavkovy-formular .cart-wrap{max-width:1180px;margin:14px auto 0;padding:0 20px;scroll-margin-top:92px}
html.page-schluter-poptavka-schluter-poptavkovy-formular .cart-card{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}
html.page-schluter-poptavka-schluter-poptavkovy-formular .cart-head{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px 18px;background:#fff7ef;border-bottom:1px solid #f2d5bd}
html.page-schluter-poptavka-schluter-poptavkovy-formular .cart-head h2{margin:0;font-size:20px}html.page-schluter-poptavka-schluter-poptavkovy-formular .cart-head p{margin:4px 0 0;color:var(--muted);font-size:13px}
html.page-schluter-poptavka-schluter-poptavkovy-formular .cart-count{background:var(--orange);color:#fff;border-radius:999px;padding:7px 11px;font-weight:900;font-size:12px;white-space:nowrap}
html.page-schluter-poptavka-schluter-poptavkovy-formular .cart-empty{padding:22px 18px;color:var(--muted);text-align:center}
html.page-schluter-poptavka-schluter-poptavkovy-formular .cart-table-wrap{overflow:auto}html.page-schluter-poptavka-schluter-poptavkovy-formular .cart-table{width:100%;border-collapse:collapse}
html.page-schluter-poptavka-schluter-poptavkovy-formular .cart-table th, html.page-schluter-poptavka-schluter-poptavkovy-formular .cart-table td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
html.page-schluter-poptavka-schluter-poptavkovy-formular .cart-table th{background:var(--soft);font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#5f6771}
html.page-schluter-poptavka-schluter-poptavkovy-formular .cart-table td{font-size:13px}html.page-schluter-poptavka-schluter-poptavkovy-formular .cart-table a{font-weight:800;text-decoration:none}html.page-schluter-poptavka-schluter-poptavkovy-formular .cart-table a:hover{color:var(--orange);text-decoration:underline}
html.page-schluter-poptavka-schluter-poptavkovy-formular .cart-table .cart-note{color:var(--muted);font-size:12px}html.page-schluter-poptavka-schluter-poptavkovy-formular .cart-table .cart-price{font-size:12px;color:#535b65}
html.page-schluter-poptavka-schluter-poptavkovy-formular .cart-remove{border:1px solid #e0b6b6;background:#fff7f7;color:#9b2525;border-radius:8px;padding:6px 9px;cursor:pointer;font-weight:800}
html.page-schluter-poptavka-schluter-poptavkovy-formular .cart-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;padding:14px 18px;background:#fafbfc}
html.page-schluter-poptavka-schluter-poptavkovy-formular .badge{display:inline-flex;min-width:22px;height:22px;align-items:center;justify-content:center;border-radius:999px;background:#23282e;color:#fff;font-size:11px;margin-left:5px;padding:0 6px}
html.page-schluter-poptavka-schluter-poptavkovy-formular .btn.primary .badge{background:#fff;color:var(--orange)}

@media(max-width:820px){html.page-schluter-poptavka-schluter-poptavkovy-formular .topbar-inner, html.page-schluter-poptavka-schluter-poptavkovy-formular .hero-grid{grid-template-columns:1fr}html.page-schluter-poptavka-schluter-poptavkovy-formular .catalog-guide-card{grid-template-columns:auto 1fr}html.page-schluter-poptavka-schluter-poptavkovy-formular .catalog-guide-action{grid-column:1/-1;text-align:center}html.page-schluter-poptavka-schluter-poptavkovy-formular .cart-head{align-items:flex-start}html.page-schluter-poptavka-schluter-poptavkovy-formular .cart-table{min-width:760px}html.page-schluter-poptavka-schluter-poptavkovy-formular .actions{justify-content:flex-start}html.page-schluter-poptavka-schluter-poptavkovy-formular .search{min-width:0}html.page-schluter-poptavka-schluter-poptavkovy-formular .product-row{grid-template-columns:1fr}html.page-schluter-poptavka-schluter-poptavkovy-formular .product-visual{border-right:0;border-bottom:1px solid var(--line)}html.page-schluter-poptavka-schluter-poptavkovy-formular .catalog-image-link img{height:auto;max-height:240px}html.page-schluter-poptavka-schluter-poptavkovy-formular .product-panel{grid-template-columns:1fr}html.page-schluter-poptavka-schluter-poptavkovy-formular .product-heading, html.page-schluter-poptavka-schluter-poptavkovy-formular .request-table, html.page-schluter-poptavka-schluter-poptavkovy-formular .add-btn{grid-column:1}html.page-schluter-poptavka-schluter-poptavkovy-formular .add-btn{min-height:auto}}
@media print{html.page-schluter-poptavka-schluter-poptavkovy-formular .topbar, html.page-schluter-poptavka-schluter-poptavkovy-formular .hero, html.page-schluter-poptavka-schluter-poptavkovy-formular .catalog-guide, html.page-schluter-poptavka-schluter-poptavkovy-formular .summary, html.page-schluter-poptavka-schluter-poptavkovy-formular main, html.page-schluter-poptavka-schluter-poptavkovy-formular .footer-note, html.page-schluter-poptavka-schluter-poptavkovy-formular .cart-actions, html.page-schluter-poptavka-schluter-poptavkovy-formular .cart-remove, html.page-schluter-poptavka-schluter-poptavkovy-formular .cart-head p{display:none!important}body.page-schluter-poptavka-schluter-poptavkovy-formular{background:#fff}html.page-schluter-poptavka-schluter-poptavkovy-formular .cart-wrap{display:block!important;max-width:none;margin:0;padding:0}html.page-schluter-poptavka-schluter-poptavkovy-formular .cart-card{border:0;box-shadow:none}html.page-schluter-poptavka-schluter-poptavkovy-formular .cart-head{background:#fff;border-bottom:1px solid #bbb;padding:0 0 12px}html.page-schluter-poptavka-schluter-poptavkovy-formular .cart-table-wrap{display:block!important;overflow:visible}html.page-schluter-poptavka-schluter-poptavkovy-formular .cart-empty{display:none!important}html.page-schluter-poptavka-schluter-poptavkovy-formular .cart-table th, html.page-schluter-poptavka-schluter-poptavkovy-formular .cart-table td{padding:7px;font-size:11px}html.page-schluter-poptavka-schluter-poptavkovy-formular .cart-table{min-width:0}html.page-schluter-poptavka-schluter-poptavkovy-formular .cart-count{background:#fff;color:#20242a;border:1px solid #bbb}}

html.page-schluter-poptavka-schluter-poptavkovy-formular .top-interior-back{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:8px 11px;
  border:1px solid #d9dde1;
  border-radius:10px;
  background:#fff;
  color:#20242a;
  text-decoration:none;
  font-size:12px;
  font-weight:800;
  white-space:nowrap;
}
html.page-schluter-poptavka-schluter-poptavkovy-formular .top-interior-back:hover{
  border-color:#f58220;
  color:#f58220;
}
@media(max-width:820px){
  html.page-schluter-poptavka-schluter-poptavkovy-formular .top-interior-back{justify-self:start}
}

/* Krok 60 – sjednocená horní lišta poptávkových formulářů */
html.page-schluter-poptavka-schluter-poptavkovy-formular .topbar-inner{
  max-width:1180px!important;
  margin:auto!important;
  padding:14px 20px!important;
  display:grid!important;
  grid-template-columns:minmax(250px,1fr) auto!important;
  gap:16px!important;
  align-items:center!important;
}
html.page-schluter-poptavka-schluter-poptavkovy-formular .topbar-inner > .brand{
  min-width:0!important;
}
html.page-schluter-poptavka-schluter-poptavkovy-formular .topbar-inner > .actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex-wrap:wrap!important;
  gap:8px!important;
}
html.page-schluter-poptavka-schluter-poptavkovy-formular .topbar-inner .top-interior-back{
  order:-1!important;
  display:inline-flex!important;
  align-items:center!important;
  min-height:38px!important;
  padding:8px 11px!important;
  border:1px solid var(--line)!important;
  border-radius:10px!important;
  background:#fff!important;
  color:var(--ink)!important;
  text-decoration:none!important;
  font-size:12px!important;
  font-weight:800!important;
  white-space:nowrap!important;
}
@media(max-width:980px){
  html.page-schluter-poptavka-schluter-poptavkovy-formular .topbar-inner{
    grid-template-columns:1fr!important;
  }
  html.page-schluter-poptavka-schluter-poptavkovy-formular .topbar-inner > .actions{
    justify-content:flex-start!important;
  }
}
@media(max-width:620px){
  html.page-schluter-poptavka-schluter-poptavkovy-formular .topbar-inner > .actions{
    gap:6px!important;
  }
  html.page-schluter-poptavka-schluter-poptavkovy-formular .topbar-inner .btn, html.page-schluter-poptavka-schluter-poptavkovy-formular .topbar-inner .top-interior-back{
    min-height:36px!important;
    padding:8px 10px!important;
    font-size:11px!important;
  }
}

    html.page-schluter-poptavka-schluter-poptavkovy-formular .unified-inquiry-info{
      max-width:1180px;margin:14px auto 0;padding:12px 20px;
      color:#5d6670;font-size:12px;line-height:1.5
    }
    html.page-schluter-poptavka-schluter-poptavkovy-formular .unified-inquiry-info strong{color:#f39200}
    
/* Krok 77 – jednotná hlavička a pozice tlačítek všech detailních formulářů */
html.page-schluter-poptavka-schluter-poptavkovy-formular .topbar-inner{
  width:100%!important;max-width:1180px!important;min-height:78px!important;
  margin:0 auto!important;padding:12px 20px!important;box-sizing:border-box!important;
  display:grid!important;grid-template-columns:minmax(270px,1fr) 817px!important;
  gap:18px!important;align-items:center!important
}
html.page-schluter-poptavka-schluter-poptavkovy-formular .brand{min-width:0!important;display:flex!important;align-items:center!important;gap:13px!important}
html.page-schluter-poptavka-schluter-poptavkovy-formular .brand-mark, html.page-schluter-poptavka-schluter-poptavkovy-formular .jap-mark{display:none!important}
html.page-schluter-poptavka-schluter-poptavkovy-formular .form-brand-logo{
  display:block!important;width:138px!important;height:48px!important;flex:0 0 138px!important;
  object-fit:contain!important;object-position:left center!important
}
html.page-schluter-poptavka-schluter-poptavkovy-formular .brand h1{margin:0!important;font-size:17px!important;line-height:1.18!important;white-space:normal!important}
html.page-schluter-poptavka-schluter-poptavkovy-formular .topbar-inner > .actions{
  width:817px!important;display:grid!important;
  grid-template-columns:150px 88px 120px 105px 220px 94px!important;
  gap:8px!important;align-items:stretch!important;justify-content:end!important;flex-wrap:nowrap!important
}
html.page-schluter-poptavka-schluter-poptavkovy-formular .topbar-inner > .actions>a, html.page-schluter-poptavka-schluter-poptavkovy-formular .topbar-inner > .actions>button, html.page-schluter-poptavka-schluter-poptavkovy-formular .topbar-inner .top-interior-back, html.page-schluter-poptavka-schluter-poptavkovy-formular .topbar-inner .jap-back-link{
  order:initial!important;
  width:100%!important;height:44px!important;min-height:44px!important;margin:0!important;
  padding:8px 9px!important;box-sizing:border-box!important;display:flex!important;
  align-items:center!important;justify-content:center!important;text-align:center!important;
  line-height:1.12!important;font-size:11px!important;text-decoration:none!important;white-space:normal!important
}
html.page-schluter-poptavka-schluter-poptavkovy-formular .add-btn{min-height:44px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important}
@media(max-width:1180px){
 html.page-schluter-poptavka-schluter-poptavkovy-formular .topbar-inner{grid-template-columns:1fr!important}
 html.page-schluter-poptavka-schluter-poptavkovy-formular .topbar-inner > .actions{width:100%!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:700px){
 html.page-schluter-poptavka-schluter-poptavkovy-formular .form-brand-logo{width:118px!important;height:43px!important;flex-basis:118px!important}
 html.page-schluter-poptavka-schluter-poptavkovy-formular .topbar-inner > .actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* Krok 78 – loga z hlavních dlaždic a stejné pozice horních tlačítek */
html.page-schluter-poptavka-schluter-poptavkovy-formular .topbar{
  padding:0!important;
}
html.page-schluter-poptavka-schluter-poptavkovy-formular .topbar-inner{
  width:100%!important;
  max-width:1180px!important;
  min-height:78px!important;
  margin:0 auto!important;
  padding:12px 20px!important;
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:minmax(270px,1fr) 817px!important;
  gap:18px!important;
  align-items:center!important;
}
html.page-schluter-poptavka-schluter-poptavkovy-formular .topbar .brand{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:13px!important;
}
html.page-schluter-poptavka-schluter-poptavkovy-formular .topbar .form-brand-logo{
  display:block!important;
  width:138px!important;
  height:48px!important;
  flex:0 0 138px!important;
  object-fit:contain!important;
  object-position:left center!important;
}
html.page-schluter-poptavka-schluter-poptavkovy-formular .topbar .brand h1{
  margin:0!important;
  font-size:17px!important;
  line-height:1.18!important;
}
html.page-schluter-poptavka-schluter-poptavkovy-formular .topbar .actions{
  width:817px!important;
  display:grid!important;
  grid-template-columns:150px 88px 120px 105px 220px 94px!important;
  gap:8px!important;
  align-items:stretch!important;
  justify-content:stretch!important;
  margin:0!important;
}
html.page-schluter-poptavka-schluter-poptavkovy-formular .topbar .actions > a, html.page-schluter-poptavka-schluter-poptavkovy-formular .topbar .actions > button{
  width:100%!important;
  height:44px!important;
  min-height:44px!important;
  margin:0!important;
  padding:8px 9px!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  line-height:1.12!important;
  font-size:11px!important;
  white-space:normal!important;
}
@media(max-width:1180px){
  html.page-schluter-poptavka-schluter-poptavkovy-formular .topbar-inner{
    grid-template-columns:1fr!important;
  }
  html.page-schluter-poptavka-schluter-poptavkovy-formular .topbar .actions{
    width:100%!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}
@media(max-width:700px){
  html.page-schluter-poptavka-schluter-poptavkovy-formular .topbar .form-brand-logo{
    width:118px!important;
    height:43px!important;
    flex-basis:118px!important;
  }
  html.page-schluter-poptavka-schluter-poptavkovy-formular .topbar .actions{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

/* Source style block 2 */
body.page-schluter-poptavka-schluter-poptavkovy-formular{font-family:Arial,Helvetica,sans-serif;color:#20242a;margin:28px}html.page-schluter-poptavka-schluter-poptavkovy-formular h1{margin:0 0 5px;font-size:24px}html.page-schluter-poptavka-schluter-poptavkovy-formular p{color:#69717c;margin:0 0 22px}html.page-schluter-poptavka-schluter-poptavkovy-formular table{width:100%;border-collapse:collapse}html.page-schluter-poptavka-schluter-poptavkovy-formular th, html.page-schluter-poptavka-schluter-poptavkovy-formular td{border:1px solid #d8dce0;padding:9px;text-align:left;vertical-align:top}html.page-schluter-poptavka-schluter-poptavkovy-formular th{background:#f3f4f5;font-size:12px}html.page-schluter-poptavka-schluter-poptavkovy-formular td{font-size:13px}html.page-schluter-poptavka-schluter-poptavkovy-formular small{color:#69717c}html.page-schluter-poptavka-schluter-poptavkovy-formular .footer{margin-top:18px;font-size:11px;color:#69717c}@media print{body.page-schluter-poptavka-schluter-poptavkovy-formular{margin:12mm}}


/* Source: assets/css/site-responsive.css */
/* Shared responsive and accessibility layer. Mobile-first; page-specific CSS remains unchanged. */
html.page-schluter-poptavka-schluter-poptavkovy-formular{ --touch-target: 2.75rem; }
html.page-schluter-poptavka-schluter-poptavkovy-formular{ width: 100%; overflow-x: hidden; -webkit-text-size-adjust: 100%; }
body.page-schluter-poptavka-schluter-poptavkovy-formular{ width: 100%; min-width: 0; overflow-x: clip; }
html.page-schluter-poptavka-schluter-poptavkovy-formular img, html.page-schluter-poptavka-schluter-poptavkovy-formular picture, html.page-schluter-poptavka-schluter-poptavkovy-formular video, html.page-schluter-poptavka-schluter-poptavkovy-formular canvas, html.page-schluter-poptavka-schluter-poptavkovy-formular svg{ display: block; max-width: 100%; height: auto; }
html.page-schluter-poptavka-schluter-poptavkovy-formular iframe{ max-width: 100%; }
html.page-schluter-poptavka-schluter-poptavkovy-formular main, html.page-schluter-poptavka-schluter-poptavkovy-formular section, html.page-schluter-poptavka-schluter-poptavkovy-formular article, html.page-schluter-poptavka-schluter-poptavkovy-formular header, html.page-schluter-poptavka-schluter-poptavkovy-formular footer, html.page-schluter-poptavka-schluter-poptavkovy-formular nav, html.page-schluter-poptavka-schluter-poptavkovy-formular form, html.page-schluter-poptavka-schluter-poptavkovy-formular fieldset, html.page-schluter-poptavka-schluter-poptavkovy-formular .wrap, html.page-schluter-poptavka-schluter-poptavkovy-formular .container{ min-width: 0; }
html.page-schluter-poptavka-schluter-poptavkovy-formular button, html.page-schluter-poptavka-schluter-poptavkovy-formular input, html.page-schluter-poptavka-schluter-poptavkovy-formular select, html.page-schluter-poptavka-schluter-poptavkovy-formular textarea{ max-width: 100%; font: inherit; }
html.page-schluter-poptavka-schluter-poptavkovy-formular button, html.page-schluter-poptavka-schluter-poptavkovy-formular input[type="button"], html.page-schluter-poptavka-schluter-poptavkovy-formular input[type="submit"], html.page-schluter-poptavka-schluter-poptavkovy-formular input[type="reset"], html.page-schluter-poptavka-schluter-poptavkovy-formular select, html.page-schluter-poptavka-schluter-poptavkovy-formular .btn, html.page-schluter-poptavka-schluter-poptavkovy-formular .button, html.page-schluter-poptavka-schluter-poptavkovy-formular [role="button"]{ min-height: var(--touch-target); }
html.page-schluter-poptavka-schluter-poptavkovy-formular textarea{ min-height: 7rem; resize: vertical; }
html.page-schluter-poptavka-schluter-poptavkovy-formular .ti-mobile-menu-toggle{
  display: inline-flex; align-items: center; justify-content: center; gap: .5rem;
  min-width: var(--touch-target); min-height: var(--touch-target); padding: .65rem .8rem;
  border: 1px solid rgba(214,177,95,.7); background: rgba(18,8,28,.72);
  color: #f4ead0; font-weight: 800; cursor: pointer;
}
html.page-schluter-poptavka-schluter-poptavkovy-formular .ti-mobile-menu-toggle__icon, html.page-schluter-poptavka-schluter-poptavkovy-formular .ti-mobile-menu-toggle__icon::before, html.page-schluter-poptavka-schluter-poptavkovy-formular .ti-mobile-menu-toggle__icon::after{
  display: block; width: 1.25rem; height: .125rem; background: currentColor; content: ""; transition: transform .2s ease;
}
html.page-schluter-poptavka-schluter-poptavkovy-formular .ti-mobile-menu-toggle__icon{ position: relative; }
html.page-schluter-poptavka-schluter-poptavkovy-formular .ti-mobile-menu-toggle__icon::before{ position: absolute; top: -.4rem; }
html.page-schluter-poptavka-schluter-poptavkovy-formular .ti-mobile-menu-toggle__icon::after{ position: absolute; top: .4rem; }
html.page-schluter-poptavka-schluter-poptavkovy-formular header.ti-mobile-nav-header{ flex-wrap: wrap; }
html.page-schluter-poptavka-schluter-poptavkovy-formular header.ti-mobile-nav-header > nav{ display: none !important; width: 100%; flex-direction: column; align-items: stretch; gap: .25rem; padding-top: .75rem; }
html.page-schluter-poptavka-schluter-poptavkovy-formular header.ti-nav-open > nav{ display: flex !important; }
html.page-schluter-poptavka-schluter-poptavkovy-formular header.ti-mobile-nav-header > nav a{ display: flex; align-items: center; min-height: var(--touch-target); padding: .65rem .75rem; }
@media (max-width: 47.99rem) {
  html.page-schluter-poptavka-schluter-poptavkovy-formular h1{ overflow-wrap: anywhere; }
  html.page-schluter-poptavka-schluter-poptavkovy-formular .wrap, html.page-schluter-poptavka-schluter-poptavkovy-formular .container{ width: 100%; padding-inline: clamp(1rem, 4vw, 1.5rem); }
  html.page-schluter-poptavka-schluter-poptavkovy-formular .grid, html.page-schluter-poptavka-schluter-poptavkovy-formular .cards, html.page-schluter-poptavka-schluter-poptavkovy-formular .card-grid, html.page-schluter-poptavka-schluter-poptavkovy-formular .brand-grid, html.page-schluter-poptavka-schluter-poptavkovy-formular .product-grid, html.page-schluter-poptavka-schluter-poptavkovy-formular .form-grid{ grid-template-columns: minmax(0, 1fr) !important; }
  html.page-schluter-poptavka-schluter-poptavkovy-formular table{ display: block; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
}
@media (min-width: 56.25rem) {
  html.page-schluter-poptavka-schluter-poptavkovy-formular .ti-mobile-menu-toggle{ display: none; }
  html.page-schluter-poptavka-schluter-poptavkovy-formular header.ti-mobile-nav-header{ flex-wrap: nowrap; }
  html.page-schluter-poptavka-schluter-poptavkovy-formular header.ti-mobile-nav-header > nav{ display: flex !important; width: auto; flex-direction: row; align-items: center; padding-top: 0; }
  html.page-schluter-poptavka-schluter-poptavkovy-formular header.ti-mobile-nav-header > nav a{ min-height: auto; padding: 0; }
}
@media (prefers-reduced-motion: reduce) {
  html.page-schluter-poptavka-schluter-poptavkovy-formular *, html.page-schluter-poptavka-schluter-poptavkovy-formular *::before, html.page-schluter-poptavka-schluter-poptavkovy-formular *::after{ scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}


/* Source: assets/css/top-interior-velvet-header.css */
/* Krok 97 – jednotná sametová horní lišta a logo TOP INTERIOR */
body.page-schluter-poptavka-schluter-poptavkovy-formular > header, body.page-schluter-poptavka-schluter-poptavkovy-formular > .topbar{
  background-color:#17081f!important;
  background-image:
    linear-gradient(90deg,rgba(8,3,12,.28),rgba(42,8,54,.08) 45%,rgba(8,3,12,.38)),
    url("../assets/images/top-interior-velvet-header.jpg")!important;
  background-position:center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  border-top:0!important;
  border-bottom:1px solid rgba(214,177,95,.58)!important;
  box-shadow:0 9px 28px rgba(0,0,0,.34)!important;
}

/* Hlavní logo na standardních stránkách */
body.page-schluter-poptavka-schluter-poptavkovy-formular > header .top-interior-site-logo, body.page-schluter-poptavka-schluter-poptavkovy-formular > .topbar .top-interior-site-logo{
  display:block!important;
  flex:0 0 auto!important;
  width:clamp(220px,18vw,280px)!important;
  max-width:42vw!important;
  line-height:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.page-schluter-poptavka-schluter-poptavkovy-formular > header .top-interior-site-logo img, body.page-schluter-poptavka-schluter-poptavkovy-formular > .topbar .top-interior-site-logo img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  filter:drop-shadow(0 3px 4px rgba(0,0,0,.8)) drop-shadow(0 0 8px rgba(214,177,95,.16));
}
body.page-schluter-poptavka-schluter-poptavkovy-formular > header nav a, body.page-schluter-poptavka-schluter-poptavkovy-formular > header .nav a, body.page-schluter-poptavka-schluter-poptavkovy-formular > header .back, body.page-schluter-poptavka-schluter-poptavkovy-formular > header .outline{
  color:#f3e9f5!important;
  text-shadow:0 1px 3px rgba(0,0,0,.75);
}
body.page-schluter-poptavka-schluter-poptavkovy-formular > header nav a:hover, body.page-schluter-poptavka-schluter-poptavkovy-formular > header .nav a:hover{color:#f1cf77!important}

/* Logo TOP INTERIOR doplněné do poptávkových formulářů */
html.page-schluter-poptavka-schluter-poptavkovy-formular .ti-form-site-logo{
  position:absolute;
  left:20px;
  top:50%;
  transform:translateY(-50%);
  display:block;
  width:clamp(178px,15vw,220px);
  max-width:23vw;
  line-height:0;
  z-index:2;
}
html.page-schluter-poptavka-schluter-poptavkovy-formular .ti-form-site-logo img{
  display:block;
  width:100%;
  height:auto;
  filter:drop-shadow(0 3px 4px rgba(0,0,0,.82)) drop-shadow(0 0 7px rgba(214,177,95,.14));
}
body.page-schluter-poptavka-schluter-poptavkovy-formular > header.topbar .topbar-inner, body.page-schluter-poptavka-schluter-poptavkovy-formular > .topbar .topbar-inner{
  position:relative!important;
  max-width:1500px!important;
  min-height:78px!important;
  padding-left:clamp(222px,20vw,292px)!important;
}
body.page-schluter-poptavka-schluter-poptavkovy-formular > header.topbar .brand h1, body.page-schluter-poptavka-schluter-poptavkovy-formular > header.topbar .brand p, body.page-schluter-poptavka-schluter-poptavkovy-formular > .topbar .brand h1, body.page-schluter-poptavka-schluter-poptavkovy-formular > .topbar .brand p, body.page-schluter-poptavka-schluter-poptavkovy-formular > header.topbar .brand-title h1, body.page-schluter-poptavka-schluter-poptavkovy-formular > header.topbar .brand-title p, body.page-schluter-poptavka-schluter-poptavkovy-formular > .topbar .brand-title h1, body.page-schluter-poptavka-schluter-poptavkovy-formular > .topbar .brand-title p{
  color:#fff!important;
  text-shadow:0 1px 3px rgba(0,0,0,.75)!important;
}
body.page-schluter-poptavka-schluter-poptavkovy-formular > header.topbar .brand p, body.page-schluter-poptavka-schluter-poptavkovy-formular > .topbar .brand p, body.page-schluter-poptavka-schluter-poptavkovy-formular > header.topbar .brand-title p, body.page-schluter-poptavka-schluter-poptavkovy-formular > .topbar .brand-title p{color:#ded0e5!important}
body.page-schluter-poptavka-schluter-poptavkovy-formular > header.topbar .actions .btn, body.page-schluter-poptavka-schluter-poptavkovy-formular > .topbar .actions .btn, body.page-schluter-poptavka-schluter-poptavkovy-formular > header.topbar .actions a, body.page-schluter-poptavka-schluter-poptavkovy-formular > .topbar .actions a{
  box-shadow:0 3px 10px rgba(0,0,0,.22);
}

/* Obecný značkový poptávkový formulář */
body.page-schluter-poptavka-schluter-poptavkovy-formular > header .generic-topbar-inner{
  position:relative!important;
  width:100%!important;
  max-width:1500px!important;
  margin:auto!important;
  min-height:64px!important;
  padding-left:clamp(222px,20vw,292px)!important;
}
body.page-schluter-poptavka-schluter-poptavkovy-formular > header .generic-form-brand, body.page-schluter-poptavka-schluter-poptavkovy-formular > header .generic-top-actions{color:#fff!important}

/* Interaktivní koupelna */
body.page-schluter-poptavka-schluter-poptavkovy-formular > header .ti-inline-header-logo{
  display:block;
  width:clamp(220px,20vw,292px);
  line-height:0;
  margin:0 0 10px;
}
body.page-schluter-poptavka-schluter-poptavkovy-formular > header .ti-inline-header-logo img{display:block;width:100%;height:auto;filter:drop-shadow(0 3px 4px rgba(0,0,0,.8))}
body.page-schluter-poptavka-schluter-poptavkovy-formular > header.ti-inline-header{max-width:none!important;margin:0!important;padding:14px max(24px,calc((100vw - 1760px)/2)) 15px!important}
body.page-schluter-poptavka-schluter-poptavkovy-formular > header.ti-inline-header h1{color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.75)}

@media(max-width:900px){
  body.page-schluter-poptavka-schluter-poptavkovy-formular > header .top-interior-site-logo, body.page-schluter-poptavka-schluter-poptavkovy-formular > .topbar .top-interior-site-logo{width:210px!important;max-width:60vw!important}
  body.page-schluter-poptavka-schluter-poptavkovy-formular > header.topbar .topbar-inner, body.page-schluter-poptavka-schluter-poptavkovy-formular > .topbar .topbar-inner, body.page-schluter-poptavka-schluter-poptavkovy-formular > header .generic-topbar-inner{
    padding-left:20px!important;
    min-height:0!important;
  }
  html.page-schluter-poptavka-schluter-poptavkovy-formular .ti-form-site-logo{
    position:relative;
    left:auto;top:auto;transform:none;
    width:210px;max-width:64vw;
    grid-column:1/-1;
    margin:0 0 4px;
  }
}
@media(max-width:560px){
  body.page-schluter-poptavka-schluter-poptavkovy-formular > header .top-interior-site-logo, body.page-schluter-poptavka-schluter-poptavkovy-formular > .topbar .top-interior-site-logo{width:188px!important;max-width:66vw!important}
  html.page-schluter-poptavka-schluter-poptavkovy-formular .ti-form-site-logo{width:190px}
}


/* Krok 98 – sjednocené logo, zvětšená hlavní lišta a informační doložka */
html.page-schluter-poptavka-schluter-poptavkovy-formular{
  --ti-logo-secondary-width:clamp(190px,16vw,230px);
  --ti-logo-form-width:clamp(162px,14vw,184px);
}

/* Jednotný vzhled loga na všech běžných a interních stránkách */
body.page-schluter-poptavka-schluter-poptavkovy-formular > header .top-interior-site-logo, body.page-schluter-poptavka-schluter-poptavkovy-formular > .topbar .top-interior-site-logo{
  width:var(--ti-logo-secondary-width)!important;
  max-width:min(48vw,230px)!important;
  min-width:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.page-schluter-poptavka-schluter-poptavkovy-formular > header .top-interior-site-logo img, body.page-schluter-poptavka-schluter-poptavkovy-formular > .topbar .top-interior-site-logo img, html.page-schluter-poptavka-schluter-poptavkovy-formular .ti-form-site-logo img, body.page-schluter-poptavka-schluter-poptavkovy-formular > header .ti-inline-header-logo img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  clip-path:none!important;
}

/* Hlavní stránka: lišta přibližně o 70 % vyšší a úměrně větší logo */
body.page-schluter-poptavka-schluter-poptavkovy-formular > header.ti-main-header{
  min-height:106px!important;
  padding:22px 3vw!important;
  align-items:center!important;
}
body.page-schluter-poptavka-schluter-poptavkovy-formular > header.ti-main-header .top-interior-site-logo{
  width:clamp(300px,24vw,372px)!important;
  max-width:38vw!important;
}
body.page-schluter-poptavka-schluter-poptavkovy-formular > header.ti-main-header nav{
  align-self:center!important;
}

/* Poptávkové formuláře: celé, nepřerostlé a shodné logo */
html.page-schluter-poptavka-schluter-poptavkovy-formular .ti-form-site-logo{
  position:absolute!important;
  left:22px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  display:block!important;
  width:var(--ti-logo-form-width)!important;
  max-width:184px!important;
  min-width:0!important;
  line-height:0!important;
  overflow:visible!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  z-index:3!important;
}
body.page-schluter-poptavka-schluter-poptavkovy-formular > header.topbar .topbar-inner, body.page-schluter-poptavka-schluter-poptavkovy-formular > .topbar .topbar-inner, body.page-schluter-poptavka-schluter-poptavkovy-formular > header .generic-topbar-inner{
  padding-left:clamp(212px,18vw,246px)!important;
  min-height:82px!important;
}

/* Společná informační doložka ve spodní části všech stránek */
html.page-schluter-poptavka-schluter-poptavkovy-formular .ti-site-notice{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:22px max(22px,5vw)!important;
  border-top:1px solid rgba(214,177,95,.32)!important;
  background:#09050f!important;
  color:#cfc2d5!important;
  font:400 11px/1.65 Inter,Arial,sans-serif!important;
  letter-spacing:0!important;
  text-align:left!important;
}
html.page-schluter-poptavka-schluter-poptavkovy-formular .ti-site-notice strong{
  color:#e2c577!important;
  font-weight:800!important;
}
html.page-schluter-poptavka-schluter-poptavkovy-formular .ti-site-notice p{
  max-width:1380px!important;
  margin:0 auto!important;
}

@media(max-width:1180px){
  body.page-schluter-poptavka-schluter-poptavkovy-formular > header.ti-main-header{
    min-height:0!important;
    padding:19px 3vw!important;
  }
  body.page-schluter-poptavka-schluter-poptavkovy-formular > header.ti-main-header .top-interior-site-logo{
    width:clamp(270px,34vw,340px)!important;
    max-width:58vw!important;
  }
}
@media(max-width:900px){
  body.page-schluter-poptavka-schluter-poptavkovy-formular > header .top-interior-site-logo, body.page-schluter-poptavka-schluter-poptavkovy-formular > .topbar .top-interior-site-logo{
    width:210px!important;
    max-width:64vw!important;
  }
  body.page-schluter-poptavka-schluter-poptavkovy-formular > header.ti-main-header{
    padding:18px 20px!important;
  }
  body.page-schluter-poptavka-schluter-poptavkovy-formular > header.ti-main-header .top-interior-site-logo{
    width:260px!important;
    max-width:72vw!important;
  }
  body.page-schluter-poptavka-schluter-poptavkovy-formular > header.topbar .topbar-inner, body.page-schluter-poptavka-schluter-poptavkovy-formular > .topbar .topbar-inner, body.page-schluter-poptavka-schluter-poptavkovy-formular > header .generic-topbar-inner{
    padding-left:20px!important;
    min-height:0!important;
  }
  html.page-schluter-poptavka-schluter-poptavkovy-formular .ti-form-site-logo{
    position:relative!important;
    left:auto!important;
    top:auto!important;
    transform:none!important;
    width:184px!important;
    max-width:56vw!important;
    grid-column:1/-1!important;
    margin:0 0 8px!important;
  }
}
@media(max-width:560px){
  body.page-schluter-poptavka-schluter-poptavkovy-formular > header.ti-main-header .top-interior-site-logo{
    width:232px!important;
    max-width:78vw!important;
  }
  html.page-schluter-poptavka-schluter-poptavkovy-formular .ti-form-site-logo{
    width:172px!important;
    max-width:62vw!important;
  }
  html.page-schluter-poptavka-schluter-poptavkovy-formular .ti-site-notice{
    padding:18px 17px!important;
    font-size:10.5px!important;
  }
}


/* Krok 99 – kompaktnější hlavní lišta a dvouřádkové hlavičky poptávek */
html.page-schluter-poptavka-schluter-poptavkovy-formular{
  --ti-logo-shared-width:clamp(300px,24vw,372px);
}

/* Jedna velikost a jeden vzhled loga na všech stránkách. */
body.page-schluter-poptavka-schluter-poptavkovy-formular > header .top-interior-site-logo, body.page-schluter-poptavka-schluter-poptavkovy-formular > .topbar .top-interior-site-logo, html.page-schluter-poptavka-schluter-poptavkovy-formular .ti-form-site-logo, body.page-schluter-poptavka-schluter-poptavkovy-formular > header .ti-inline-header-logo{
  width:var(--ti-logo-shared-width)!important;
  max-width:38vw!important;
  min-width:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  line-height:0!important;
}
body.page-schluter-poptavka-schluter-poptavkovy-formular > header .top-interior-site-logo img, body.page-schluter-poptavka-schluter-poptavkovy-formular > .topbar .top-interior-site-logo img, html.page-schluter-poptavka-schluter-poptavkovy-formular .ti-form-site-logo img, body.page-schluter-poptavka-schluter-poptavkovy-formular > header .ti-inline-header-logo img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:left center!important;
  clip-path:none!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* Hlavní stránka: lišta o přibližně 10 % nižší, velikost loga zůstává. */
body.page-schluter-poptavka-schluter-poptavkovy-formular > header.ti-main-header, body.page-schluter-poptavka-schluter-poptavkovy-formular > header.ti-request-hub-header{
  min-height:96px!important;
  padding:20px 3vw!important;
  align-items:center!important;
}
body.page-schluter-poptavka-schluter-poptavkovy-formular > header.ti-main-header .top-interior-site-logo, body.page-schluter-poptavka-schluter-poptavkovy-formular > header.ti-request-hub-header .top-interior-site-logo{
  width:var(--ti-logo-shared-width)!important;
  max-width:38vw!important;
}

/* Poptávkové formuláře: logo je samostatně v prvním řádku vlevo. */
body.page-schluter-poptavka-schluter-poptavkovy-formular > header.topbar .topbar-inner, body.page-schluter-poptavka-schluter-poptavkovy-formular > .topbar .topbar-inner{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-areas:
    "ti-logo ti-logo"
    "ti-brand ti-actions"!important;
  align-items:center!important;
  column-gap:22px!important;
  row-gap:13px!important;
  width:100%!important;
  max-width:none!important;
  padding:18px 3vw!important;
  min-height:0!important;
}
body.page-schluter-poptavka-schluter-poptavkovy-formular > header.topbar .topbar-inner > .ti-form-site-logo, body.page-schluter-poptavka-schluter-poptavkovy-formular > .topbar .topbar-inner > .ti-form-site-logo{
  grid-area:ti-logo!important;
  position:relative!important;
  left:auto!important;
  top:auto!important;
  transform:none!important;
  justify-self:start!important;
  align-self:start!important;
  display:block!important;
  width:var(--ti-logo-shared-width)!important;
  max-width:38vw!important;
  margin:0!important;
  z-index:3!important;
}
body.page-schluter-poptavka-schluter-poptavkovy-formular > header.topbar .topbar-inner > .brand, body.page-schluter-poptavka-schluter-poptavkovy-formular > .topbar .topbar-inner > .brand, body.page-schluter-poptavka-schluter-poptavkovy-formular > header.topbar .topbar-inner > .brand-title, body.page-schluter-poptavka-schluter-poptavkovy-formular > .topbar .topbar-inner > .brand-title{
  grid-area:ti-brand!important;
  min-width:0!important;
}
body.page-schluter-poptavka-schluter-poptavkovy-formular > header.topbar .topbar-inner > .actions, body.page-schluter-poptavka-schluter-poptavkovy-formular > .topbar .topbar-inner > .actions{
  grid-area:ti-actions!important;
  align-self:center!important;
}

/* Obecný značkový formulář používá stejné dvouřádkové rozložení. */
body.page-schluter-poptavka-schluter-poptavkovy-formular > header .generic-topbar-inner{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-areas:
    "ti-logo ti-logo"
    "ti-brand ti-actions"!important;
  align-items:center!important;
  column-gap:22px!important;
  row-gap:13px!important;
  width:100%!important;
  max-width:none!important;
  margin:auto!important;
  padding:18px 3vw!important;
  min-height:0!important;
}
body.page-schluter-poptavka-schluter-poptavkovy-formular > header .generic-topbar-inner > .ti-form-site-logo{
  grid-area:ti-logo!important;
  position:relative!important;
  left:auto!important;
  top:auto!important;
  transform:none!important;
  justify-self:start!important;
  width:var(--ti-logo-shared-width)!important;
  max-width:38vw!important;
  margin:0!important;
}
body.page-schluter-poptavka-schluter-poptavkovy-formular > header .generic-topbar-inner > .generic-form-brand{grid-area:ti-brand!important}
body.page-schluter-poptavka-schluter-poptavkovy-formular > header .generic-topbar-inner > .generic-top-actions{grid-area:ti-actions!important}

/* Centrum E-shop / Poptávky má stejnou hlavičku jako hlavní stránka. */
body.page-schluter-poptavka-schluter-poptavkovy-formular > header.ti-request-hub-header{
  display:flex!important;
  justify-content:space-between!important;
  gap:24px!important;
}
body.page-schluter-poptavka-schluter-poptavkovy-formular > header.ti-request-hub-header .back{
  flex:0 0 auto!important;
}

@media(max-width:1180px){
  html.page-schluter-poptavka-schluter-poptavkovy-formular{--ti-logo-shared-width:clamp(270px,34vw,340px)}
  body.page-schluter-poptavka-schluter-poptavkovy-formular > header.ti-main-header, body.page-schluter-poptavka-schluter-poptavkovy-formular > header.ti-request-hub-header{min-height:0!important;padding:17px 3vw!important}
  body.page-schluter-poptavka-schluter-poptavkovy-formular > header .top-interior-site-logo, body.page-schluter-poptavka-schluter-poptavkovy-formular > .topbar .top-interior-site-logo, html.page-schluter-poptavka-schluter-poptavkovy-formular .ti-form-site-logo, body.page-schluter-poptavka-schluter-poptavkovy-formular > header .ti-inline-header-logo{max-width:58vw!important}

  body.page-schluter-poptavka-schluter-poptavkovy-formular > header.topbar .topbar-inner, body.page-schluter-poptavka-schluter-poptavkovy-formular > .topbar .topbar-inner, body.page-schluter-poptavka-schluter-poptavkovy-formular > header .generic-topbar-inner{
    grid-template-columns:1fr!important;
    grid-template-areas:"ti-logo" "ti-brand" "ti-actions"!important;
  }
  body.page-schluter-poptavka-schluter-poptavkovy-formular > header.topbar .topbar-inner > .actions, body.page-schluter-poptavka-schluter-poptavkovy-formular > .topbar .topbar-inner > .actions, body.page-schluter-poptavka-schluter-poptavkovy-formular > header .generic-topbar-inner > .generic-top-actions{
    width:100%!important;
    max-width:100%!important;
    justify-self:start!important;
    justify-content:flex-start!important;
  }
}
@media(max-width:900px){
  html.page-schluter-poptavka-schluter-poptavkovy-formular{--ti-logo-shared-width:260px}
  body.page-schluter-poptavka-schluter-poptavkovy-formular > header.ti-main-header, body.page-schluter-poptavka-schluter-poptavkovy-formular > header.ti-request-hub-header{padding:16px 20px!important}
  body.page-schluter-poptavka-schluter-poptavkovy-formular > header .top-interior-site-logo, body.page-schluter-poptavka-schluter-poptavkovy-formular > .topbar .top-interior-site-logo, html.page-schluter-poptavka-schluter-poptavkovy-formular .ti-form-site-logo, body.page-schluter-poptavka-schluter-poptavkovy-formular > header .ti-inline-header-logo{max-width:72vw!important}
  body.page-schluter-poptavka-schluter-poptavkovy-formular > header.topbar .topbar-inner, body.page-schluter-poptavka-schluter-poptavkovy-formular > .topbar .topbar-inner, body.page-schluter-poptavka-schluter-poptavkovy-formular > header .generic-topbar-inner{
    grid-template-columns:1fr!important;
    grid-template-areas:"ti-logo" "ti-brand" "ti-actions"!important;
    padding:16px 20px!important;
  }
  body.page-schluter-poptavka-schluter-poptavkovy-formular > header.topbar .topbar-inner > .actions, body.page-schluter-poptavka-schluter-poptavkovy-formular > .topbar .topbar-inner > .actions, body.page-schluter-poptavka-schluter-poptavkovy-formular > header .generic-topbar-inner > .generic-top-actions{
    justify-self:start!important;
    justify-content:flex-start!important;
  }
  body.page-schluter-poptavka-schluter-poptavkovy-formular > header.ti-request-hub-header{
    flex-wrap:wrap!important;
  }
}
@media(max-width:560px){
  html.page-schluter-poptavka-schluter-poptavkovy-formular{--ti-logo-shared-width:232px}
  body.page-schluter-poptavka-schluter-poptavkovy-formular > header .top-interior-site-logo, body.page-schluter-poptavka-schluter-poptavkovy-formular > .topbar .top-interior-site-logo, html.page-schluter-poptavka-schluter-poptavkovy-formular .ti-form-site-logo, body.page-schluter-poptavka-schluter-poptavkovy-formular > header .ti-inline-header-logo{max-width:78vw!important}
}


/* Krok 113 – společné logo TOP INTERIOR by JOVEE Services */
html.page-schluter-poptavka-schluter-poptavkovy-formular{--ti-combined-logo-width:clamp(370px,31vw,500px)}
body.page-schluter-poptavka-schluter-poptavkovy-formular > header .top-interior-site-logo, body.page-schluter-poptavka-schluter-poptavkovy-formular > .topbar .top-interior-site-logo, html.page-schluter-poptavka-schluter-poptavkovy-formular .ti-form-site-logo, body.page-schluter-poptavka-schluter-poptavkovy-formular > header .ti-inline-header-logo{
  width:var(--ti-combined-logo-width)!important;
  max-width:46vw!important;
}
body.page-schluter-poptavka-schluter-poptavkovy-formular > header.ti-main-header .top-interior-site-logo, body.page-schluter-poptavka-schluter-poptavkovy-formular > header.ti-request-hub-header .top-interior-site-logo{
  width:clamp(410px,34vw,535px)!important;
  max-width:48vw!important;
}
body.page-schluter-poptavka-schluter-poptavkovy-formular > header .top-interior-site-logo img, body.page-schluter-poptavka-schluter-poptavkovy-formular > .topbar .top-interior-site-logo img, html.page-schluter-poptavka-schluter-poptavkovy-formular .ti-form-site-logo img, body.page-schluter-poptavka-schluter-poptavkovy-formular > header .ti-inline-header-logo img{
  filter:none!important;
  object-fit:contain!important;
  object-position:left center!important;
}
body.page-schluter-poptavka-schluter-poptavkovy-formular > header.ti-main-header, body.page-schluter-poptavka-schluter-poptavkovy-formular > header.ti-request-hub-header{
  padding-top:12px!important;
  padding-bottom:12px!important;
}
@media(max-width:1180px){
  html.page-schluter-poptavka-schluter-poptavkovy-formular{--ti-combined-logo-width:clamp(330px,43vw,450px)}
  body.page-schluter-poptavka-schluter-poptavkovy-formular > header.ti-main-header .top-interior-site-logo, body.page-schluter-poptavka-schluter-poptavkovy-formular > header.ti-request-hub-header .top-interior-site-logo{width:clamp(350px,48vw,465px)!important;max-width:58vw!important}
}
@media(max-width:900px){
  html.page-schluter-poptavka-schluter-poptavkovy-formular{--ti-combined-logo-width:320px}
  body.page-schluter-poptavka-schluter-poptavkovy-formular > header.ti-main-header .top-interior-site-logo, body.page-schluter-poptavka-schluter-poptavkovy-formular > header.ti-request-hub-header .top-interior-site-logo{width:340px!important;max-width:78vw!important}
}
@media(max-width:560px){
  html.page-schluter-poptavka-schluter-poptavkovy-formular{--ti-combined-logo-width:280px}
  body.page-schluter-poptavka-schluter-poptavkovy-formular > header.ti-main-header .top-interior-site-logo, body.page-schluter-poptavka-schluter-poptavkovy-formular > header.ti-request-hub-header .top-interior-site-logo{width:300px!important;max-width:86vw!important}
}

/* Krok 115 – vyvážená výška hlavní lišty pro společné logo */
html.page-schluter-poptavka-schluter-poptavkovy-formular{
  --ti-combined-logo-width:clamp(330px,25vw,390px);
}

/* Běžné interní stránky a formuláře: čitelné logo bez přerůstání. */
body.page-schluter-poptavka-schluter-poptavkovy-formular > header .top-interior-site-logo, body.page-schluter-poptavka-schluter-poptavkovy-formular > .topbar .top-interior-site-logo, html.page-schluter-poptavka-schluter-poptavkovy-formular .ti-form-site-logo, body.page-schluter-poptavka-schluter-poptavkovy-formular > header .ti-inline-header-logo{
  width:var(--ti-combined-logo-width)!important;
  max-width:42vw!important;
}

/* Hlavní navigační lišta: návrat k původní vyvážené výšce. */
body.page-schluter-poptavka-schluter-poptavkovy-formular > header.ti-main-header, body.page-schluter-poptavka-schluter-poptavkovy-formular > header.ti-request-hub-header{
  min-height:112px!important;
  padding:9px 3vw!important;
  align-items:center!important;
}
body.page-schluter-poptavka-schluter-poptavkovy-formular > header.ti-main-header .top-interior-site-logo, body.page-schluter-poptavka-schluter-poptavkovy-formular > header.ti-request-hub-header .top-interior-site-logo{
  width:clamp(360px,27vw,420px)!important;
  max-width:43vw!important;
}
body.page-schluter-poptavka-schluter-poptavkovy-formular > header.ti-main-header nav{
  gap:clamp(12px,1.15vw,20px)!important;
  font-size:clamp(11px,.72vw,13px)!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
}
body.page-schluter-poptavka-schluter-poptavkovy-formular > header.ti-main-header nav a{white-space:nowrap!important}

@media(max-width:1180px){
  html.page-schluter-poptavka-schluter-poptavkovy-formular{--ti-combined-logo-width:clamp(300px,31vw,350px)}
  body.page-schluter-poptavka-schluter-poptavkovy-formular > header.ti-main-header, body.page-schluter-poptavka-schluter-poptavkovy-formular > header.ti-request-hub-header{
    min-height:100px!important;
    padding:9px 3vw!important;
  }
  body.page-schluter-poptavka-schluter-poptavkovy-formular > header.ti-main-header .top-interior-site-logo, body.page-schluter-poptavka-schluter-poptavkovy-formular > header.ti-request-hub-header .top-interior-site-logo{
    width:clamp(310px,32vw,365px)!important;
    max-width:42vw!important;
  }
  body.page-schluter-poptavka-schluter-poptavkovy-formular > header.ti-main-header nav{
    gap:10px!important;
    font-size:11px!important;
  }
}
@media(max-width:900px){
  html.page-schluter-poptavka-schluter-poptavkovy-formular{--ti-combined-logo-width:290px}
  body.page-schluter-poptavka-schluter-poptavkovy-formular > header.ti-main-header, body.page-schluter-poptavka-schluter-poptavkovy-formular > header.ti-request-hub-header{
    min-height:0!important;
    padding:12px 20px!important;
  }
  body.page-schluter-poptavka-schluter-poptavkovy-formular > header.ti-main-header .top-interior-site-logo, body.page-schluter-poptavka-schluter-poptavkovy-formular > header.ti-request-hub-header .top-interior-site-logo{
    width:300px!important;
    max-width:76vw!important;
  }
}
@media(max-width:560px){
  html.page-schluter-poptavka-schluter-poptavkovy-formular{--ti-combined-logo-width:255px}
  body.page-schluter-poptavka-schluter-poptavkovy-formular > header.ti-main-header, body.page-schluter-poptavka-schluter-poptavkovy-formular > header.ti-request-hub-header{padding:10px 16px!important}
  body.page-schluter-poptavka-schluter-poptavkovy-formular > header.ti-main-header .top-interior-site-logo, body.page-schluter-poptavka-schluter-poptavkovy-formular > header.ti-request-hub-header .top-interior-site-logo{
    width:268px!important;
    max-width:82vw!important;
  }
}


/* ===== schluter-shop.html ===== */

/* Source: assets/css/schluter-shop.css */
/* Source style block 1 */
html.page-schluter-shop{--bg:#160b22;--panel:#28153a;--gold:#d6b15f;--text:#f6eef7;--muted:#c6b8cd;--line:rgba(214,177,95,.25)}
html.page-schluter-shop *{box-sizing:border-box}html.page-schluter-shop{scroll-behavior:smooth}body.page-schluter-shop{margin:0;font-family:Arial,sans-serif;background:linear-gradient(180deg,#160b22,#28143a);color:var(--text)}
html.page-schluter-shop a{text-decoration:none;color:inherit}html.page-schluter-shop .wrap{max-width:1400px;margin:auto;padding-left:5vw;padding-right:5vw}
html.page-schluter-shop header{position:sticky;top:0;z-index:30;display:flex;justify-content:space-between;align-items:center;padding:16px 5vw;background:rgba(22,11,34,.96);border-bottom:1px solid var(--line)}
html.page-schluter-shop .logo{color:var(--gold);font-weight:900;letter-spacing:.08em}html.page-schluter-shop .nav{display:flex;gap:8px;flex-wrap:wrap}html.page-schluter-shop .btn, html.page-schluter-shop .outline{display:inline-flex;align-items:center;justify-content:center;padding:11px 14px;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.06em}
html.page-schluter-shop .btn{background:var(--gold);color:#281437}html.page-schluter-shop .outline{border:1px solid var(--gold);color:var(--gold)}
html.page-schluter-shop .hero{padding-top:70px;padding-bottom:42px}html.page-schluter-shop .eyebrow{color:var(--gold);font-size:11px;text-transform:uppercase;letter-spacing:.16em;font-weight:850}
html.page-schluter-shop h1, html.page-schluter-shop h2, html.page-schluter-shop h3{font-family:Georgia,serif;font-weight:500}html.page-schluter-shop h1{font-size:clamp(46px,7vw,90px);line-height:.94;margin:17px 0}html.page-schluter-shop h2{font-size:clamp(34px,4vw,58px);margin:0 0 18px}
html.page-schluter-shop p{color:var(--muted);line-height:1.65}html.page-schluter-shop .panel{background:rgba(255,255,255,.045);border:1px solid var(--line)}html.page-schluter-shop input, html.page-schluter-shop select, html.page-schluter-shop textarea{width:100%;padding:11px;background:#12091b;border:1px solid var(--line);color:#fff}
html.page-schluter-shop button{font:inherit;cursor:pointer}html.page-schluter-shop .notice{padding:16px 18px;border-left:4px solid var(--gold);background:rgba(214,177,95,.08);color:#d8cadf;font-size:13px;line-height:1.55}
html.page-schluter-shop footer{margin-top:70px;padding:26px 5vw;border-top:1px solid var(--line);color:#aa9cb2;font-size:12px}

    html.page-schluter-shop .layout{display:grid;grid-template-columns:1fr 370px;gap:18px;padding-bottom:70px}html.page-schluter-shop .items{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
    html.page-schluter-shop .item{padding:20px}html.page-schluter-shop .item h3{color:var(--gold);font-size:21px;margin:8px 0}html.page-schluter-shop .meta{font-size:11px;color:#b7a8bf}html.page-schluter-shop .controls{display:grid;grid-template-columns:1.4fr .6fr;gap:8px;margin-top:14px}
    html.page-schluter-shop .controls button{grid-column:1/-1;border:0;background:var(--gold);color:#281437;padding:11px;font-weight:900}html.page-schluter-shop .cart{padding:22px;position:sticky;top:82px;align-self:start}
    html.page-schluter-shop .cartitem{padding:10px;border:1px solid var(--line);margin-bottom:8px}html.page-schluter-shop .cartitem b{display:block}html.page-schluter-shop .cartitem span{font-size:11px;color:#b7a8bf}
    @media(max-width:900px){html.page-schluter-shop .layout{grid-template-columns:1fr}html.page-schluter-shop .cart{position:static}}@media(max-width:620px){html.page-schluter-shop .items{grid-template-columns:1fr}}
    
/* Krok 96 – jednotné obrazové logo TOP INTERIOR */
html.page-schluter-shop header{padding-top:10px!important;padding-bottom:10px!important;}
html.page-schluter-shop .logo.top-interior-site-logo, html.page-schluter-shop .visoft-page-logo.top-interior-site-logo{
  display:block!important;
  width:clamp(152px,16vw,184px)!important;
  line-height:0!important;
  overflow:hidden!important;
  border:1px solid rgba(214,177,95,.44)!important;
  border-radius:3px!important;
  background:#180a23!important;
  box-shadow:0 7px 21px rgba(0,0,0,.28)!important;
}
html.page-schluter-shop .logo.top-interior-site-logo img, html.page-schluter-shop .visoft-page-logo.top-interior-site-logo img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:1610/630!important;
  object-fit:cover!important;
}
@media(max-width:520px){
  html.page-schluter-shop .logo.top-interior-site-logo, html.page-schluter-shop .visoft-page-logo.top-interior-site-logo{width:142px!important;}
}


/* Source: assets/css/site-responsive.css */
/* Shared responsive and accessibility layer. Mobile-first; page-specific CSS remains unchanged. */
html.page-schluter-shop{ --touch-target: 2.75rem; }
html.page-schluter-shop{ width: 100%; overflow-x: hidden; -webkit-text-size-adjust: 100%; }
body.page-schluter-shop{ width: 100%; min-width: 0; overflow-x: clip; }
html.page-schluter-shop img, html.page-schluter-shop picture, html.page-schluter-shop video, html.page-schluter-shop canvas, html.page-schluter-shop svg{ display: block; max-width: 100%; height: auto; }
html.page-schluter-shop iframe{ max-width: 100%; }
html.page-schluter-shop main, html.page-schluter-shop section, html.page-schluter-shop article, html.page-schluter-shop header, html.page-schluter-shop footer, html.page-schluter-shop nav, html.page-schluter-shop form, html.page-schluter-shop fieldset, html.page-schluter-shop .wrap, html.page-schluter-shop .container{ min-width: 0; }
html.page-schluter-shop button, html.page-schluter-shop input, html.page-schluter-shop select, html.page-schluter-shop textarea{ max-width: 100%; font: inherit; }
html.page-schluter-shop button, html.page-schluter-shop input[type="button"], html.page-schluter-shop input[type="submit"], html.page-schluter-shop input[type="reset"], html.page-schluter-shop select, html.page-schluter-shop .btn, html.page-schluter-shop .button, html.page-schluter-shop [role="button"]{ min-height: var(--touch-target); }
html.page-schluter-shop textarea{ min-height: 7rem; resize: vertical; }
html.page-schluter-shop .ti-mobile-menu-toggle{
  display: inline-flex; align-items: center; justify-content: center; gap: .5rem;
  min-width: var(--touch-target); min-height: var(--touch-target); padding: .65rem .8rem;
  border: 1px solid rgba(214,177,95,.7); background: rgba(18,8,28,.72);
  color: #f4ead0; font-weight: 800; cursor: pointer;
}
html.page-schluter-shop .ti-mobile-menu-toggle__icon, html.page-schluter-shop .ti-mobile-menu-toggle__icon::before, html.page-schluter-shop .ti-mobile-menu-toggle__icon::after{
  display: block; width: 1.25rem; height: .125rem; background: currentColor; content: ""; transition: transform .2s ease;
}
html.page-schluter-shop .ti-mobile-menu-toggle__icon{ position: relative; }
html.page-schluter-shop .ti-mobile-menu-toggle__icon::before{ position: absolute; top: -.4rem; }
html.page-schluter-shop .ti-mobile-menu-toggle__icon::after{ position: absolute; top: .4rem; }
html.page-schluter-shop header.ti-mobile-nav-header{ flex-wrap: wrap; }
html.page-schluter-shop header.ti-mobile-nav-header > nav{ display: none !important; width: 100%; flex-direction: column; align-items: stretch; gap: .25rem; padding-top: .75rem; }
html.page-schluter-shop header.ti-nav-open > nav{ display: flex !important; }
html.page-schluter-shop header.ti-mobile-nav-header > nav a{ display: flex; align-items: center; min-height: var(--touch-target); padding: .65rem .75rem; }
@media (max-width: 47.99rem) {
  html.page-schluter-shop h1{ overflow-wrap: anywhere; }
  html.page-schluter-shop .wrap, html.page-schluter-shop .container{ width: 100%; padding-inline: clamp(1rem, 4vw, 1.5rem); }
  html.page-schluter-shop .grid, html.page-schluter-shop .cards, html.page-schluter-shop .card-grid, html.page-schluter-shop .brand-grid, html.page-schluter-shop .product-grid, html.page-schluter-shop .form-grid{ grid-template-columns: minmax(0, 1fr) !important; }
  html.page-schluter-shop table{ display: block; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
}
@media (min-width: 56.25rem) {
  html.page-schluter-shop .ti-mobile-menu-toggle{ display: none; }
  html.page-schluter-shop header.ti-mobile-nav-header{ flex-wrap: nowrap; }
  html.page-schluter-shop header.ti-mobile-nav-header > nav{ display: flex !important; width: auto; flex-direction: row; align-items: center; padding-top: 0; }
  html.page-schluter-shop header.ti-mobile-nav-header > nav a{ min-height: auto; padding: 0; }
}
@media (prefers-reduced-motion: reduce) {
  html.page-schluter-shop *, html.page-schluter-shop *::before, html.page-schluter-shop *::after{ scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}


/* Source: assets/css/top-interior-velvet-header.css */
/* Krok 97 – jednotná sametová horní lišta a logo TOP INTERIOR */
body.page-schluter-shop > header, body.page-schluter-shop > .topbar{
  background-color:#17081f!important;
  background-image:
    linear-gradient(90deg,rgba(8,3,12,.28),rgba(42,8,54,.08) 45%,rgba(8,3,12,.38)),
    url("../assets/images/top-interior-velvet-header.jpg")!important;
  background-position:center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  border-top:0!important;
  border-bottom:1px solid rgba(214,177,95,.58)!important;
  box-shadow:0 9px 28px rgba(0,0,0,.34)!important;
}

/* Hlavní logo na standardních stránkách */
body.page-schluter-shop > header .top-interior-site-logo, body.page-schluter-shop > .topbar .top-interior-site-logo{
  display:block!important;
  flex:0 0 auto!important;
  width:clamp(220px,18vw,280px)!important;
  max-width:42vw!important;
  line-height:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.page-schluter-shop > header .top-interior-site-logo img, body.page-schluter-shop > .topbar .top-interior-site-logo img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  filter:drop-shadow(0 3px 4px rgba(0,0,0,.8)) drop-shadow(0 0 8px rgba(214,177,95,.16));
}
body.page-schluter-shop > header nav a, body.page-schluter-shop > header .nav a, body.page-schluter-shop > header .back, body.page-schluter-shop > header .outline{
  color:#f3e9f5!important;
  text-shadow:0 1px 3px rgba(0,0,0,.75);
}
body.page-schluter-shop > header nav a:hover, body.page-schluter-shop > header .nav a:hover{color:#f1cf77!important}

/* Logo TOP INTERIOR doplněné do poptávkových formulářů */
html.page-schluter-shop .ti-form-site-logo{
  position:absolute;
  left:20px;
  top:50%;
  transform:translateY(-50%);
  display:block;
  width:clamp(178px,15vw,220px);
  max-width:23vw;
  line-height:0;
  z-index:2;
}
html.page-schluter-shop .ti-form-site-logo img{
  display:block;
  width:100%;
  height:auto;
  filter:drop-shadow(0 3px 4px rgba(0,0,0,.82)) drop-shadow(0 0 7px rgba(214,177,95,.14));
}
body.page-schluter-shop > header.topbar .topbar-inner, body.page-schluter-shop > .topbar .topbar-inner{
  position:relative!important;
  max-width:1500px!important;
  min-height:78px!important;
  padding-left:clamp(222px,20vw,292px)!important;
}
body.page-schluter-shop > header.topbar .brand h1, body.page-schluter-shop > header.topbar .brand p, body.page-schluter-shop > .topbar .brand h1, body.page-schluter-shop > .topbar .brand p, body.page-schluter-shop > header.topbar .brand-title h1, body.page-schluter-shop > header.topbar .brand-title p, body.page-schluter-shop > .topbar .brand-title h1, body.page-schluter-shop > .topbar .brand-title p{
  color:#fff!important;
  text-shadow:0 1px 3px rgba(0,0,0,.75)!important;
}
body.page-schluter-shop > header.topbar .brand p, body.page-schluter-shop > .topbar .brand p, body.page-schluter-shop > header.topbar .brand-title p, body.page-schluter-shop > .topbar .brand-title p{color:#ded0e5!important}
body.page-schluter-shop > header.topbar .actions .btn, body.page-schluter-shop > .topbar .actions .btn, body.page-schluter-shop > header.topbar .actions a, body.page-schluter-shop > .topbar .actions a{
  box-shadow:0 3px 10px rgba(0,0,0,.22);
}

/* Obecný značkový poptávkový formulář */
body.page-schluter-shop > header .generic-topbar-inner{
  position:relative!important;
  width:100%!important;
  max-width:1500px!important;
  margin:auto!important;
  min-height:64px!important;
  padding-left:clamp(222px,20vw,292px)!important;
}
body.page-schluter-shop > header .generic-form-brand, body.page-schluter-shop > header .generic-top-actions{color:#fff!important}

/* Interaktivní koupelna */
body.page-schluter-shop > header .ti-inline-header-logo{
  display:block;
  width:clamp(220px,20vw,292px);
  line-height:0;
  margin:0 0 10px;
}
body.page-schluter-shop > header .ti-inline-header-logo img{display:block;width:100%;height:auto;filter:drop-shadow(0 3px 4px rgba(0,0,0,.8))}
body.page-schluter-shop > header.ti-inline-header{max-width:none!important;margin:0!important;padding:14px max(24px,calc((100vw - 1760px)/2)) 15px!important}
body.page-schluter-shop > header.ti-inline-header h1{color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.75)}

@media(max-width:900px){
  body.page-schluter-shop > header .top-interior-site-logo, body.page-schluter-shop > .topbar .top-interior-site-logo{width:210px!important;max-width:60vw!important}
  body.page-schluter-shop > header.topbar .topbar-inner, body.page-schluter-shop > .topbar .topbar-inner, body.page-schluter-shop > header .generic-topbar-inner{
    padding-left:20px!important;
    min-height:0!important;
  }
  html.page-schluter-shop .ti-form-site-logo{
    position:relative;
    left:auto;top:auto;transform:none;
    width:210px;max-width:64vw;
    grid-column:1/-1;
    margin:0 0 4px;
  }
}
@media(max-width:560px){
  body.page-schluter-shop > header .top-interior-site-logo, body.page-schluter-shop > .topbar .top-interior-site-logo{width:188px!important;max-width:66vw!important}
  html.page-schluter-shop .ti-form-site-logo{width:190px}
}


/* Krok 98 – sjednocené logo, zvětšená hlavní lišta a informační doložka */
html.page-schluter-shop{
  --ti-logo-secondary-width:clamp(190px,16vw,230px);
  --ti-logo-form-width:clamp(162px,14vw,184px);
}

/* Jednotný vzhled loga na všech běžných a interních stránkách */
body.page-schluter-shop > header .top-interior-site-logo, body.page-schluter-shop > .topbar .top-interior-site-logo{
  width:var(--ti-logo-secondary-width)!important;
  max-width:min(48vw,230px)!important;
  min-width:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.page-schluter-shop > header .top-interior-site-logo img, body.page-schluter-shop > .topbar .top-interior-site-logo img, html.page-schluter-shop .ti-form-site-logo img, body.page-schluter-shop > header .ti-inline-header-logo img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  clip-path:none!important;
}

/* Hlavní stránka: lišta přibližně o 70 % vyšší a úměrně větší logo */
body.page-schluter-shop > header.ti-main-header{
  min-height:106px!important;
  padding:22px 3vw!important;
  align-items:center!important;
}
body.page-schluter-shop > header.ti-main-header .top-interior-site-logo{
  width:clamp(300px,24vw,372px)!important;
  max-width:38vw!important;
}
body.page-schluter-shop > header.ti-main-header nav{
  align-self:center!important;
}

/* Poptávkové formuláře: celé, nepřerostlé a shodné logo */
html.page-schluter-shop .ti-form-site-logo{
  position:absolute!important;
  left:22px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  display:block!important;
  width:var(--ti-logo-form-width)!important;
  max-width:184px!important;
  min-width:0!important;
  line-height:0!important;
  overflow:visible!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  z-index:3!important;
}
body.page-schluter-shop > header.topbar .topbar-inner, body.page-schluter-shop > .topbar .topbar-inner, body.page-schluter-shop > header .generic-topbar-inner{
  padding-left:clamp(212px,18vw,246px)!important;
  min-height:82px!important;
}

/* Společná informační doložka ve spodní části všech stránek */
html.page-schluter-shop .ti-site-notice{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:22px max(22px,5vw)!important;
  border-top:1px solid rgba(214,177,95,.32)!important;
  background:#09050f!important;
  color:#cfc2d5!important;
  font:400 11px/1.65 Inter,Arial,sans-serif!important;
  letter-spacing:0!important;
  text-align:left!important;
}
html.page-schluter-shop .ti-site-notice strong{
  color:#e2c577!important;
  font-weight:800!important;
}
html.page-schluter-shop .ti-site-notice p{
  max-width:1380px!important;
  margin:0 auto!important;
}

@media(max-width:1180px){
  body.page-schluter-shop > header.ti-main-header{
    min-height:0!important;
    padding:19px 3vw!important;
  }
  body.page-schluter-shop > header.ti-main-header .top-interior-site-logo{
    width:clamp(270px,34vw,340px)!important;
    max-width:58vw!important;
  }
}
@media(max-width:900px){
  body.page-schluter-shop > header .top-interior-site-logo, body.page-schluter-shop > .topbar .top-interior-site-logo{
    width:210px!important;
    max-width:64vw!important;
  }
  body.page-schluter-shop > header.ti-main-header{
    padding:18px 20px!important;
  }
  body.page-schluter-shop > header.ti-main-header .top-interior-site-logo{
    width:260px!important;
    max-width:72vw!important;
  }
  body.page-schluter-shop > header.topbar .topbar-inner, body.page-schluter-shop > .topbar .topbar-inner, body.page-schluter-shop > header .generic-topbar-inner{
    padding-left:20px!important;
    min-height:0!important;
  }
  html.page-schluter-shop .ti-form-site-logo{
    position:relative!important;
    left:auto!important;
    top:auto!important;
    transform:none!important;
    width:184px!important;
    max-width:56vw!important;
    grid-column:1/-1!important;
    margin:0 0 8px!important;
  }
}
@media(max-width:560px){
  body.page-schluter-shop > header.ti-main-header .top-interior-site-logo{
    width:232px!important;
    max-width:78vw!important;
  }
  html.page-schluter-shop .ti-form-site-logo{
    width:172px!important;
    max-width:62vw!important;
  }
  html.page-schluter-shop .ti-site-notice{
    padding:18px 17px!important;
    font-size:10.5px!important;
  }
}


/* Krok 99 – kompaktnější hlavní lišta a dvouřádkové hlavičky poptávek */
html.page-schluter-shop{
  --ti-logo-shared-width:clamp(300px,24vw,372px);
}

/* Jedna velikost a jeden vzhled loga na všech stránkách. */
body.page-schluter-shop > header .top-interior-site-logo, body.page-schluter-shop > .topbar .top-interior-site-logo, html.page-schluter-shop .ti-form-site-logo, body.page-schluter-shop > header .ti-inline-header-logo{
  width:var(--ti-logo-shared-width)!important;
  max-width:38vw!important;
  min-width:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  line-height:0!important;
}
body.page-schluter-shop > header .top-interior-site-logo img, body.page-schluter-shop > .topbar .top-interior-site-logo img, html.page-schluter-shop .ti-form-site-logo img, body.page-schluter-shop > header .ti-inline-header-logo img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:left center!important;
  clip-path:none!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* Hlavní stránka: lišta o přibližně 10 % nižší, velikost loga zůstává. */
body.page-schluter-shop > header.ti-main-header, body.page-schluter-shop > header.ti-request-hub-header{
  min-height:96px!important;
  padding:20px 3vw!important;
  align-items:center!important;
}
body.page-schluter-shop > header.ti-main-header .top-interior-site-logo, body.page-schluter-shop > header.ti-request-hub-header .top-interior-site-logo{
  width:var(--ti-logo-shared-width)!important;
  max-width:38vw!important;
}

/* Poptávkové formuláře: logo je samostatně v prvním řádku vlevo. */
body.page-schluter-shop > header.topbar .topbar-inner, body.page-schluter-shop > .topbar .topbar-inner{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-areas:
    "ti-logo ti-logo"
    "ti-brand ti-actions"!important;
  align-items:center!important;
  column-gap:22px!important;
  row-gap:13px!important;
  width:100%!important;
  max-width:none!important;
  padding:18px 3vw!important;
  min-height:0!important;
}
body.page-schluter-shop > header.topbar .topbar-inner > .ti-form-site-logo, body.page-schluter-shop > .topbar .topbar-inner > .ti-form-site-logo{
  grid-area:ti-logo!important;
  position:relative!important;
  left:auto!important;
  top:auto!important;
  transform:none!important;
  justify-self:start!important;
  align-self:start!important;
  display:block!important;
  width:var(--ti-logo-shared-width)!important;
  max-width:38vw!important;
  margin:0!important;
  z-index:3!important;
}
body.page-schluter-shop > header.topbar .topbar-inner > .brand, body.page-schluter-shop > .topbar .topbar-inner > .brand, body.page-schluter-shop > header.topbar .topbar-inner > .brand-title, body.page-schluter-shop > .topbar .topbar-inner > .brand-title{
  grid-area:ti-brand!important;
  min-width:0!important;
}
body.page-schluter-shop > header.topbar .topbar-inner > .actions, body.page-schluter-shop > .topbar .topbar-inner > .actions{
  grid-area:ti-actions!important;
  align-self:center!important;
}

/* Obecný značkový formulář používá stejné dvouřádkové rozložení. */
body.page-schluter-shop > header .generic-topbar-inner{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-areas:
    "ti-logo ti-logo"
    "ti-brand ti-actions"!important;
  align-items:center!important;
  column-gap:22px!important;
  row-gap:13px!important;
  width:100%!important;
  max-width:none!important;
  margin:auto!important;
  padding:18px 3vw!important;
  min-height:0!important;
}
body.page-schluter-shop > header .generic-topbar-inner > .ti-form-site-logo{
  grid-area:ti-logo!important;
  position:relative!important;
  left:auto!important;
  top:auto!important;
  transform:none!important;
  justify-self:start!important;
  width:var(--ti-logo-shared-width)!important;
  max-width:38vw!important;
  margin:0!important;
}
body.page-schluter-shop > header .generic-topbar-inner > .generic-form-brand{grid-area:ti-brand!important}
body.page-schluter-shop > header .generic-topbar-inner > .generic-top-actions{grid-area:ti-actions!important}

/* Centrum E-shop / Poptávky má stejnou hlavičku jako hlavní stránka. */
body.page-schluter-shop > header.ti-request-hub-header{
  display:flex!important;
  justify-content:space-between!important;
  gap:24px!important;
}
body.page-schluter-shop > header.ti-request-hub-header .back{
  flex:0 0 auto!important;
}

@media(max-width:1180px){
  html.page-schluter-shop{--ti-logo-shared-width:clamp(270px,34vw,340px)}
  body.page-schluter-shop > header.ti-main-header, body.page-schluter-shop > header.ti-request-hub-header{min-height:0!important;padding:17px 3vw!important}
  body.page-schluter-shop > header .top-interior-site-logo, body.page-schluter-shop > .topbar .top-interior-site-logo, html.page-schluter-shop .ti-form-site-logo, body.page-schluter-shop > header .ti-inline-header-logo{max-width:58vw!important}

  body.page-schluter-shop > header.topbar .topbar-inner, body.page-schluter-shop > .topbar .topbar-inner, body.page-schluter-shop > header .generic-topbar-inner{
    grid-template-columns:1fr!important;
    grid-template-areas:"ti-logo" "ti-brand" "ti-actions"!important;
  }
  body.page-schluter-shop > header.topbar .topbar-inner > .actions, body.page-schluter-shop > .topbar .topbar-inner > .actions, body.page-schluter-shop > header .generic-topbar-inner > .generic-top-actions{
    width:100%!important;
    max-width:100%!important;
    justify-self:start!important;
    justify-content:flex-start!important;
  }
}
@media(max-width:900px){
  html.page-schluter-shop{--ti-logo-shared-width:260px}
  body.page-schluter-shop > header.ti-main-header, body.page-schluter-shop > header.ti-request-hub-header{padding:16px 20px!important}
  body.page-schluter-shop > header .top-interior-site-logo, body.page-schluter-shop > .topbar .top-interior-site-logo, html.page-schluter-shop .ti-form-site-logo, body.page-schluter-shop > header .ti-inline-header-logo{max-width:72vw!important}
  body.page-schluter-shop > header.topbar .topbar-inner, body.page-schluter-shop > .topbar .topbar-inner, body.page-schluter-shop > header .generic-topbar-inner{
    grid-template-columns:1fr!important;
    grid-template-areas:"ti-logo" "ti-brand" "ti-actions"!important;
    padding:16px 20px!important;
  }
  body.page-schluter-shop > header.topbar .topbar-inner > .actions, body.page-schluter-shop > .topbar .topbar-inner > .actions, body.page-schluter-shop > header .generic-topbar-inner > .generic-top-actions{
    justify-self:start!important;
    justify-content:flex-start!important;
  }
  body.page-schluter-shop > header.ti-request-hub-header{
    flex-wrap:wrap!important;
  }
}
@media(max-width:560px){
  html.page-schluter-shop{--ti-logo-shared-width:232px}
  body.page-schluter-shop > header .top-interior-site-logo, body.page-schluter-shop > .topbar .top-interior-site-logo, html.page-schluter-shop .ti-form-site-logo, body.page-schluter-shop > header .ti-inline-header-logo{max-width:78vw!important}
}


/* Krok 113 – společné logo TOP INTERIOR by JOVEE Services */
html.page-schluter-shop{--ti-combined-logo-width:clamp(370px,31vw,500px)}
body.page-schluter-shop > header .top-interior-site-logo, body.page-schluter-shop > .topbar .top-interior-site-logo, html.page-schluter-shop .ti-form-site-logo, body.page-schluter-shop > header .ti-inline-header-logo{
  width:var(--ti-combined-logo-width)!important;
  max-width:46vw!important;
}
body.page-schluter-shop > header.ti-main-header .top-interior-site-logo, body.page-schluter-shop > header.ti-request-hub-header .top-interior-site-logo{
  width:clamp(410px,34vw,535px)!important;
  max-width:48vw!important;
}
body.page-schluter-shop > header .top-interior-site-logo img, body.page-schluter-shop > .topbar .top-interior-site-logo img, html.page-schluter-shop .ti-form-site-logo img, body.page-schluter-shop > header .ti-inline-header-logo img{
  filter:none!important;
  object-fit:contain!important;
  object-position:left center!important;
}
body.page-schluter-shop > header.ti-main-header, body.page-schluter-shop > header.ti-request-hub-header{
  padding-top:12px!important;
  padding-bottom:12px!important;
}
@media(max-width:1180px){
  html.page-schluter-shop{--ti-combined-logo-width:clamp(330px,43vw,450px)}
  body.page-schluter-shop > header.ti-main-header .top-interior-site-logo, body.page-schluter-shop > header.ti-request-hub-header .top-interior-site-logo{width:clamp(350px,48vw,465px)!important;max-width:58vw!important}
}
@media(max-width:900px){
  html.page-schluter-shop{--ti-combined-logo-width:320px}
  body.page-schluter-shop > header.ti-main-header .top-interior-site-logo, body.page-schluter-shop > header.ti-request-hub-header .top-interior-site-logo{width:340px!important;max-width:78vw!important}
}
@media(max-width:560px){
  html.page-schluter-shop{--ti-combined-logo-width:280px}
  body.page-schluter-shop > header.ti-main-header .top-interior-site-logo, body.page-schluter-shop > header.ti-request-hub-header .top-interior-site-logo{width:300px!important;max-width:86vw!important}
}

/* Krok 115 – vyvážená výška hlavní lišty pro společné logo */
html.page-schluter-shop{
  --ti-combined-logo-width:clamp(330px,25vw,390px);
}

/* Běžné interní stránky a formuláře: čitelné logo bez přerůstání. */
body.page-schluter-shop > header .top-interior-site-logo, body.page-schluter-shop > .topbar .top-interior-site-logo, html.page-schluter-shop .ti-form-site-logo, body.page-schluter-shop > header .ti-inline-header-logo{
  width:var(--ti-combined-logo-width)!important;
  max-width:42vw!important;
}

/* Hlavní navigační lišta: návrat k původní vyvážené výšce. */
body.page-schluter-shop > header.ti-main-header, body.page-schluter-shop > header.ti-request-hub-header{
  min-height:112px!important;
  padding:9px 3vw!important;
  align-items:center!important;
}
body.page-schluter-shop > header.ti-main-header .top-interior-site-logo, body.page-schluter-shop > header.ti-request-hub-header .top-interior-site-logo{
  width:clamp(360px,27vw,420px)!important;
  max-width:43vw!important;
}
body.page-schluter-shop > header.ti-main-header nav{
  gap:clamp(12px,1.15vw,20px)!important;
  font-size:clamp(11px,.72vw,13px)!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
}
body.page-schluter-shop > header.ti-main-header nav a{white-space:nowrap!important}

@media(max-width:1180px){
  html.page-schluter-shop{--ti-combined-logo-width:clamp(300px,31vw,350px)}
  body.page-schluter-shop > header.ti-main-header, body.page-schluter-shop > header.ti-request-hub-header{
    min-height:100px!important;
    padding:9px 3vw!important;
  }
  body.page-schluter-shop > header.ti-main-header .top-interior-site-logo, body.page-schluter-shop > header.ti-request-hub-header .top-interior-site-logo{
    width:clamp(310px,32vw,365px)!important;
    max-width:42vw!important;
  }
  body.page-schluter-shop > header.ti-main-header nav{
    gap:10px!important;
    font-size:11px!important;
  }
}
@media(max-width:900px){
  html.page-schluter-shop{--ti-combined-logo-width:290px}
  body.page-schluter-shop > header.ti-main-header, body.page-schluter-shop > header.ti-request-hub-header{
    min-height:0!important;
    padding:12px 20px!important;
  }
  body.page-schluter-shop > header.ti-main-header .top-interior-site-logo, body.page-schluter-shop > header.ti-request-hub-header .top-interior-site-logo{
    width:300px!important;
    max-width:76vw!important;
  }
}
@media(max-width:560px){
  html.page-schluter-shop{--ti-combined-logo-width:255px}
  body.page-schluter-shop > header.ti-main-header, body.page-schluter-shop > header.ti-request-hub-header{padding:10px 16px!important}
  body.page-schluter-shop > header.ti-main-header .top-interior-site-logo, body.page-schluter-shop > header.ti-request-hub-header .top-interior-site-logo{
    width:268px!important;
    max-width:82vw!important;
  }
}


/* Extracted former inline styles */
html.page-schluter-shop .inline-style-1{width:100%;margin-top:12px}

/* ===== systemovy-vyber.html ===== */

/* Source: assets/css/systemovy-vyber.css */
/* Source style block 1 */
html.page-systemovy-vyber{--bg:#160b22;--panel:#28153a;--gold:#d6b15f;--text:#f6eef7;--muted:#c6b8cd;--line:rgba(214,177,95,.25)}
html.page-systemovy-vyber *{box-sizing:border-box}html.page-systemovy-vyber{scroll-behavior:smooth}body.page-systemovy-vyber{margin:0;font-family:Arial,sans-serif;background:linear-gradient(180deg,#160b22,#28143a);color:var(--text)}
html.page-systemovy-vyber a{text-decoration:none;color:inherit}html.page-systemovy-vyber .wrap{max-width:1400px;margin:auto;padding-left:5vw;padding-right:5vw}
html.page-systemovy-vyber header{position:sticky;top:0;z-index:30;display:flex;justify-content:space-between;align-items:center;padding:16px 5vw;background:rgba(22,11,34,.96);border-bottom:1px solid var(--line)}
html.page-systemovy-vyber .logo{color:var(--gold);font-weight:900;letter-spacing:.08em}html.page-systemovy-vyber .nav{display:flex;gap:8px;flex-wrap:wrap}html.page-systemovy-vyber .btn, html.page-systemovy-vyber .outline{display:inline-flex;align-items:center;justify-content:center;padding:11px 14px;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.06em}
html.page-systemovy-vyber .btn{background:var(--gold);color:#281437}html.page-systemovy-vyber .outline{border:1px solid var(--gold);color:var(--gold)}
html.page-systemovy-vyber .hero{padding-top:70px;padding-bottom:42px}html.page-systemovy-vyber .eyebrow{color:var(--gold);font-size:11px;text-transform:uppercase;letter-spacing:.16em;font-weight:850}
html.page-systemovy-vyber h1, html.page-systemovy-vyber h2, html.page-systemovy-vyber h3{font-family:Georgia,serif;font-weight:500}html.page-systemovy-vyber h1{font-size:clamp(46px,7vw,90px);line-height:.94;margin:17px 0}html.page-systemovy-vyber h2{font-size:clamp(34px,4vw,58px);margin:0 0 18px}
html.page-systemovy-vyber p{color:var(--muted);line-height:1.65}html.page-systemovy-vyber .panel{background:rgba(255,255,255,.045);border:1px solid var(--line)}html.page-systemovy-vyber input, html.page-systemovy-vyber select, html.page-systemovy-vyber textarea{width:100%;padding:11px;background:#12091b;border:1px solid var(--line);color:#fff}
html.page-systemovy-vyber button{font:inherit;cursor:pointer}html.page-systemovy-vyber .notice{padding:16px 18px;border-left:4px solid var(--gold);background:rgba(214,177,95,.08);color:#d8cadf;font-size:13px;line-height:1.55}
html.page-systemovy-vyber footer{margin-top:70px;padding:26px 5vw;border-top:1px solid var(--line);color:#aa9cb2;font-size:12px}

html.page-systemovy-vyber .cards{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;padding-bottom:70px}
html.page-systemovy-vyber .card{padding:25px;min-height:230px;display:flex;flex-direction:column;justify-content:space-between}
html.page-systemovy-vyber .card h2{color:var(--gold);font-size:34px}html.page-systemovy-vyber .actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}
@media(max-width:750px){html.page-systemovy-vyber .cards{grid-template-columns:1fr}}

/* Krok 96 – jednotné obrazové logo TOP INTERIOR */
html.page-systemovy-vyber header{padding-top:10px!important;padding-bottom:10px!important;}
html.page-systemovy-vyber .logo.top-interior-site-logo, html.page-systemovy-vyber .visoft-page-logo.top-interior-site-logo{
  display:block!important;
  width:clamp(152px,16vw,184px)!important;
  line-height:0!important;
  overflow:hidden!important;
  border:1px solid rgba(214,177,95,.44)!important;
  border-radius:3px!important;
  background:#180a23!important;
  box-shadow:0 7px 21px rgba(0,0,0,.28)!important;
}
html.page-systemovy-vyber .logo.top-interior-site-logo img, html.page-systemovy-vyber .visoft-page-logo.top-interior-site-logo img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:1610/630!important;
  object-fit:cover!important;
}
@media(max-width:520px){
  html.page-systemovy-vyber .logo.top-interior-site-logo, html.page-systemovy-vyber .visoft-page-logo.top-interior-site-logo{width:142px!important;}
}


/* Source: assets/css/site-responsive.css */
/* Shared responsive and accessibility layer. Mobile-first; page-specific CSS remains unchanged. */
html.page-systemovy-vyber{ --touch-target: 2.75rem; }
html.page-systemovy-vyber{ width: 100%; overflow-x: hidden; -webkit-text-size-adjust: 100%; }
body.page-systemovy-vyber{ width: 100%; min-width: 0; overflow-x: clip; }
html.page-systemovy-vyber img, html.page-systemovy-vyber picture, html.page-systemovy-vyber video, html.page-systemovy-vyber canvas, html.page-systemovy-vyber svg{ display: block; max-width: 100%; height: auto; }
html.page-systemovy-vyber iframe{ max-width: 100%; }
html.page-systemovy-vyber main, html.page-systemovy-vyber section, html.page-systemovy-vyber article, html.page-systemovy-vyber header, html.page-systemovy-vyber footer, html.page-systemovy-vyber nav, html.page-systemovy-vyber form, html.page-systemovy-vyber fieldset, html.page-systemovy-vyber .wrap, html.page-systemovy-vyber .container{ min-width: 0; }
html.page-systemovy-vyber button, html.page-systemovy-vyber input, html.page-systemovy-vyber select, html.page-systemovy-vyber textarea{ max-width: 100%; font: inherit; }
html.page-systemovy-vyber button, html.page-systemovy-vyber input[type="button"], html.page-systemovy-vyber input[type="submit"], html.page-systemovy-vyber input[type="reset"], html.page-systemovy-vyber select, html.page-systemovy-vyber .btn, html.page-systemovy-vyber .button, html.page-systemovy-vyber [role="button"]{ min-height: var(--touch-target); }
html.page-systemovy-vyber textarea{ min-height: 7rem; resize: vertical; }
html.page-systemovy-vyber .ti-mobile-menu-toggle{
  display: inline-flex; align-items: center; justify-content: center; gap: .5rem;
  min-width: var(--touch-target); min-height: var(--touch-target); padding: .65rem .8rem;
  border: 1px solid rgba(214,177,95,.7); background: rgba(18,8,28,.72);
  color: #f4ead0; font-weight: 800; cursor: pointer;
}
html.page-systemovy-vyber .ti-mobile-menu-toggle__icon, html.page-systemovy-vyber .ti-mobile-menu-toggle__icon::before, html.page-systemovy-vyber .ti-mobile-menu-toggle__icon::after{
  display: block; width: 1.25rem; height: .125rem; background: currentColor; content: ""; transition: transform .2s ease;
}
html.page-systemovy-vyber .ti-mobile-menu-toggle__icon{ position: relative; }
html.page-systemovy-vyber .ti-mobile-menu-toggle__icon::before{ position: absolute; top: -.4rem; }
html.page-systemovy-vyber .ti-mobile-menu-toggle__icon::after{ position: absolute; top: .4rem; }
html.page-systemovy-vyber header.ti-mobile-nav-header{ flex-wrap: wrap; }
html.page-systemovy-vyber header.ti-mobile-nav-header > nav{ display: none !important; width: 100%; flex-direction: column; align-items: stretch; gap: .25rem; padding-top: .75rem; }
html.page-systemovy-vyber header.ti-nav-open > nav{ display: flex !important; }
html.page-systemovy-vyber header.ti-mobile-nav-header > nav a{ display: flex; align-items: center; min-height: var(--touch-target); padding: .65rem .75rem; }
@media (max-width: 47.99rem) {
  html.page-systemovy-vyber h1{ overflow-wrap: anywhere; }
  html.page-systemovy-vyber .wrap, html.page-systemovy-vyber .container{ width: 100%; padding-inline: clamp(1rem, 4vw, 1.5rem); }
  html.page-systemovy-vyber .grid, html.page-systemovy-vyber .cards, html.page-systemovy-vyber .card-grid, html.page-systemovy-vyber .brand-grid, html.page-systemovy-vyber .product-grid, html.page-systemovy-vyber .form-grid{ grid-template-columns: minmax(0, 1fr) !important; }
  html.page-systemovy-vyber table{ display: block; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
}
@media (min-width: 56.25rem) {
  html.page-systemovy-vyber .ti-mobile-menu-toggle{ display: none; }
  html.page-systemovy-vyber header.ti-mobile-nav-header{ flex-wrap: nowrap; }
  html.page-systemovy-vyber header.ti-mobile-nav-header > nav{ display: flex !important; width: auto; flex-direction: row; align-items: center; padding-top: 0; }
  html.page-systemovy-vyber header.ti-mobile-nav-header > nav a{ min-height: auto; padding: 0; }
}
@media (prefers-reduced-motion: reduce) {
  html.page-systemovy-vyber *, html.page-systemovy-vyber *::before, html.page-systemovy-vyber *::after{ scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}


/* Source: assets/css/top-interior-velvet-header.css */
/* Krok 97 – jednotná sametová horní lišta a logo TOP INTERIOR */
body.page-systemovy-vyber > header, body.page-systemovy-vyber > .topbar{
  background-color:#17081f!important;
  background-image:
    linear-gradient(90deg,rgba(8,3,12,.28),rgba(42,8,54,.08) 45%,rgba(8,3,12,.38)),
    url("../assets/images/top-interior-velvet-header.jpg")!important;
  background-position:center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  border-top:0!important;
  border-bottom:1px solid rgba(214,177,95,.58)!important;
  box-shadow:0 9px 28px rgba(0,0,0,.34)!important;
}

/* Hlavní logo na standardních stránkách */
body.page-systemovy-vyber > header .top-interior-site-logo, body.page-systemovy-vyber > .topbar .top-interior-site-logo{
  display:block!important;
  flex:0 0 auto!important;
  width:clamp(220px,18vw,280px)!important;
  max-width:42vw!important;
  line-height:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.page-systemovy-vyber > header .top-interior-site-logo img, body.page-systemovy-vyber > .topbar .top-interior-site-logo img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  filter:drop-shadow(0 3px 4px rgba(0,0,0,.8)) drop-shadow(0 0 8px rgba(214,177,95,.16));
}
body.page-systemovy-vyber > header nav a, body.page-systemovy-vyber > header .nav a, body.page-systemovy-vyber > header .back, body.page-systemovy-vyber > header .outline{
  color:#f3e9f5!important;
  text-shadow:0 1px 3px rgba(0,0,0,.75);
}
body.page-systemovy-vyber > header nav a:hover, body.page-systemovy-vyber > header .nav a:hover{color:#f1cf77!important}

/* Logo TOP INTERIOR doplněné do poptávkových formulářů */
html.page-systemovy-vyber .ti-form-site-logo{
  position:absolute;
  left:20px;
  top:50%;
  transform:translateY(-50%);
  display:block;
  width:clamp(178px,15vw,220px);
  max-width:23vw;
  line-height:0;
  z-index:2;
}
html.page-systemovy-vyber .ti-form-site-logo img{
  display:block;
  width:100%;
  height:auto;
  filter:drop-shadow(0 3px 4px rgba(0,0,0,.82)) drop-shadow(0 0 7px rgba(214,177,95,.14));
}
body.page-systemovy-vyber > header.topbar .topbar-inner, body.page-systemovy-vyber > .topbar .topbar-inner{
  position:relative!important;
  max-width:1500px!important;
  min-height:78px!important;
  padding-left:clamp(222px,20vw,292px)!important;
}
body.page-systemovy-vyber > header.topbar .brand h1, body.page-systemovy-vyber > header.topbar .brand p, body.page-systemovy-vyber > .topbar .brand h1, body.page-systemovy-vyber > .topbar .brand p, body.page-systemovy-vyber > header.topbar .brand-title h1, body.page-systemovy-vyber > header.topbar .brand-title p, body.page-systemovy-vyber > .topbar .brand-title h1, body.page-systemovy-vyber > .topbar .brand-title p{
  color:#fff!important;
  text-shadow:0 1px 3px rgba(0,0,0,.75)!important;
}
body.page-systemovy-vyber > header.topbar .brand p, body.page-systemovy-vyber > .topbar .brand p, body.page-systemovy-vyber > header.topbar .brand-title p, body.page-systemovy-vyber > .topbar .brand-title p{color:#ded0e5!important}
body.page-systemovy-vyber > header.topbar .actions .btn, body.page-systemovy-vyber > .topbar .actions .btn, body.page-systemovy-vyber > header.topbar .actions a, body.page-systemovy-vyber > .topbar .actions a{
  box-shadow:0 3px 10px rgba(0,0,0,.22);
}

/* Obecný značkový poptávkový formulář */
body.page-systemovy-vyber > header .generic-topbar-inner{
  position:relative!important;
  width:100%!important;
  max-width:1500px!important;
  margin:auto!important;
  min-height:64px!important;
  padding-left:clamp(222px,20vw,292px)!important;
}
body.page-systemovy-vyber > header .generic-form-brand, body.page-systemovy-vyber > header .generic-top-actions{color:#fff!important}

/* Interaktivní koupelna */
body.page-systemovy-vyber > header .ti-inline-header-logo{
  display:block;
  width:clamp(220px,20vw,292px);
  line-height:0;
  margin:0 0 10px;
}
body.page-systemovy-vyber > header .ti-inline-header-logo img{display:block;width:100%;height:auto;filter:drop-shadow(0 3px 4px rgba(0,0,0,.8))}
body.page-systemovy-vyber > header.ti-inline-header{max-width:none!important;margin:0!important;padding:14px max(24px,calc((100vw - 1760px)/2)) 15px!important}
body.page-systemovy-vyber > header.ti-inline-header h1{color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.75)}

@media(max-width:900px){
  body.page-systemovy-vyber > header .top-interior-site-logo, body.page-systemovy-vyber > .topbar .top-interior-site-logo{width:210px!important;max-width:60vw!important}
  body.page-systemovy-vyber > header.topbar .topbar-inner, body.page-systemovy-vyber > .topbar .topbar-inner, body.page-systemovy-vyber > header .generic-topbar-inner{
    padding-left:20px!important;
    min-height:0!important;
  }
  html.page-systemovy-vyber .ti-form-site-logo{
    position:relative;
    left:auto;top:auto;transform:none;
    width:210px;max-width:64vw;
    grid-column:1/-1;
    margin:0 0 4px;
  }
}
@media(max-width:560px){
  body.page-systemovy-vyber > header .top-interior-site-logo, body.page-systemovy-vyber > .topbar .top-interior-site-logo{width:188px!important;max-width:66vw!important}
  html.page-systemovy-vyber .ti-form-site-logo{width:190px}
}


/* Krok 98 – sjednocené logo, zvětšená hlavní lišta a informační doložka */
html.page-systemovy-vyber{
  --ti-logo-secondary-width:clamp(190px,16vw,230px);
  --ti-logo-form-width:clamp(162px,14vw,184px);
}

/* Jednotný vzhled loga na všech běžných a interních stránkách */
body.page-systemovy-vyber > header .top-interior-site-logo, body.page-systemovy-vyber > .topbar .top-interior-site-logo{
  width:var(--ti-logo-secondary-width)!important;
  max-width:min(48vw,230px)!important;
  min-width:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.page-systemovy-vyber > header .top-interior-site-logo img, body.page-systemovy-vyber > .topbar .top-interior-site-logo img, html.page-systemovy-vyber .ti-form-site-logo img, body.page-systemovy-vyber > header .ti-inline-header-logo img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  clip-path:none!important;
}

/* Hlavní stránka: lišta přibližně o 70 % vyšší a úměrně větší logo */
body.page-systemovy-vyber > header.ti-main-header{
  min-height:106px!important;
  padding:22px 3vw!important;
  align-items:center!important;
}
body.page-systemovy-vyber > header.ti-main-header .top-interior-site-logo{
  width:clamp(300px,24vw,372px)!important;
  max-width:38vw!important;
}
body.page-systemovy-vyber > header.ti-main-header nav{
  align-self:center!important;
}

/* Poptávkové formuláře: celé, nepřerostlé a shodné logo */
html.page-systemovy-vyber .ti-form-site-logo{
  position:absolute!important;
  left:22px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  display:block!important;
  width:var(--ti-logo-form-width)!important;
  max-width:184px!important;
  min-width:0!important;
  line-height:0!important;
  overflow:visible!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  z-index:3!important;
}
body.page-systemovy-vyber > header.topbar .topbar-inner, body.page-systemovy-vyber > .topbar .topbar-inner, body.page-systemovy-vyber > header .generic-topbar-inner{
  padding-left:clamp(212px,18vw,246px)!important;
  min-height:82px!important;
}

/* Společná informační doložka ve spodní části všech stránek */
html.page-systemovy-vyber .ti-site-notice{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:22px max(22px,5vw)!important;
  border-top:1px solid rgba(214,177,95,.32)!important;
  background:#09050f!important;
  color:#cfc2d5!important;
  font:400 11px/1.65 Inter,Arial,sans-serif!important;
  letter-spacing:0!important;
  text-align:left!important;
}
html.page-systemovy-vyber .ti-site-notice strong{
  color:#e2c577!important;
  font-weight:800!important;
}
html.page-systemovy-vyber .ti-site-notice p{
  max-width:1380px!important;
  margin:0 auto!important;
}

@media(max-width:1180px){
  body.page-systemovy-vyber > header.ti-main-header{
    min-height:0!important;
    padding:19px 3vw!important;
  }
  body.page-systemovy-vyber > header.ti-main-header .top-interior-site-logo{
    width:clamp(270px,34vw,340px)!important;
    max-width:58vw!important;
  }
}
@media(max-width:900px){
  body.page-systemovy-vyber > header .top-interior-site-logo, body.page-systemovy-vyber > .topbar .top-interior-site-logo{
    width:210px!important;
    max-width:64vw!important;
  }
  body.page-systemovy-vyber > header.ti-main-header{
    padding:18px 20px!important;
  }
  body.page-systemovy-vyber > header.ti-main-header .top-interior-site-logo{
    width:260px!important;
    max-width:72vw!important;
  }
  body.page-systemovy-vyber > header.topbar .topbar-inner, body.page-systemovy-vyber > .topbar .topbar-inner, body.page-systemovy-vyber > header .generic-topbar-inner{
    padding-left:20px!important;
    min-height:0!important;
  }
  html.page-systemovy-vyber .ti-form-site-logo{
    position:relative!important;
    left:auto!important;
    top:auto!important;
    transform:none!important;
    width:184px!important;
    max-width:56vw!important;
    grid-column:1/-1!important;
    margin:0 0 8px!important;
  }
}
@media(max-width:560px){
  body.page-systemovy-vyber > header.ti-main-header .top-interior-site-logo{
    width:232px!important;
    max-width:78vw!important;
  }
  html.page-systemovy-vyber .ti-form-site-logo{
    width:172px!important;
    max-width:62vw!important;
  }
  html.page-systemovy-vyber .ti-site-notice{
    padding:18px 17px!important;
    font-size:10.5px!important;
  }
}


/* Krok 99 – kompaktnější hlavní lišta a dvouřádkové hlavičky poptávek */
html.page-systemovy-vyber{
  --ti-logo-shared-width:clamp(300px,24vw,372px);
}

/* Jedna velikost a jeden vzhled loga na všech stránkách. */
body.page-systemovy-vyber > header .top-interior-site-logo, body.page-systemovy-vyber > .topbar .top-interior-site-logo, html.page-systemovy-vyber .ti-form-site-logo, body.page-systemovy-vyber > header .ti-inline-header-logo{
  width:var(--ti-logo-shared-width)!important;
  max-width:38vw!important;
  min-width:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  line-height:0!important;
}
body.page-systemovy-vyber > header .top-interior-site-logo img, body.page-systemovy-vyber > .topbar .top-interior-site-logo img, html.page-systemovy-vyber .ti-form-site-logo img, body.page-systemovy-vyber > header .ti-inline-header-logo img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:left center!important;
  clip-path:none!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* Hlavní stránka: lišta o přibližně 10 % nižší, velikost loga zůstává. */
body.page-systemovy-vyber > header.ti-main-header, body.page-systemovy-vyber > header.ti-request-hub-header{
  min-height:96px!important;
  padding:20px 3vw!important;
  align-items:center!important;
}
body.page-systemovy-vyber > header.ti-main-header .top-interior-site-logo, body.page-systemovy-vyber > header.ti-request-hub-header .top-interior-site-logo{
  width:var(--ti-logo-shared-width)!important;
  max-width:38vw!important;
}

/* Poptávkové formuláře: logo je samostatně v prvním řádku vlevo. */
body.page-systemovy-vyber > header.topbar .topbar-inner, body.page-systemovy-vyber > .topbar .topbar-inner{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-areas:
    "ti-logo ti-logo"
    "ti-brand ti-actions"!important;
  align-items:center!important;
  column-gap:22px!important;
  row-gap:13px!important;
  width:100%!important;
  max-width:none!important;
  padding:18px 3vw!important;
  min-height:0!important;
}
body.page-systemovy-vyber > header.topbar .topbar-inner > .ti-form-site-logo, body.page-systemovy-vyber > .topbar .topbar-inner > .ti-form-site-logo{
  grid-area:ti-logo!important;
  position:relative!important;
  left:auto!important;
  top:auto!important;
  transform:none!important;
  justify-self:start!important;
  align-self:start!important;
  display:block!important;
  width:var(--ti-logo-shared-width)!important;
  max-width:38vw!important;
  margin:0!important;
  z-index:3!important;
}
body.page-systemovy-vyber > header.topbar .topbar-inner > .brand, body.page-systemovy-vyber > .topbar .topbar-inner > .brand, body.page-systemovy-vyber > header.topbar .topbar-inner > .brand-title, body.page-systemovy-vyber > .topbar .topbar-inner > .brand-title{
  grid-area:ti-brand!important;
  min-width:0!important;
}
body.page-systemovy-vyber > header.topbar .topbar-inner > .actions, body.page-systemovy-vyber > .topbar .topbar-inner > .actions{
  grid-area:ti-actions!important;
  align-self:center!important;
}

/* Obecný značkový formulář používá stejné dvouřádkové rozložení. */
body.page-systemovy-vyber > header .generic-topbar-inner{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-areas:
    "ti-logo ti-logo"
    "ti-brand ti-actions"!important;
  align-items:center!important;
  column-gap:22px!important;
  row-gap:13px!important;
  width:100%!important;
  max-width:none!important;
  margin:auto!important;
  padding:18px 3vw!important;
  min-height:0!important;
}
body.page-systemovy-vyber > header .generic-topbar-inner > .ti-form-site-logo{
  grid-area:ti-logo!important;
  position:relative!important;
  left:auto!important;
  top:auto!important;
  transform:none!important;
  justify-self:start!important;
  width:var(--ti-logo-shared-width)!important;
  max-width:38vw!important;
  margin:0!important;
}
body.page-systemovy-vyber > header .generic-topbar-inner > .generic-form-brand{grid-area:ti-brand!important}
body.page-systemovy-vyber > header .generic-topbar-inner > .generic-top-actions{grid-area:ti-actions!important}

/* Centrum E-shop / Poptávky má stejnou hlavičku jako hlavní stránka. */
body.page-systemovy-vyber > header.ti-request-hub-header{
  display:flex!important;
  justify-content:space-between!important;
  gap:24px!important;
}
body.page-systemovy-vyber > header.ti-request-hub-header .back{
  flex:0 0 auto!important;
}

@media(max-width:1180px){
  html.page-systemovy-vyber{--ti-logo-shared-width:clamp(270px,34vw,340px)}
  body.page-systemovy-vyber > header.ti-main-header, body.page-systemovy-vyber > header.ti-request-hub-header{min-height:0!important;padding:17px 3vw!important}
  body.page-systemovy-vyber > header .top-interior-site-logo, body.page-systemovy-vyber > .topbar .top-interior-site-logo, html.page-systemovy-vyber .ti-form-site-logo, body.page-systemovy-vyber > header .ti-inline-header-logo{max-width:58vw!important}

  body.page-systemovy-vyber > header.topbar .topbar-inner, body.page-systemovy-vyber > .topbar .topbar-inner, body.page-systemovy-vyber > header .generic-topbar-inner{
    grid-template-columns:1fr!important;
    grid-template-areas:"ti-logo" "ti-brand" "ti-actions"!important;
  }
  body.page-systemovy-vyber > header.topbar .topbar-inner > .actions, body.page-systemovy-vyber > .topbar .topbar-inner > .actions, body.page-systemovy-vyber > header .generic-topbar-inner > .generic-top-actions{
    width:100%!important;
    max-width:100%!important;
    justify-self:start!important;
    justify-content:flex-start!important;
  }
}
@media(max-width:900px){
  html.page-systemovy-vyber{--ti-logo-shared-width:260px}
  body.page-systemovy-vyber > header.ti-main-header, body.page-systemovy-vyber > header.ti-request-hub-header{padding:16px 20px!important}
  body.page-systemovy-vyber > header .top-interior-site-logo, body.page-systemovy-vyber > .topbar .top-interior-site-logo, html.page-systemovy-vyber .ti-form-site-logo, body.page-systemovy-vyber > header .ti-inline-header-logo{max-width:72vw!important}
  body.page-systemovy-vyber > header.topbar .topbar-inner, body.page-systemovy-vyber > .topbar .topbar-inner, body.page-systemovy-vyber > header .generic-topbar-inner{
    grid-template-columns:1fr!important;
    grid-template-areas:"ti-logo" "ti-brand" "ti-actions"!important;
    padding:16px 20px!important;
  }
  body.page-systemovy-vyber > header.topbar .topbar-inner > .actions, body.page-systemovy-vyber > .topbar .topbar-inner > .actions, body.page-systemovy-vyber > header .generic-topbar-inner > .generic-top-actions{
    justify-self:start!important;
    justify-content:flex-start!important;
  }
  body.page-systemovy-vyber > header.ti-request-hub-header{
    flex-wrap:wrap!important;
  }
}
@media(max-width:560px){
  html.page-systemovy-vyber{--ti-logo-shared-width:232px}
  body.page-systemovy-vyber > header .top-interior-site-logo, body.page-systemovy-vyber > .topbar .top-interior-site-logo, html.page-systemovy-vyber .ti-form-site-logo, body.page-systemovy-vyber > header .ti-inline-header-logo{max-width:78vw!important}
}


/* Krok 113 – společné logo TOP INTERIOR by JOVEE Services */
html.page-systemovy-vyber{--ti-combined-logo-width:clamp(370px,31vw,500px)}
body.page-systemovy-vyber > header .top-interior-site-logo, body.page-systemovy-vyber > .topbar .top-interior-site-logo, html.page-systemovy-vyber .ti-form-site-logo, body.page-systemovy-vyber > header .ti-inline-header-logo{
  width:var(--ti-combined-logo-width)!important;
  max-width:46vw!important;
}
body.page-systemovy-vyber > header.ti-main-header .top-interior-site-logo, body.page-systemovy-vyber > header.ti-request-hub-header .top-interior-site-logo{
  width:clamp(410px,34vw,535px)!important;
  max-width:48vw!important;
}
body.page-systemovy-vyber > header .top-interior-site-logo img, body.page-systemovy-vyber > .topbar .top-interior-site-logo img, html.page-systemovy-vyber .ti-form-site-logo img, body.page-systemovy-vyber > header .ti-inline-header-logo img{
  filter:none!important;
  object-fit:contain!important;
  object-position:left center!important;
}
body.page-systemovy-vyber > header.ti-main-header, body.page-systemovy-vyber > header.ti-request-hub-header{
  padding-top:12px!important;
  padding-bottom:12px!important;
}
@media(max-width:1180px){
  html.page-systemovy-vyber{--ti-combined-logo-width:clamp(330px,43vw,450px)}
  body.page-systemovy-vyber > header.ti-main-header .top-interior-site-logo, body.page-systemovy-vyber > header.ti-request-hub-header .top-interior-site-logo{width:clamp(350px,48vw,465px)!important;max-width:58vw!important}
}
@media(max-width:900px){
  html.page-systemovy-vyber{--ti-combined-logo-width:320px}
  body.page-systemovy-vyber > header.ti-main-header .top-interior-site-logo, body.page-systemovy-vyber > header.ti-request-hub-header .top-interior-site-logo{width:340px!important;max-width:78vw!important}
}
@media(max-width:560px){
  html.page-systemovy-vyber{--ti-combined-logo-width:280px}
  body.page-systemovy-vyber > header.ti-main-header .top-interior-site-logo, body.page-systemovy-vyber > header.ti-request-hub-header .top-interior-site-logo{width:300px!important;max-width:86vw!important}
}

/* Krok 115 – vyvážená výška hlavní lišty pro společné logo */
html.page-systemovy-vyber{
  --ti-combined-logo-width:clamp(330px,25vw,390px);
}

/* Běžné interní stránky a formuláře: čitelné logo bez přerůstání. */
body.page-systemovy-vyber > header .top-interior-site-logo, body.page-systemovy-vyber > .topbar .top-interior-site-logo, html.page-systemovy-vyber .ti-form-site-logo, body.page-systemovy-vyber > header .ti-inline-header-logo{
  width:var(--ti-combined-logo-width)!important;
  max-width:42vw!important;
}

/* Hlavní navigační lišta: návrat k původní vyvážené výšce. */
body.page-systemovy-vyber > header.ti-main-header, body.page-systemovy-vyber > header.ti-request-hub-header{
  min-height:112px!important;
  padding:9px 3vw!important;
  align-items:center!important;
}
body.page-systemovy-vyber > header.ti-main-header .top-interior-site-logo, body.page-systemovy-vyber > header.ti-request-hub-header .top-interior-site-logo{
  width:clamp(360px,27vw,420px)!important;
  max-width:43vw!important;
}
body.page-systemovy-vyber > header.ti-main-header nav{
  gap:clamp(12px,1.15vw,20px)!important;
  font-size:clamp(11px,.72vw,13px)!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
}
body.page-systemovy-vyber > header.ti-main-header nav a{white-space:nowrap!important}

@media(max-width:1180px){
  html.page-systemovy-vyber{--ti-combined-logo-width:clamp(300px,31vw,350px)}
  body.page-systemovy-vyber > header.ti-main-header, body.page-systemovy-vyber > header.ti-request-hub-header{
    min-height:100px!important;
    padding:9px 3vw!important;
  }
  body.page-systemovy-vyber > header.ti-main-header .top-interior-site-logo, body.page-systemovy-vyber > header.ti-request-hub-header .top-interior-site-logo{
    width:clamp(310px,32vw,365px)!important;
    max-width:42vw!important;
  }
  body.page-systemovy-vyber > header.ti-main-header nav{
    gap:10px!important;
    font-size:11px!important;
  }
}
@media(max-width:900px){
  html.page-systemovy-vyber{--ti-combined-logo-width:290px}
  body.page-systemovy-vyber > header.ti-main-header, body.page-systemovy-vyber > header.ti-request-hub-header{
    min-height:0!important;
    padding:12px 20px!important;
  }
  body.page-systemovy-vyber > header.ti-main-header .top-interior-site-logo, body.page-systemovy-vyber > header.ti-request-hub-header .top-interior-site-logo{
    width:300px!important;
    max-width:76vw!important;
  }
}
@media(max-width:560px){
  html.page-systemovy-vyber{--ti-combined-logo-width:255px}
  body.page-systemovy-vyber > header.ti-main-header, body.page-systemovy-vyber > header.ti-request-hub-header{padding:10px 16px!important}
  body.page-systemovy-vyber > header.ti-main-header .top-interior-site-logo, body.page-systemovy-vyber > header.ti-request-hub-header .top-interior-site-logo{
    width:268px!important;
    max-width:82vw!important;
  }
}


/* ===== tiles-selector.html ===== */

/* Source: assets/css/tiles-selector.css */
/* Source style block 1 */
html.page-tiles-selector{--bg:#160b22;--panel:#28153a;--gold:#d6b15f;--text:#f6eef7;--muted:#c6b8cd;--line:rgba(214,177,95,.25)}
html.page-tiles-selector *{box-sizing:border-box}html.page-tiles-selector{scroll-behavior:smooth}body.page-tiles-selector{margin:0;font-family:Arial,sans-serif;background:linear-gradient(180deg,#160b22,#28143a);color:var(--text)}
html.page-tiles-selector a{text-decoration:none;color:inherit}html.page-tiles-selector .wrap{max-width:1400px;margin:auto;padding-left:5vw;padding-right:5vw}
html.page-tiles-selector header{position:sticky;top:0;z-index:30;display:flex;justify-content:space-between;align-items:center;padding:16px 5vw;background:rgba(22,11,34,.96);border-bottom:1px solid var(--line)}
html.page-tiles-selector .logo{color:var(--gold);font-weight:900;letter-spacing:.08em}html.page-tiles-selector .nav{display:flex;gap:8px;flex-wrap:wrap}html.page-tiles-selector .btn, html.page-tiles-selector .outline{display:inline-flex;align-items:center;justify-content:center;padding:11px 14px;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.06em}
html.page-tiles-selector .btn{background:var(--gold);color:#281437}html.page-tiles-selector .outline{border:1px solid var(--gold);color:var(--gold)}
html.page-tiles-selector .hero{padding-top:70px;padding-bottom:42px}html.page-tiles-selector .eyebrow{color:var(--gold);font-size:11px;text-transform:uppercase;letter-spacing:.16em;font-weight:850}
html.page-tiles-selector h1, html.page-tiles-selector h2, html.page-tiles-selector h3{font-family:Georgia,serif;font-weight:500}html.page-tiles-selector h1{font-size:clamp(46px,7vw,90px);line-height:.94;margin:17px 0}html.page-tiles-selector h2{font-size:clamp(34px,4vw,58px);margin:0 0 18px}
html.page-tiles-selector p{color:var(--muted);line-height:1.65}html.page-tiles-selector .panel{background:rgba(255,255,255,.045);border:1px solid var(--line)}html.page-tiles-selector input, html.page-tiles-selector select, html.page-tiles-selector textarea{width:100%;padding:11px;background:#12091b;border:1px solid var(--line);color:#fff}
html.page-tiles-selector button{font:inherit;cursor:pointer}html.page-tiles-selector .notice{padding:16px 18px;border-left:4px solid var(--gold);background:rgba(214,177,95,.08);color:#d8cadf;font-size:13px;line-height:1.55}
html.page-tiles-selector footer{margin-top:70px;padding:26px 5vw;border-top:1px solid var(--line);color:#aa9cb2;font-size:12px}

html.page-tiles-selector .filters{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:16px}html.page-tiles-selector .layout{display:grid;grid-template-columns:1fr 370px;gap:18px;padding-bottom:70px}html.page-tiles-selector .tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
html.page-tiles-selector .tile{padding:20px}html.page-tiles-selector .route{padding:22px;position:sticky;top:82px;align-self:start}html.page-tiles-selector .suggest{padding:10px;border:1px solid var(--line);margin-top:8px}
@media(max-width:900px){html.page-tiles-selector .layout{grid-template-columns:1fr}html.page-tiles-selector .route{position:static}html.page-tiles-selector .filters{grid-template-columns:1fr 1fr}}@media(max-width:620px){html.page-tiles-selector .tiles, html.page-tiles-selector .filters{grid-template-columns:1fr}}

/* Krok 96 – jednotné obrazové logo TOP INTERIOR */
html.page-tiles-selector header{padding-top:10px!important;padding-bottom:10px!important;}
html.page-tiles-selector .logo.top-interior-site-logo, html.page-tiles-selector .visoft-page-logo.top-interior-site-logo{
  display:block!important;
  width:clamp(152px,16vw,184px)!important;
  line-height:0!important;
  overflow:hidden!important;
  border:1px solid rgba(214,177,95,.44)!important;
  border-radius:3px!important;
  background:#180a23!important;
  box-shadow:0 7px 21px rgba(0,0,0,.28)!important;
}
html.page-tiles-selector .logo.top-interior-site-logo img, html.page-tiles-selector .visoft-page-logo.top-interior-site-logo img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:1610/630!important;
  object-fit:cover!important;
}
@media(max-width:520px){
  html.page-tiles-selector .logo.top-interior-site-logo, html.page-tiles-selector .visoft-page-logo.top-interior-site-logo{width:142px!important;}
}


/* Source: assets/css/site-responsive.css */
/* Shared responsive and accessibility layer. Mobile-first; page-specific CSS remains unchanged. */
html.page-tiles-selector{ --touch-target: 2.75rem; }
html.page-tiles-selector{ width: 100%; overflow-x: hidden; -webkit-text-size-adjust: 100%; }
body.page-tiles-selector{ width: 100%; min-width: 0; overflow-x: clip; }
html.page-tiles-selector img, html.page-tiles-selector picture, html.page-tiles-selector video, html.page-tiles-selector canvas, html.page-tiles-selector svg{ display: block; max-width: 100%; height: auto; }
html.page-tiles-selector iframe{ max-width: 100%; }
html.page-tiles-selector main, html.page-tiles-selector section, html.page-tiles-selector article, html.page-tiles-selector header, html.page-tiles-selector footer, html.page-tiles-selector nav, html.page-tiles-selector form, html.page-tiles-selector fieldset, html.page-tiles-selector .wrap, html.page-tiles-selector .container{ min-width: 0; }
html.page-tiles-selector button, html.page-tiles-selector input, html.page-tiles-selector select, html.page-tiles-selector textarea{ max-width: 100%; font: inherit; }
html.page-tiles-selector button, html.page-tiles-selector input[type="button"], html.page-tiles-selector input[type="submit"], html.page-tiles-selector input[type="reset"], html.page-tiles-selector select, html.page-tiles-selector .btn, html.page-tiles-selector .button, html.page-tiles-selector [role="button"]{ min-height: var(--touch-target); }
html.page-tiles-selector textarea{ min-height: 7rem; resize: vertical; }
html.page-tiles-selector .ti-mobile-menu-toggle{
  display: inline-flex; align-items: center; justify-content: center; gap: .5rem;
  min-width: var(--touch-target); min-height: var(--touch-target); padding: .65rem .8rem;
  border: 1px solid rgba(214,177,95,.7); background: rgba(18,8,28,.72);
  color: #f4ead0; font-weight: 800; cursor: pointer;
}
html.page-tiles-selector .ti-mobile-menu-toggle__icon, html.page-tiles-selector .ti-mobile-menu-toggle__icon::before, html.page-tiles-selector .ti-mobile-menu-toggle__icon::after{
  display: block; width: 1.25rem; height: .125rem; background: currentColor; content: ""; transition: transform .2s ease;
}
html.page-tiles-selector .ti-mobile-menu-toggle__icon{ position: relative; }
html.page-tiles-selector .ti-mobile-menu-toggle__icon::before{ position: absolute; top: -.4rem; }
html.page-tiles-selector .ti-mobile-menu-toggle__icon::after{ position: absolute; top: .4rem; }
html.page-tiles-selector header.ti-mobile-nav-header{ flex-wrap: wrap; }
html.page-tiles-selector header.ti-mobile-nav-header > nav{ display: none !important; width: 100%; flex-direction: column; align-items: stretch; gap: .25rem; padding-top: .75rem; }
html.page-tiles-selector header.ti-nav-open > nav{ display: flex !important; }
html.page-tiles-selector header.ti-mobile-nav-header > nav a{ display: flex; align-items: center; min-height: var(--touch-target); padding: .65rem .75rem; }
@media (max-width: 47.99rem) {
  html.page-tiles-selector h1{ overflow-wrap: anywhere; }
  html.page-tiles-selector .wrap, html.page-tiles-selector .container{ width: 100%; padding-inline: clamp(1rem, 4vw, 1.5rem); }
  html.page-tiles-selector .grid, html.page-tiles-selector .cards, html.page-tiles-selector .card-grid, html.page-tiles-selector .brand-grid, html.page-tiles-selector .product-grid, html.page-tiles-selector .form-grid{ grid-template-columns: minmax(0, 1fr) !important; }
  html.page-tiles-selector table{ display: block; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
}
@media (min-width: 56.25rem) {
  html.page-tiles-selector .ti-mobile-menu-toggle{ display: none; }
  html.page-tiles-selector header.ti-mobile-nav-header{ flex-wrap: nowrap; }
  html.page-tiles-selector header.ti-mobile-nav-header > nav{ display: flex !important; width: auto; flex-direction: row; align-items: center; padding-top: 0; }
  html.page-tiles-selector header.ti-mobile-nav-header > nav a{ min-height: auto; padding: 0; }
}
@media (prefers-reduced-motion: reduce) {
  html.page-tiles-selector *, html.page-tiles-selector *::before, html.page-tiles-selector *::after{ scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}


/* Source: assets/css/top-interior-velvet-header.css */
/* Krok 97 – jednotná sametová horní lišta a logo TOP INTERIOR */
body.page-tiles-selector > header, body.page-tiles-selector > .topbar{
  background-color:#17081f!important;
  background-image:
    linear-gradient(90deg,rgba(8,3,12,.28),rgba(42,8,54,.08) 45%,rgba(8,3,12,.38)),
    url("../assets/images/top-interior-velvet-header.jpg")!important;
  background-position:center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  border-top:0!important;
  border-bottom:1px solid rgba(214,177,95,.58)!important;
  box-shadow:0 9px 28px rgba(0,0,0,.34)!important;
}

/* Hlavní logo na standardních stránkách */
body.page-tiles-selector > header .top-interior-site-logo, body.page-tiles-selector > .topbar .top-interior-site-logo{
  display:block!important;
  flex:0 0 auto!important;
  width:clamp(220px,18vw,280px)!important;
  max-width:42vw!important;
  line-height:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.page-tiles-selector > header .top-interior-site-logo img, body.page-tiles-selector > .topbar .top-interior-site-logo img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  filter:drop-shadow(0 3px 4px rgba(0,0,0,.8)) drop-shadow(0 0 8px rgba(214,177,95,.16));
}
body.page-tiles-selector > header nav a, body.page-tiles-selector > header .nav a, body.page-tiles-selector > header .back, body.page-tiles-selector > header .outline{
  color:#f3e9f5!important;
  text-shadow:0 1px 3px rgba(0,0,0,.75);
}
body.page-tiles-selector > header nav a:hover, body.page-tiles-selector > header .nav a:hover{color:#f1cf77!important}

/* Logo TOP INTERIOR doplněné do poptávkových formulářů */
html.page-tiles-selector .ti-form-site-logo{
  position:absolute;
  left:20px;
  top:50%;
  transform:translateY(-50%);
  display:block;
  width:clamp(178px,15vw,220px);
  max-width:23vw;
  line-height:0;
  z-index:2;
}
html.page-tiles-selector .ti-form-site-logo img{
  display:block;
  width:100%;
  height:auto;
  filter:drop-shadow(0 3px 4px rgba(0,0,0,.82)) drop-shadow(0 0 7px rgba(214,177,95,.14));
}
body.page-tiles-selector > header.topbar .topbar-inner, body.page-tiles-selector > .topbar .topbar-inner{
  position:relative!important;
  max-width:1500px!important;
  min-height:78px!important;
  padding-left:clamp(222px,20vw,292px)!important;
}
body.page-tiles-selector > header.topbar .brand h1, body.page-tiles-selector > header.topbar .brand p, body.page-tiles-selector > .topbar .brand h1, body.page-tiles-selector > .topbar .brand p, body.page-tiles-selector > header.topbar .brand-title h1, body.page-tiles-selector > header.topbar .brand-title p, body.page-tiles-selector > .topbar .brand-title h1, body.page-tiles-selector > .topbar .brand-title p{
  color:#fff!important;
  text-shadow:0 1px 3px rgba(0,0,0,.75)!important;
}
body.page-tiles-selector > header.topbar .brand p, body.page-tiles-selector > .topbar .brand p, body.page-tiles-selector > header.topbar .brand-title p, body.page-tiles-selector > .topbar .brand-title p{color:#ded0e5!important}
body.page-tiles-selector > header.topbar .actions .btn, body.page-tiles-selector > .topbar .actions .btn, body.page-tiles-selector > header.topbar .actions a, body.page-tiles-selector > .topbar .actions a{
  box-shadow:0 3px 10px rgba(0,0,0,.22);
}

/* Obecný značkový poptávkový formulář */
body.page-tiles-selector > header .generic-topbar-inner{
  position:relative!important;
  width:100%!important;
  max-width:1500px!important;
  margin:auto!important;
  min-height:64px!important;
  padding-left:clamp(222px,20vw,292px)!important;
}
body.page-tiles-selector > header .generic-form-brand, body.page-tiles-selector > header .generic-top-actions{color:#fff!important}

/* Interaktivní koupelna */
body.page-tiles-selector > header .ti-inline-header-logo{
  display:block;
  width:clamp(220px,20vw,292px);
  line-height:0;
  margin:0 0 10px;
}
body.page-tiles-selector > header .ti-inline-header-logo img{display:block;width:100%;height:auto;filter:drop-shadow(0 3px 4px rgba(0,0,0,.8))}
body.page-tiles-selector > header.ti-inline-header{max-width:none!important;margin:0!important;padding:14px max(24px,calc((100vw - 1760px)/2)) 15px!important}
body.page-tiles-selector > header.ti-inline-header h1{color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.75)}

@media(max-width:900px){
  body.page-tiles-selector > header .top-interior-site-logo, body.page-tiles-selector > .topbar .top-interior-site-logo{width:210px!important;max-width:60vw!important}
  body.page-tiles-selector > header.topbar .topbar-inner, body.page-tiles-selector > .topbar .topbar-inner, body.page-tiles-selector > header .generic-topbar-inner{
    padding-left:20px!important;
    min-height:0!important;
  }
  html.page-tiles-selector .ti-form-site-logo{
    position:relative;
    left:auto;top:auto;transform:none;
    width:210px;max-width:64vw;
    grid-column:1/-1;
    margin:0 0 4px;
  }
}
@media(max-width:560px){
  body.page-tiles-selector > header .top-interior-site-logo, body.page-tiles-selector > .topbar .top-interior-site-logo{width:188px!important;max-width:66vw!important}
  html.page-tiles-selector .ti-form-site-logo{width:190px}
}


/* Krok 98 – sjednocené logo, zvětšená hlavní lišta a informační doložka */
html.page-tiles-selector{
  --ti-logo-secondary-width:clamp(190px,16vw,230px);
  --ti-logo-form-width:clamp(162px,14vw,184px);
}

/* Jednotný vzhled loga na všech běžných a interních stránkách */
body.page-tiles-selector > header .top-interior-site-logo, body.page-tiles-selector > .topbar .top-interior-site-logo{
  width:var(--ti-logo-secondary-width)!important;
  max-width:min(48vw,230px)!important;
  min-width:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.page-tiles-selector > header .top-interior-site-logo img, body.page-tiles-selector > .topbar .top-interior-site-logo img, html.page-tiles-selector .ti-form-site-logo img, body.page-tiles-selector > header .ti-inline-header-logo img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  clip-path:none!important;
}

/* Hlavní stránka: lišta přibližně o 70 % vyšší a úměrně větší logo */
body.page-tiles-selector > header.ti-main-header{
  min-height:106px!important;
  padding:22px 3vw!important;
  align-items:center!important;
}
body.page-tiles-selector > header.ti-main-header .top-interior-site-logo{
  width:clamp(300px,24vw,372px)!important;
  max-width:38vw!important;
}
body.page-tiles-selector > header.ti-main-header nav{
  align-self:center!important;
}

/* Poptávkové formuláře: celé, nepřerostlé a shodné logo */
html.page-tiles-selector .ti-form-site-logo{
  position:absolute!important;
  left:22px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  display:block!important;
  width:var(--ti-logo-form-width)!important;
  max-width:184px!important;
  min-width:0!important;
  line-height:0!important;
  overflow:visible!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  z-index:3!important;
}
body.page-tiles-selector > header.topbar .topbar-inner, body.page-tiles-selector > .topbar .topbar-inner, body.page-tiles-selector > header .generic-topbar-inner{
  padding-left:clamp(212px,18vw,246px)!important;
  min-height:82px!important;
}

/* Společná informační doložka ve spodní části všech stránek */
html.page-tiles-selector .ti-site-notice{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:22px max(22px,5vw)!important;
  border-top:1px solid rgba(214,177,95,.32)!important;
  background:#09050f!important;
  color:#cfc2d5!important;
  font:400 11px/1.65 Inter,Arial,sans-serif!important;
  letter-spacing:0!important;
  text-align:left!important;
}
html.page-tiles-selector .ti-site-notice strong{
  color:#e2c577!important;
  font-weight:800!important;
}
html.page-tiles-selector .ti-site-notice p{
  max-width:1380px!important;
  margin:0 auto!important;
}

@media(max-width:1180px){
  body.page-tiles-selector > header.ti-main-header{
    min-height:0!important;
    padding:19px 3vw!important;
  }
  body.page-tiles-selector > header.ti-main-header .top-interior-site-logo{
    width:clamp(270px,34vw,340px)!important;
    max-width:58vw!important;
  }
}
@media(max-width:900px){
  body.page-tiles-selector > header .top-interior-site-logo, body.page-tiles-selector > .topbar .top-interior-site-logo{
    width:210px!important;
    max-width:64vw!important;
  }
  body.page-tiles-selector > header.ti-main-header{
    padding:18px 20px!important;
  }
  body.page-tiles-selector > header.ti-main-header .top-interior-site-logo{
    width:260px!important;
    max-width:72vw!important;
  }
  body.page-tiles-selector > header.topbar .topbar-inner, body.page-tiles-selector > .topbar .topbar-inner, body.page-tiles-selector > header .generic-topbar-inner{
    padding-left:20px!important;
    min-height:0!important;
  }
  html.page-tiles-selector .ti-form-site-logo{
    position:relative!important;
    left:auto!important;
    top:auto!important;
    transform:none!important;
    width:184px!important;
    max-width:56vw!important;
    grid-column:1/-1!important;
    margin:0 0 8px!important;
  }
}
@media(max-width:560px){
  body.page-tiles-selector > header.ti-main-header .top-interior-site-logo{
    width:232px!important;
    max-width:78vw!important;
  }
  html.page-tiles-selector .ti-form-site-logo{
    width:172px!important;
    max-width:62vw!important;
  }
  html.page-tiles-selector .ti-site-notice{
    padding:18px 17px!important;
    font-size:10.5px!important;
  }
}


/* Krok 99 – kompaktnější hlavní lišta a dvouřádkové hlavičky poptávek */
html.page-tiles-selector{
  --ti-logo-shared-width:clamp(300px,24vw,372px);
}

/* Jedna velikost a jeden vzhled loga na všech stránkách. */
body.page-tiles-selector > header .top-interior-site-logo, body.page-tiles-selector > .topbar .top-interior-site-logo, html.page-tiles-selector .ti-form-site-logo, body.page-tiles-selector > header .ti-inline-header-logo{
  width:var(--ti-logo-shared-width)!important;
  max-width:38vw!important;
  min-width:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  line-height:0!important;
}
body.page-tiles-selector > header .top-interior-site-logo img, body.page-tiles-selector > .topbar .top-interior-site-logo img, html.page-tiles-selector .ti-form-site-logo img, body.page-tiles-selector > header .ti-inline-header-logo img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:left center!important;
  clip-path:none!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* Hlavní stránka: lišta o přibližně 10 % nižší, velikost loga zůstává. */
body.page-tiles-selector > header.ti-main-header, body.page-tiles-selector > header.ti-request-hub-header{
  min-height:96px!important;
  padding:20px 3vw!important;
  align-items:center!important;
}
body.page-tiles-selector > header.ti-main-header .top-interior-site-logo, body.page-tiles-selector > header.ti-request-hub-header .top-interior-site-logo{
  width:var(--ti-logo-shared-width)!important;
  max-width:38vw!important;
}

/* Poptávkové formuláře: logo je samostatně v prvním řádku vlevo. */
body.page-tiles-selector > header.topbar .topbar-inner, body.page-tiles-selector > .topbar .topbar-inner{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-areas:
    "ti-logo ti-logo"
    "ti-brand ti-actions"!important;
  align-items:center!important;
  column-gap:22px!important;
  row-gap:13px!important;
  width:100%!important;
  max-width:none!important;
  padding:18px 3vw!important;
  min-height:0!important;
}
body.page-tiles-selector > header.topbar .topbar-inner > .ti-form-site-logo, body.page-tiles-selector > .topbar .topbar-inner > .ti-form-site-logo{
  grid-area:ti-logo!important;
  position:relative!important;
  left:auto!important;
  top:auto!important;
  transform:none!important;
  justify-self:start!important;
  align-self:start!important;
  display:block!important;
  width:var(--ti-logo-shared-width)!important;
  max-width:38vw!important;
  margin:0!important;
  z-index:3!important;
}
body.page-tiles-selector > header.topbar .topbar-inner > .brand, body.page-tiles-selector > .topbar .topbar-inner > .brand, body.page-tiles-selector > header.topbar .topbar-inner > .brand-title, body.page-tiles-selector > .topbar .topbar-inner > .brand-title{
  grid-area:ti-brand!important;
  min-width:0!important;
}
body.page-tiles-selector > header.topbar .topbar-inner > .actions, body.page-tiles-selector > .topbar .topbar-inner > .actions{
  grid-area:ti-actions!important;
  align-self:center!important;
}

/* Obecný značkový formulář používá stejné dvouřádkové rozložení. */
body.page-tiles-selector > header .generic-topbar-inner{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-areas:
    "ti-logo ti-logo"
    "ti-brand ti-actions"!important;
  align-items:center!important;
  column-gap:22px!important;
  row-gap:13px!important;
  width:100%!important;
  max-width:none!important;
  margin:auto!important;
  padding:18px 3vw!important;
  min-height:0!important;
}
body.page-tiles-selector > header .generic-topbar-inner > .ti-form-site-logo{
  grid-area:ti-logo!important;
  position:relative!important;
  left:auto!important;
  top:auto!important;
  transform:none!important;
  justify-self:start!important;
  width:var(--ti-logo-shared-width)!important;
  max-width:38vw!important;
  margin:0!important;
}
body.page-tiles-selector > header .generic-topbar-inner > .generic-form-brand{grid-area:ti-brand!important}
body.page-tiles-selector > header .generic-topbar-inner > .generic-top-actions{grid-area:ti-actions!important}

/* Centrum E-shop / Poptávky má stejnou hlavičku jako hlavní stránka. */
body.page-tiles-selector > header.ti-request-hub-header{
  display:flex!important;
  justify-content:space-between!important;
  gap:24px!important;
}
body.page-tiles-selector > header.ti-request-hub-header .back{
  flex:0 0 auto!important;
}

@media(max-width:1180px){
  html.page-tiles-selector{--ti-logo-shared-width:clamp(270px,34vw,340px)}
  body.page-tiles-selector > header.ti-main-header, body.page-tiles-selector > header.ti-request-hub-header{min-height:0!important;padding:17px 3vw!important}
  body.page-tiles-selector > header .top-interior-site-logo, body.page-tiles-selector > .topbar .top-interior-site-logo, html.page-tiles-selector .ti-form-site-logo, body.page-tiles-selector > header .ti-inline-header-logo{max-width:58vw!important}

  body.page-tiles-selector > header.topbar .topbar-inner, body.page-tiles-selector > .topbar .topbar-inner, body.page-tiles-selector > header .generic-topbar-inner{
    grid-template-columns:1fr!important;
    grid-template-areas:"ti-logo" "ti-brand" "ti-actions"!important;
  }
  body.page-tiles-selector > header.topbar .topbar-inner > .actions, body.page-tiles-selector > .topbar .topbar-inner > .actions, body.page-tiles-selector > header .generic-topbar-inner > .generic-top-actions{
    width:100%!important;
    max-width:100%!important;
    justify-self:start!important;
    justify-content:flex-start!important;
  }
}
@media(max-width:900px){
  html.page-tiles-selector{--ti-logo-shared-width:260px}
  body.page-tiles-selector > header.ti-main-header, body.page-tiles-selector > header.ti-request-hub-header{padding:16px 20px!important}
  body.page-tiles-selector > header .top-interior-site-logo, body.page-tiles-selector > .topbar .top-interior-site-logo, html.page-tiles-selector .ti-form-site-logo, body.page-tiles-selector > header .ti-inline-header-logo{max-width:72vw!important}
  body.page-tiles-selector > header.topbar .topbar-inner, body.page-tiles-selector > .topbar .topbar-inner, body.page-tiles-selector > header .generic-topbar-inner{
    grid-template-columns:1fr!important;
    grid-template-areas:"ti-logo" "ti-brand" "ti-actions"!important;
    padding:16px 20px!important;
  }
  body.page-tiles-selector > header.topbar .topbar-inner > .actions, body.page-tiles-selector > .topbar .topbar-inner > .actions, body.page-tiles-selector > header .generic-topbar-inner > .generic-top-actions{
    justify-self:start!important;
    justify-content:flex-start!important;
  }
  body.page-tiles-selector > header.ti-request-hub-header{
    flex-wrap:wrap!important;
  }
}
@media(max-width:560px){
  html.page-tiles-selector{--ti-logo-shared-width:232px}
  body.page-tiles-selector > header .top-interior-site-logo, body.page-tiles-selector > .topbar .top-interior-site-logo, html.page-tiles-selector .ti-form-site-logo, body.page-tiles-selector > header .ti-inline-header-logo{max-width:78vw!important}
}


/* Krok 113 – společné logo TOP INTERIOR by JOVEE Services */
html.page-tiles-selector{--ti-combined-logo-width:clamp(370px,31vw,500px)}
body.page-tiles-selector > header .top-interior-site-logo, body.page-tiles-selector > .topbar .top-interior-site-logo, html.page-tiles-selector .ti-form-site-logo, body.page-tiles-selector > header .ti-inline-header-logo{
  width:var(--ti-combined-logo-width)!important;
  max-width:46vw!important;
}
body.page-tiles-selector > header.ti-main-header .top-interior-site-logo, body.page-tiles-selector > header.ti-request-hub-header .top-interior-site-logo{
  width:clamp(410px,34vw,535px)!important;
  max-width:48vw!important;
}
body.page-tiles-selector > header .top-interior-site-logo img, body.page-tiles-selector > .topbar .top-interior-site-logo img, html.page-tiles-selector .ti-form-site-logo img, body.page-tiles-selector > header .ti-inline-header-logo img{
  filter:none!important;
  object-fit:contain!important;
  object-position:left center!important;
}
body.page-tiles-selector > header.ti-main-header, body.page-tiles-selector > header.ti-request-hub-header{
  padding-top:12px!important;
  padding-bottom:12px!important;
}
@media(max-width:1180px){
  html.page-tiles-selector{--ti-combined-logo-width:clamp(330px,43vw,450px)}
  body.page-tiles-selector > header.ti-main-header .top-interior-site-logo, body.page-tiles-selector > header.ti-request-hub-header .top-interior-site-logo{width:clamp(350px,48vw,465px)!important;max-width:58vw!important}
}
@media(max-width:900px){
  html.page-tiles-selector{--ti-combined-logo-width:320px}
  body.page-tiles-selector > header.ti-main-header .top-interior-site-logo, body.page-tiles-selector > header.ti-request-hub-header .top-interior-site-logo{width:340px!important;max-width:78vw!important}
}
@media(max-width:560px){
  html.page-tiles-selector{--ti-combined-logo-width:280px}
  body.page-tiles-selector > header.ti-main-header .top-interior-site-logo, body.page-tiles-selector > header.ti-request-hub-header .top-interior-site-logo{width:300px!important;max-width:86vw!important}
}

/* Krok 115 – vyvážená výška hlavní lišty pro společné logo */
html.page-tiles-selector{
  --ti-combined-logo-width:clamp(330px,25vw,390px);
}

/* Běžné interní stránky a formuláře: čitelné logo bez přerůstání. */
body.page-tiles-selector > header .top-interior-site-logo, body.page-tiles-selector > .topbar .top-interior-site-logo, html.page-tiles-selector .ti-form-site-logo, body.page-tiles-selector > header .ti-inline-header-logo{
  width:var(--ti-combined-logo-width)!important;
  max-width:42vw!important;
}

/* Hlavní navigační lišta: návrat k původní vyvážené výšce. */
body.page-tiles-selector > header.ti-main-header, body.page-tiles-selector > header.ti-request-hub-header{
  min-height:112px!important;
  padding:9px 3vw!important;
  align-items:center!important;
}
body.page-tiles-selector > header.ti-main-header .top-interior-site-logo, body.page-tiles-selector > header.ti-request-hub-header .top-interior-site-logo{
  width:clamp(360px,27vw,420px)!important;
  max-width:43vw!important;
}
body.page-tiles-selector > header.ti-main-header nav{
  gap:clamp(12px,1.15vw,20px)!important;
  font-size:clamp(11px,.72vw,13px)!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
}
body.page-tiles-selector > header.ti-main-header nav a{white-space:nowrap!important}

@media(max-width:1180px){
  html.page-tiles-selector{--ti-combined-logo-width:clamp(300px,31vw,350px)}
  body.page-tiles-selector > header.ti-main-header, body.page-tiles-selector > header.ti-request-hub-header{
    min-height:100px!important;
    padding:9px 3vw!important;
  }
  body.page-tiles-selector > header.ti-main-header .top-interior-site-logo, body.page-tiles-selector > header.ti-request-hub-header .top-interior-site-logo{
    width:clamp(310px,32vw,365px)!important;
    max-width:42vw!important;
  }
  body.page-tiles-selector > header.ti-main-header nav{
    gap:10px!important;
    font-size:11px!important;
  }
}
@media(max-width:900px){
  html.page-tiles-selector{--ti-combined-logo-width:290px}
  body.page-tiles-selector > header.ti-main-header, body.page-tiles-selector > header.ti-request-hub-header{
    min-height:0!important;
    padding:12px 20px!important;
  }
  body.page-tiles-selector > header.ti-main-header .top-interior-site-logo, body.page-tiles-selector > header.ti-request-hub-header .top-interior-site-logo{
    width:300px!important;
    max-width:76vw!important;
  }
}
@media(max-width:560px){
  html.page-tiles-selector{--ti-combined-logo-width:255px}
  body.page-tiles-selector > header.ti-main-header, body.page-tiles-selector > header.ti-request-hub-header{padding:10px 16px!important}
  body.page-tiles-selector > header.ti-main-header .top-interior-site-logo, body.page-tiles-selector > header.ti-request-hub-header .top-interior-site-logo{
    width:268px!important;
    max-width:82vw!important;
  }
}


/* ===== tipy.html ===== */

/* Source: assets/css/tipy.css */
/* Source style block 1 */
html.page-tipy *{box-sizing:border-box}
html.page-tipy{scroll-behavior:smooth}
html.page-tipy{--gold:#d6b15f;--gold-light:#f1d98d;--purple:#2a1238;--ink:#fff8ea;--muted:#d8cbde;--line:rgba(214,177,95,.27)}
body.page-tipy{margin:0;background:#13091d;color:var(--ink);font-family:Inter,Arial,sans-serif}
html.page-tipy a{color:inherit;text-decoration:none}
html.page-tipy .ti-main-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:96px;padding:20px 3vw}
html.page-tipy .top-interior-site-logo{display:block;width:clamp(300px,24vw,372px);max-width:38vw;line-height:0;flex:0 0 auto}
html.page-tipy .top-interior-site-logo img{display:block;width:100%;height:auto;object-fit:contain;object-position:left center;filter:drop-shadow(0 3px 4px rgba(0,0,0,.8)) drop-shadow(0 0 8px rgba(214,177,95,.16))}
html.page-tipy nav{display:flex;align-items:center;justify-content:flex-end;gap:21px;font-size:13px;white-space:nowrap}
html.page-tipy nav a{color:#f3e9f5;text-shadow:0 1px 3px rgba(0,0,0,.75)}
html.page-tipy nav a:hover, html.page-tipy nav a[aria-current="page"]{color:var(--gold-light)}
html.page-tipy .hero{padding:92px 5vw 54px;background:radial-gradient(circle at 10% 0%,rgba(214,177,95,.14),transparent 31%),radial-gradient(circle at 92% 74%,rgba(129,54,155,.24),transparent 33%),linear-gradient(145deg,#12091c 0%,#261137 50%,#14091e 100%)}
html.page-tipy .hero-inner, html.page-tipy .content-inner{max-width:1380px;margin:0 auto}
html.page-tipy .hero-grid{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);gap:68px;align-items:end;padding-bottom:42px;border-bottom:1px solid var(--line)}
html.page-tipy .eyebrow{margin:0 0 14px;color:var(--gold);font-size:11px;font-weight:900;letter-spacing:.2em;text-transform:uppercase}
html.page-tipy h1, html.page-tipy h2{font-family:Georgia,"Times New Roman",serif;font-weight:500}
html.page-tipy h1{margin:0;color:var(--gold);font-size:clamp(56px,7vw,104px);line-height:.86}
html.page-tipy .hero-copy h2{margin:0 0 15px;color:#fff7e5;font-size:clamp(30px,3.5vw,51px);line-height:1.05}
html.page-tipy .hero-copy p{margin:0;color:#eadcf0;font:500 clamp(18px,1.55vw,24px)/1.6 Georgia,"Times New Roman",serif}
html.page-tipy .content{padding:38px 5vw 90px;background:linear-gradient(180deg,#190c25,#110817)}
html.page-tipy .chapter{padding:clamp(28px,4vw,52px);border:1px solid rgba(214,177,95,.48);border-left:7px solid var(--gold);background:radial-gradient(circle at 95% 8%,rgba(214,177,95,.14),transparent 32%),rgba(255,255,255,.045);box-shadow:0 24px 70px rgba(0,0,0,.22)}
html.page-tipy .chapter-number{display:block;margin-bottom:15px;color:var(--gold);font-size:10px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}
html.page-tipy .chapter h2{max-width:1050px;margin:0 0 24px;color:#f4e4bc;font-size:clamp(34px,4vw,58px);line-height:1.02}
html.page-tipy .chapter p{max-width:1120px;margin:0;color:var(--muted);font-size:17px;line-height:1.85}
html.page-tipy .closing{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:34px;align-items:center;margin-top:18px;padding:31px;border:1px solid rgba(214,177,95,.38);background:rgba(7,3,11,.38)}
html.page-tipy .closing p{margin:0;color:var(--muted);font-size:16px;line-height:1.8}
html.page-tipy .closing strong{display:block;margin-bottom:10px;color:var(--gold);font:500 clamp(26px,2.7vw,39px)/1.12 Georgia,"Times New Roman",serif}
html.page-tipy .cta{display:inline-flex;min-height:52px;padding:15px 22px;align-items:center;justify-content:center;border:1px solid var(--gold);background:var(--gold);color:#24112f;font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
html.page-tipy .cta:hover{background:#f0d88d;border-color:#f0d88d}
html.page-tipy .ti-site-notice{display:block;width:100%;margin:0;padding:22px max(22px,5vw);border-top:1px solid rgba(214,177,95,.32);background:#09050f;color:#cfc2d5;font:400 11px/1.65 Inter,Arial,sans-serif;text-align:left}
html.page-tipy .ti-site-notice p{max-width:1380px;margin:0 auto}html.page-tipy .ti-site-notice strong{color:#e2c577;font-weight:800}
@media(max-width:1180px){html.page-tipy .ti-main-header{min-height:0;padding:17px 3vw;flex-wrap:wrap}html.page-tipy .top-interior-site-logo{width:clamp(270px,34vw,340px);max-width:58vw}html.page-tipy nav{gap:15px;font-size:12px}}
@media(max-width:900px){html.page-tipy .ti-main-header{padding:16px 20px}html.page-tipy .top-interior-site-logo{width:260px;max-width:72vw}html.page-tipy nav{display:none}html.page-tipy .hero{padding:66px 20px 42px}html.page-tipy .hero-grid, html.page-tipy .closing{grid-template-columns:1fr}html.page-tipy .hero-grid{gap:25px}html.page-tipy .content{padding:30px 20px 65px}html.page-tipy .closing{align-items:start}html.page-tipy .cta{justify-self:start}}
@media(max-width:560px){html.page-tipy .top-interior-site-logo{width:232px;max-width:78vw}html.page-tipy .hero{padding-top:52px}html.page-tipy .chapter, html.page-tipy .closing{padding:21px}html.page-tipy .cta{width:100%;white-space:normal;text-align:center}html.page-tipy .ti-site-notice{padding:18px 17px;font-size:10.5px}}


/* Source: assets/css/site-responsive.css */
/* Shared responsive and accessibility layer. Mobile-first; page-specific CSS remains unchanged. */
html.page-tipy{ --touch-target: 2.75rem; }
html.page-tipy{ width: 100%; overflow-x: hidden; -webkit-text-size-adjust: 100%; }
body.page-tipy{ width: 100%; min-width: 0; overflow-x: clip; }
html.page-tipy img, html.page-tipy picture, html.page-tipy video, html.page-tipy canvas, html.page-tipy svg{ display: block; max-width: 100%; height: auto; }
html.page-tipy iframe{ max-width: 100%; }
html.page-tipy main, html.page-tipy section, html.page-tipy article, html.page-tipy header, html.page-tipy footer, html.page-tipy nav, html.page-tipy form, html.page-tipy fieldset, html.page-tipy .wrap, html.page-tipy .container{ min-width: 0; }
html.page-tipy button, html.page-tipy input, html.page-tipy select, html.page-tipy textarea{ max-width: 100%; font: inherit; }
html.page-tipy button, html.page-tipy input[type="button"], html.page-tipy input[type="submit"], html.page-tipy input[type="reset"], html.page-tipy select, html.page-tipy .btn, html.page-tipy .button, html.page-tipy [role="button"]{ min-height: var(--touch-target); }
html.page-tipy textarea{ min-height: 7rem; resize: vertical; }
html.page-tipy .ti-mobile-menu-toggle{
  display: inline-flex; align-items: center; justify-content: center; gap: .5rem;
  min-width: var(--touch-target); min-height: var(--touch-target); padding: .65rem .8rem;
  border: 1px solid rgba(214,177,95,.7); background: rgba(18,8,28,.72);
  color: #f4ead0; font-weight: 800; cursor: pointer;
}
html.page-tipy .ti-mobile-menu-toggle__icon, html.page-tipy .ti-mobile-menu-toggle__icon::before, html.page-tipy .ti-mobile-menu-toggle__icon::after{
  display: block; width: 1.25rem; height: .125rem; background: currentColor; content: ""; transition: transform .2s ease;
}
html.page-tipy .ti-mobile-menu-toggle__icon{ position: relative; }
html.page-tipy .ti-mobile-menu-toggle__icon::before{ position: absolute; top: -.4rem; }
html.page-tipy .ti-mobile-menu-toggle__icon::after{ position: absolute; top: .4rem; }
html.page-tipy header.ti-mobile-nav-header{ flex-wrap: wrap; }
html.page-tipy header.ti-mobile-nav-header > nav{ display: none !important; width: 100%; flex-direction: column; align-items: stretch; gap: .25rem; padding-top: .75rem; }
html.page-tipy header.ti-nav-open > nav{ display: flex !important; }
html.page-tipy header.ti-mobile-nav-header > nav a{ display: flex; align-items: center; min-height: var(--touch-target); padding: .65rem .75rem; }
@media (max-width: 47.99rem) {
  html.page-tipy h1{ overflow-wrap: anywhere; }
  html.page-tipy .wrap, html.page-tipy .container{ width: 100%; padding-inline: clamp(1rem, 4vw, 1.5rem); }
  html.page-tipy .grid, html.page-tipy .cards, html.page-tipy .card-grid, html.page-tipy .brand-grid, html.page-tipy .product-grid, html.page-tipy .form-grid{ grid-template-columns: minmax(0, 1fr) !important; }
  html.page-tipy table{ display: block; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
}
@media (min-width: 56.25rem) {
  html.page-tipy .ti-mobile-menu-toggle{ display: none; }
  html.page-tipy header.ti-mobile-nav-header{ flex-wrap: nowrap; }
  html.page-tipy header.ti-mobile-nav-header > nav{ display: flex !important; width: auto; flex-direction: row; align-items: center; padding-top: 0; }
  html.page-tipy header.ti-mobile-nav-header > nav a{ min-height: auto; padding: 0; }
}
@media (prefers-reduced-motion: reduce) {
  html.page-tipy *, html.page-tipy *::before, html.page-tipy *::after{ scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}


/* Source: assets/css/top-interior-velvet-header.css */
/* Krok 97 – jednotná sametová horní lišta a logo TOP INTERIOR */
body.page-tipy > header, body.page-tipy > .topbar{
  background-color:#17081f!important;
  background-image:
    linear-gradient(90deg,rgba(8,3,12,.28),rgba(42,8,54,.08) 45%,rgba(8,3,12,.38)),
    url("../assets/images/top-interior-velvet-header.jpg")!important;
  background-position:center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  border-top:0!important;
  border-bottom:1px solid rgba(214,177,95,.58)!important;
  box-shadow:0 9px 28px rgba(0,0,0,.34)!important;
}

/* Hlavní logo na standardních stránkách */
body.page-tipy > header .top-interior-site-logo, body.page-tipy > .topbar .top-interior-site-logo{
  display:block!important;
  flex:0 0 auto!important;
  width:clamp(220px,18vw,280px)!important;
  max-width:42vw!important;
  line-height:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.page-tipy > header .top-interior-site-logo img, body.page-tipy > .topbar .top-interior-site-logo img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  filter:drop-shadow(0 3px 4px rgba(0,0,0,.8)) drop-shadow(0 0 8px rgba(214,177,95,.16));
}
body.page-tipy > header nav a, body.page-tipy > header .nav a, body.page-tipy > header .back, body.page-tipy > header .outline{
  color:#f3e9f5!important;
  text-shadow:0 1px 3px rgba(0,0,0,.75);
}
body.page-tipy > header nav a:hover, body.page-tipy > header .nav a:hover{color:#f1cf77!important}

/* Logo TOP INTERIOR doplněné do poptávkových formulářů */
html.page-tipy .ti-form-site-logo{
  position:absolute;
  left:20px;
  top:50%;
  transform:translateY(-50%);
  display:block;
  width:clamp(178px,15vw,220px);
  max-width:23vw;
  line-height:0;
  z-index:2;
}
html.page-tipy .ti-form-site-logo img{
  display:block;
  width:100%;
  height:auto;
  filter:drop-shadow(0 3px 4px rgba(0,0,0,.82)) drop-shadow(0 0 7px rgba(214,177,95,.14));
}
body.page-tipy > header.topbar .topbar-inner, body.page-tipy > .topbar .topbar-inner{
  position:relative!important;
  max-width:1500px!important;
  min-height:78px!important;
  padding-left:clamp(222px,20vw,292px)!important;
}
body.page-tipy > header.topbar .brand h1, body.page-tipy > header.topbar .brand p, body.page-tipy > .topbar .brand h1, body.page-tipy > .topbar .brand p, body.page-tipy > header.topbar .brand-title h1, body.page-tipy > header.topbar .brand-title p, body.page-tipy > .topbar .brand-title h1, body.page-tipy > .topbar .brand-title p{
  color:#fff!important;
  text-shadow:0 1px 3px rgba(0,0,0,.75)!important;
}
body.page-tipy > header.topbar .brand p, body.page-tipy > .topbar .brand p, body.page-tipy > header.topbar .brand-title p, body.page-tipy > .topbar .brand-title p{color:#ded0e5!important}
body.page-tipy > header.topbar .actions .btn, body.page-tipy > .topbar .actions .btn, body.page-tipy > header.topbar .actions a, body.page-tipy > .topbar .actions a{
  box-shadow:0 3px 10px rgba(0,0,0,.22);
}

/* Obecný značkový poptávkový formulář */
body.page-tipy > header .generic-topbar-inner{
  position:relative!important;
  width:100%!important;
  max-width:1500px!important;
  margin:auto!important;
  min-height:64px!important;
  padding-left:clamp(222px,20vw,292px)!important;
}
body.page-tipy > header .generic-form-brand, body.page-tipy > header .generic-top-actions{color:#fff!important}

/* Interaktivní koupelna */
body.page-tipy > header .ti-inline-header-logo{
  display:block;
  width:clamp(220px,20vw,292px);
  line-height:0;
  margin:0 0 10px;
}
body.page-tipy > header .ti-inline-header-logo img{display:block;width:100%;height:auto;filter:drop-shadow(0 3px 4px rgba(0,0,0,.8))}
body.page-tipy > header.ti-inline-header{max-width:none!important;margin:0!important;padding:14px max(24px,calc((100vw - 1760px)/2)) 15px!important}
body.page-tipy > header.ti-inline-header h1{color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.75)}

@media(max-width:900px){
  body.page-tipy > header .top-interior-site-logo, body.page-tipy > .topbar .top-interior-site-logo{width:210px!important;max-width:60vw!important}
  body.page-tipy > header.topbar .topbar-inner, body.page-tipy > .topbar .topbar-inner, body.page-tipy > header .generic-topbar-inner{
    padding-left:20px!important;
    min-height:0!important;
  }
  html.page-tipy .ti-form-site-logo{
    position:relative;
    left:auto;top:auto;transform:none;
    width:210px;max-width:64vw;
    grid-column:1/-1;
    margin:0 0 4px;
  }
}
@media(max-width:560px){
  body.page-tipy > header .top-interior-site-logo, body.page-tipy > .topbar .top-interior-site-logo{width:188px!important;max-width:66vw!important}
  html.page-tipy .ti-form-site-logo{width:190px}
}


/* Krok 98 – sjednocené logo, zvětšená hlavní lišta a informační doložka */
html.page-tipy{
  --ti-logo-secondary-width:clamp(190px,16vw,230px);
  --ti-logo-form-width:clamp(162px,14vw,184px);
}

/* Jednotný vzhled loga na všech běžných a interních stránkách */
body.page-tipy > header .top-interior-site-logo, body.page-tipy > .topbar .top-interior-site-logo{
  width:var(--ti-logo-secondary-width)!important;
  max-width:min(48vw,230px)!important;
  min-width:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.page-tipy > header .top-interior-site-logo img, body.page-tipy > .topbar .top-interior-site-logo img, html.page-tipy .ti-form-site-logo img, body.page-tipy > header .ti-inline-header-logo img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  clip-path:none!important;
}

/* Hlavní stránka: lišta přibližně o 70 % vyšší a úměrně větší logo */
body.page-tipy > header.ti-main-header{
  min-height:106px!important;
  padding:22px 3vw!important;
  align-items:center!important;
}
body.page-tipy > header.ti-main-header .top-interior-site-logo{
  width:clamp(300px,24vw,372px)!important;
  max-width:38vw!important;
}
body.page-tipy > header.ti-main-header nav{
  align-self:center!important;
}

/* Poptávkové formuláře: celé, nepřerostlé a shodné logo */
html.page-tipy .ti-form-site-logo{
  position:absolute!important;
  left:22px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  display:block!important;
  width:var(--ti-logo-form-width)!important;
  max-width:184px!important;
  min-width:0!important;
  line-height:0!important;
  overflow:visible!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  z-index:3!important;
}
body.page-tipy > header.topbar .topbar-inner, body.page-tipy > .topbar .topbar-inner, body.page-tipy > header .generic-topbar-inner{
  padding-left:clamp(212px,18vw,246px)!important;
  min-height:82px!important;
}

/* Společná informační doložka ve spodní části všech stránek */
html.page-tipy .ti-site-notice{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:22px max(22px,5vw)!important;
  border-top:1px solid rgba(214,177,95,.32)!important;
  background:#09050f!important;
  color:#cfc2d5!important;
  font:400 11px/1.65 Inter,Arial,sans-serif!important;
  letter-spacing:0!important;
  text-align:left!important;
}
html.page-tipy .ti-site-notice strong{
  color:#e2c577!important;
  font-weight:800!important;
}
html.page-tipy .ti-site-notice p{
  max-width:1380px!important;
  margin:0 auto!important;
}

@media(max-width:1180px){
  body.page-tipy > header.ti-main-header{
    min-height:0!important;
    padding:19px 3vw!important;
  }
  body.page-tipy > header.ti-main-header .top-interior-site-logo{
    width:clamp(270px,34vw,340px)!important;
    max-width:58vw!important;
  }
}
@media(max-width:900px){
  body.page-tipy > header .top-interior-site-logo, body.page-tipy > .topbar .top-interior-site-logo{
    width:210px!important;
    max-width:64vw!important;
  }
  body.page-tipy > header.ti-main-header{
    padding:18px 20px!important;
  }
  body.page-tipy > header.ti-main-header .top-interior-site-logo{
    width:260px!important;
    max-width:72vw!important;
  }
  body.page-tipy > header.topbar .topbar-inner, body.page-tipy > .topbar .topbar-inner, body.page-tipy > header .generic-topbar-inner{
    padding-left:20px!important;
    min-height:0!important;
  }
  html.page-tipy .ti-form-site-logo{
    position:relative!important;
    left:auto!important;
    top:auto!important;
    transform:none!important;
    width:184px!important;
    max-width:56vw!important;
    grid-column:1/-1!important;
    margin:0 0 8px!important;
  }
}
@media(max-width:560px){
  body.page-tipy > header.ti-main-header .top-interior-site-logo{
    width:232px!important;
    max-width:78vw!important;
  }
  html.page-tipy .ti-form-site-logo{
    width:172px!important;
    max-width:62vw!important;
  }
  html.page-tipy .ti-site-notice{
    padding:18px 17px!important;
    font-size:10.5px!important;
  }
}


/* Krok 99 – kompaktnější hlavní lišta a dvouřádkové hlavičky poptávek */
html.page-tipy{
  --ti-logo-shared-width:clamp(300px,24vw,372px);
}

/* Jedna velikost a jeden vzhled loga na všech stránkách. */
body.page-tipy > header .top-interior-site-logo, body.page-tipy > .topbar .top-interior-site-logo, html.page-tipy .ti-form-site-logo, body.page-tipy > header .ti-inline-header-logo{
  width:var(--ti-logo-shared-width)!important;
  max-width:38vw!important;
  min-width:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  line-height:0!important;
}
body.page-tipy > header .top-interior-site-logo img, body.page-tipy > .topbar .top-interior-site-logo img, html.page-tipy .ti-form-site-logo img, body.page-tipy > header .ti-inline-header-logo img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:left center!important;
  clip-path:none!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* Hlavní stránka: lišta o přibližně 10 % nižší, velikost loga zůstává. */
body.page-tipy > header.ti-main-header, body.page-tipy > header.ti-request-hub-header{
  min-height:96px!important;
  padding:20px 3vw!important;
  align-items:center!important;
}
body.page-tipy > header.ti-main-header .top-interior-site-logo, body.page-tipy > header.ti-request-hub-header .top-interior-site-logo{
  width:var(--ti-logo-shared-width)!important;
  max-width:38vw!important;
}

/* Poptávkové formuláře: logo je samostatně v prvním řádku vlevo. */
body.page-tipy > header.topbar .topbar-inner, body.page-tipy > .topbar .topbar-inner{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-areas:
    "ti-logo ti-logo"
    "ti-brand ti-actions"!important;
  align-items:center!important;
  column-gap:22px!important;
  row-gap:13px!important;
  width:100%!important;
  max-width:none!important;
  padding:18px 3vw!important;
  min-height:0!important;
}
body.page-tipy > header.topbar .topbar-inner > .ti-form-site-logo, body.page-tipy > .topbar .topbar-inner > .ti-form-site-logo{
  grid-area:ti-logo!important;
  position:relative!important;
  left:auto!important;
  top:auto!important;
  transform:none!important;
  justify-self:start!important;
  align-self:start!important;
  display:block!important;
  width:var(--ti-logo-shared-width)!important;
  max-width:38vw!important;
  margin:0!important;
  z-index:3!important;
}
body.page-tipy > header.topbar .topbar-inner > .brand, body.page-tipy > .topbar .topbar-inner > .brand, body.page-tipy > header.topbar .topbar-inner > .brand-title, body.page-tipy > .topbar .topbar-inner > .brand-title{
  grid-area:ti-brand!important;
  min-width:0!important;
}
body.page-tipy > header.topbar .topbar-inner > .actions, body.page-tipy > .topbar .topbar-inner > .actions{
  grid-area:ti-actions!important;
  align-self:center!important;
}

/* Obecný značkový formulář používá stejné dvouřádkové rozložení. */
body.page-tipy > header .generic-topbar-inner{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-areas:
    "ti-logo ti-logo"
    "ti-brand ti-actions"!important;
  align-items:center!important;
  column-gap:22px!important;
  row-gap:13px!important;
  width:100%!important;
  max-width:none!important;
  margin:auto!important;
  padding:18px 3vw!important;
  min-height:0!important;
}
body.page-tipy > header .generic-topbar-inner > .ti-form-site-logo{
  grid-area:ti-logo!important;
  position:relative!important;
  left:auto!important;
  top:auto!important;
  transform:none!important;
  justify-self:start!important;
  width:var(--ti-logo-shared-width)!important;
  max-width:38vw!important;
  margin:0!important;
}
body.page-tipy > header .generic-topbar-inner > .generic-form-brand{grid-area:ti-brand!important}
body.page-tipy > header .generic-topbar-inner > .generic-top-actions{grid-area:ti-actions!important}

/* Centrum E-shop / Poptávky má stejnou hlavičku jako hlavní stránka. */
body.page-tipy > header.ti-request-hub-header{
  display:flex!important;
  justify-content:space-between!important;
  gap:24px!important;
}
body.page-tipy > header.ti-request-hub-header .back{
  flex:0 0 auto!important;
}

@media(max-width:1180px){
  html.page-tipy{--ti-logo-shared-width:clamp(270px,34vw,340px)}
  body.page-tipy > header.ti-main-header, body.page-tipy > header.ti-request-hub-header{min-height:0!important;padding:17px 3vw!important}
  body.page-tipy > header .top-interior-site-logo, body.page-tipy > .topbar .top-interior-site-logo, html.page-tipy .ti-form-site-logo, body.page-tipy > header .ti-inline-header-logo{max-width:58vw!important}

  body.page-tipy > header.topbar .topbar-inner, body.page-tipy > .topbar .topbar-inner, body.page-tipy > header .generic-topbar-inner{
    grid-template-columns:1fr!important;
    grid-template-areas:"ti-logo" "ti-brand" "ti-actions"!important;
  }
  body.page-tipy > header.topbar .topbar-inner > .actions, body.page-tipy > .topbar .topbar-inner > .actions, body.page-tipy > header .generic-topbar-inner > .generic-top-actions{
    width:100%!important;
    max-width:100%!important;
    justify-self:start!important;
    justify-content:flex-start!important;
  }
}
@media(max-width:900px){
  html.page-tipy{--ti-logo-shared-width:260px}
  body.page-tipy > header.ti-main-header, body.page-tipy > header.ti-request-hub-header{padding:16px 20px!important}
  body.page-tipy > header .top-interior-site-logo, body.page-tipy > .topbar .top-interior-site-logo, html.page-tipy .ti-form-site-logo, body.page-tipy > header .ti-inline-header-logo{max-width:72vw!important}
  body.page-tipy > header.topbar .topbar-inner, body.page-tipy > .topbar .topbar-inner, body.page-tipy > header .generic-topbar-inner{
    grid-template-columns:1fr!important;
    grid-template-areas:"ti-logo" "ti-brand" "ti-actions"!important;
    padding:16px 20px!important;
  }
  body.page-tipy > header.topbar .topbar-inner > .actions, body.page-tipy > .topbar .topbar-inner > .actions, body.page-tipy > header .generic-topbar-inner > .generic-top-actions{
    justify-self:start!important;
    justify-content:flex-start!important;
  }
  body.page-tipy > header.ti-request-hub-header{
    flex-wrap:wrap!important;
  }
}
@media(max-width:560px){
  html.page-tipy{--ti-logo-shared-width:232px}
  body.page-tipy > header .top-interior-site-logo, body.page-tipy > .topbar .top-interior-site-logo, html.page-tipy .ti-form-site-logo, body.page-tipy > header .ti-inline-header-logo{max-width:78vw!important}
}


/* Krok 113 – společné logo TOP INTERIOR by JOVEE Services */
html.page-tipy{--ti-combined-logo-width:clamp(370px,31vw,500px)}
body.page-tipy > header .top-interior-site-logo, body.page-tipy > .topbar .top-interior-site-logo, html.page-tipy .ti-form-site-logo, body.page-tipy > header .ti-inline-header-logo{
  width:var(--ti-combined-logo-width)!important;
  max-width:46vw!important;
}
body.page-tipy > header.ti-main-header .top-interior-site-logo, body.page-tipy > header.ti-request-hub-header .top-interior-site-logo{
  width:clamp(410px,34vw,535px)!important;
  max-width:48vw!important;
}
body.page-tipy > header .top-interior-site-logo img, body.page-tipy > .topbar .top-interior-site-logo img, html.page-tipy .ti-form-site-logo img, body.page-tipy > header .ti-inline-header-logo img{
  filter:none!important;
  object-fit:contain!important;
  object-position:left center!important;
}
body.page-tipy > header.ti-main-header, body.page-tipy > header.ti-request-hub-header{
  padding-top:12px!important;
  padding-bottom:12px!important;
}
@media(max-width:1180px){
  html.page-tipy{--ti-combined-logo-width:clamp(330px,43vw,450px)}
  body.page-tipy > header.ti-main-header .top-interior-site-logo, body.page-tipy > header.ti-request-hub-header .top-interior-site-logo{width:clamp(350px,48vw,465px)!important;max-width:58vw!important}
}
@media(max-width:900px){
  html.page-tipy{--ti-combined-logo-width:320px}
  body.page-tipy > header.ti-main-header .top-interior-site-logo, body.page-tipy > header.ti-request-hub-header .top-interior-site-logo{width:340px!important;max-width:78vw!important}
}
@media(max-width:560px){
  html.page-tipy{--ti-combined-logo-width:280px}
  body.page-tipy > header.ti-main-header .top-interior-site-logo, body.page-tipy > header.ti-request-hub-header .top-interior-site-logo{width:300px!important;max-width:86vw!important}
}

/* Krok 115 – vyvážená výška hlavní lišty pro společné logo */
html.page-tipy{
  --ti-combined-logo-width:clamp(330px,25vw,390px);
}

/* Běžné interní stránky a formuláře: čitelné logo bez přerůstání. */
body.page-tipy > header .top-interior-site-logo, body.page-tipy > .topbar .top-interior-site-logo, html.page-tipy .ti-form-site-logo, body.page-tipy > header .ti-inline-header-logo{
  width:var(--ti-combined-logo-width)!important;
  max-width:42vw!important;
}

/* Hlavní navigační lišta: návrat k původní vyvážené výšce. */
body.page-tipy > header.ti-main-header, body.page-tipy > header.ti-request-hub-header{
  min-height:112px!important;
  padding:9px 3vw!important;
  align-items:center!important;
}
body.page-tipy > header.ti-main-header .top-interior-site-logo, body.page-tipy > header.ti-request-hub-header .top-interior-site-logo{
  width:clamp(360px,27vw,420px)!important;
  max-width:43vw!important;
}
body.page-tipy > header.ti-main-header nav{
  gap:clamp(12px,1.15vw,20px)!important;
  font-size:clamp(11px,.72vw,13px)!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
}
body.page-tipy > header.ti-main-header nav a{white-space:nowrap!important}

@media(max-width:1180px){
  html.page-tipy{--ti-combined-logo-width:clamp(300px,31vw,350px)}
  body.page-tipy > header.ti-main-header, body.page-tipy > header.ti-request-hub-header{
    min-height:100px!important;
    padding:9px 3vw!important;
  }
  body.page-tipy > header.ti-main-header .top-interior-site-logo, body.page-tipy > header.ti-request-hub-header .top-interior-site-logo{
    width:clamp(310px,32vw,365px)!important;
    max-width:42vw!important;
  }
  body.page-tipy > header.ti-main-header nav{
    gap:10px!important;
    font-size:11px!important;
  }
}
@media(max-width:900px){
  html.page-tipy{--ti-combined-logo-width:290px}
  body.page-tipy > header.ti-main-header, body.page-tipy > header.ti-request-hub-header{
    min-height:0!important;
    padding:12px 20px!important;
  }
  body.page-tipy > header.ti-main-header .top-interior-site-logo, body.page-tipy > header.ti-request-hub-header .top-interior-site-logo{
    width:300px!important;
    max-width:76vw!important;
  }
}
@media(max-width:560px){
  html.page-tipy{--ti-combined-logo-width:255px}
  body.page-tipy > header.ti-main-header, body.page-tipy > header.ti-request-hub-header{padding:10px 16px!important}
  body.page-tipy > header.ti-main-header .top-interior-site-logo, body.page-tipy > header.ti-request-hub-header .top-interior-site-logo{
    width:268px!important;
    max-width:82vw!important;
  }
}


/* ===== tomton-configurator.html ===== */

/* Source: assets/css/tomton-configurator.css */
/* Source style block 1 */
html.page-tomton-configurator{--bg:#160b22;--panel:#28153a;--gold:#d6b15f;--text:#f6eef7;--muted:#c6b8cd;--line:rgba(214,177,95,.25)}
html.page-tomton-configurator *{box-sizing:border-box}html.page-tomton-configurator{scroll-behavior:smooth}body.page-tomton-configurator{margin:0;font-family:Arial,sans-serif;background:linear-gradient(180deg,#160b22,#28143a);color:var(--text)}
html.page-tomton-configurator a{text-decoration:none;color:inherit}html.page-tomton-configurator .wrap{max-width:1400px;margin:auto;padding-left:5vw;padding-right:5vw}
html.page-tomton-configurator header{position:sticky;top:0;z-index:30;display:flex;justify-content:space-between;align-items:center;padding:16px 5vw;background:rgba(22,11,34,.96);border-bottom:1px solid var(--line)}
html.page-tomton-configurator .logo{color:var(--gold);font-weight:900;letter-spacing:.08em}html.page-tomton-configurator .nav{display:flex;gap:8px;flex-wrap:wrap}html.page-tomton-configurator .btn, html.page-tomton-configurator .outline{display:inline-flex;align-items:center;justify-content:center;padding:11px 14px;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.06em}
html.page-tomton-configurator .btn{background:var(--gold);color:#281437}html.page-tomton-configurator .outline{border:1px solid var(--gold);color:var(--gold)}
html.page-tomton-configurator .hero{padding-top:70px;padding-bottom:42px}html.page-tomton-configurator .eyebrow{color:var(--gold);font-size:11px;text-transform:uppercase;letter-spacing:.16em;font-weight:850}
html.page-tomton-configurator h1, html.page-tomton-configurator h2, html.page-tomton-configurator h3{font-family:Georgia,serif;font-weight:500}html.page-tomton-configurator h1{font-size:clamp(46px,7vw,90px);line-height:.94;margin:17px 0}html.page-tomton-configurator h2{font-size:clamp(34px,4vw,58px);margin:0 0 18px}
html.page-tomton-configurator p{color:var(--muted);line-height:1.65}html.page-tomton-configurator .panel{background:rgba(255,255,255,.045);border:1px solid var(--line)}html.page-tomton-configurator input, html.page-tomton-configurator select, html.page-tomton-configurator textarea{width:100%;padding:11px;background:#12091b;border:1px solid var(--line);color:#fff}
html.page-tomton-configurator button{font:inherit;cursor:pointer}html.page-tomton-configurator .notice{padding:16px 18px;border-left:4px solid var(--gold);background:rgba(214,177,95,.08);color:#d8cadf;font-size:13px;line-height:1.55}
html.page-tomton-configurator footer{margin-top:70px;padding:26px 5vw;border-top:1px solid var(--line);color:#aa9cb2;font-size:12px}

html.page-tomton-configurator .layout{display:grid;grid-template-columns:1fr 390px;gap:18px;padding-bottom:70px}html.page-tomton-configurator .steps{display:grid;gap:12px}html.page-tomton-configurator .step{padding:20px}html.page-tomton-configurator .opts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
html.page-tomton-configurator .opt input{position:absolute;opacity:0}html.page-tomton-configurator .opt label{display:block;padding:12px;text-align:center;border:1px solid var(--line);cursor:pointer}html.page-tomton-configurator .opt input:checked+label{background:var(--gold);color:#281437;font-weight:900}
html.page-tomton-configurator .summary{padding:22px;position:sticky;top:82px;align-self:start}html.page-tomton-configurator .row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--line)}
@media(max-width:900px){html.page-tomton-configurator .layout{grid-template-columns:1fr}html.page-tomton-configurator .summary{position:static}}@media(max-width:620px){html.page-tomton-configurator .opts{grid-template-columns:1fr 1fr}}

/* Krok 96 – jednotné obrazové logo TOP INTERIOR */
html.page-tomton-configurator header{padding-top:10px!important;padding-bottom:10px!important;}
html.page-tomton-configurator .logo.top-interior-site-logo, html.page-tomton-configurator .visoft-page-logo.top-interior-site-logo{
  display:block!important;
  width:clamp(152px,16vw,184px)!important;
  line-height:0!important;
  overflow:hidden!important;
  border:1px solid rgba(214,177,95,.44)!important;
  border-radius:3px!important;
  background:#180a23!important;
  box-shadow:0 7px 21px rgba(0,0,0,.28)!important;
}
html.page-tomton-configurator .logo.top-interior-site-logo img, html.page-tomton-configurator .visoft-page-logo.top-interior-site-logo img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:1610/630!important;
  object-fit:cover!important;
}
@media(max-width:520px){
  html.page-tomton-configurator .logo.top-interior-site-logo, html.page-tomton-configurator .visoft-page-logo.top-interior-site-logo{width:142px!important;}
}


/* Source: assets/css/site-responsive.css */
/* Shared responsive and accessibility layer. Mobile-first; page-specific CSS remains unchanged. */
html.page-tomton-configurator{ --touch-target: 2.75rem; }
html.page-tomton-configurator{ width: 100%; overflow-x: hidden; -webkit-text-size-adjust: 100%; }
body.page-tomton-configurator{ width: 100%; min-width: 0; overflow-x: clip; }
html.page-tomton-configurator img, html.page-tomton-configurator picture, html.page-tomton-configurator video, html.page-tomton-configurator canvas, html.page-tomton-configurator svg{ display: block; max-width: 100%; height: auto; }
html.page-tomton-configurator iframe{ max-width: 100%; }
html.page-tomton-configurator main, html.page-tomton-configurator section, html.page-tomton-configurator article, html.page-tomton-configurator header, html.page-tomton-configurator footer, html.page-tomton-configurator nav, html.page-tomton-configurator form, html.page-tomton-configurator fieldset, html.page-tomton-configurator .wrap, html.page-tomton-configurator .container{ min-width: 0; }
html.page-tomton-configurator button, html.page-tomton-configurator input, html.page-tomton-configurator select, html.page-tomton-configurator textarea{ max-width: 100%; font: inherit; }
html.page-tomton-configurator button, html.page-tomton-configurator input[type="button"], html.page-tomton-configurator input[type="submit"], html.page-tomton-configurator input[type="reset"], html.page-tomton-configurator select, html.page-tomton-configurator .btn, html.page-tomton-configurator .button, html.page-tomton-configurator [role="button"]{ min-height: var(--touch-target); }
html.page-tomton-configurator textarea{ min-height: 7rem; resize: vertical; }
html.page-tomton-configurator .ti-mobile-menu-toggle{
  display: inline-flex; align-items: center; justify-content: center; gap: .5rem;
  min-width: var(--touch-target); min-height: var(--touch-target); padding: .65rem .8rem;
  border: 1px solid rgba(214,177,95,.7); background: rgba(18,8,28,.72);
  color: #f4ead0; font-weight: 800; cursor: pointer;
}
html.page-tomton-configurator .ti-mobile-menu-toggle__icon, html.page-tomton-configurator .ti-mobile-menu-toggle__icon::before, html.page-tomton-configurator .ti-mobile-menu-toggle__icon::after{
  display: block; width: 1.25rem; height: .125rem; background: currentColor; content: ""; transition: transform .2s ease;
}
html.page-tomton-configurator .ti-mobile-menu-toggle__icon{ position: relative; }
html.page-tomton-configurator .ti-mobile-menu-toggle__icon::before{ position: absolute; top: -.4rem; }
html.page-tomton-configurator .ti-mobile-menu-toggle__icon::after{ position: absolute; top: .4rem; }
html.page-tomton-configurator header.ti-mobile-nav-header{ flex-wrap: wrap; }
html.page-tomton-configurator header.ti-mobile-nav-header > nav{ display: none !important; width: 100%; flex-direction: column; align-items: stretch; gap: .25rem; padding-top: .75rem; }
html.page-tomton-configurator header.ti-nav-open > nav{ display: flex !important; }
html.page-tomton-configurator header.ti-mobile-nav-header > nav a{ display: flex; align-items: center; min-height: var(--touch-target); padding: .65rem .75rem; }
@media (max-width: 47.99rem) {
  html.page-tomton-configurator h1{ overflow-wrap: anywhere; }
  html.page-tomton-configurator .wrap, html.page-tomton-configurator .container{ width: 100%; padding-inline: clamp(1rem, 4vw, 1.5rem); }
  html.page-tomton-configurator .grid, html.page-tomton-configurator .cards, html.page-tomton-configurator .card-grid, html.page-tomton-configurator .brand-grid, html.page-tomton-configurator .product-grid, html.page-tomton-configurator .form-grid{ grid-template-columns: minmax(0, 1fr) !important; }
  html.page-tomton-configurator table{ display: block; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
}
@media (min-width: 56.25rem) {
  html.page-tomton-configurator .ti-mobile-menu-toggle{ display: none; }
  html.page-tomton-configurator header.ti-mobile-nav-header{ flex-wrap: nowrap; }
  html.page-tomton-configurator header.ti-mobile-nav-header > nav{ display: flex !important; width: auto; flex-direction: row; align-items: center; padding-top: 0; }
  html.page-tomton-configurator header.ti-mobile-nav-header > nav a{ min-height: auto; padding: 0; }
}
@media (prefers-reduced-motion: reduce) {
  html.page-tomton-configurator *, html.page-tomton-configurator *::before, html.page-tomton-configurator *::after{ scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}


/* Source: assets/css/top-interior-velvet-header.css */
/* Krok 97 – jednotná sametová horní lišta a logo TOP INTERIOR */
body.page-tomton-configurator > header, body.page-tomton-configurator > .topbar{
  background-color:#17081f!important;
  background-image:
    linear-gradient(90deg,rgba(8,3,12,.28),rgba(42,8,54,.08) 45%,rgba(8,3,12,.38)),
    url("../assets/images/top-interior-velvet-header.jpg")!important;
  background-position:center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  border-top:0!important;
  border-bottom:1px solid rgba(214,177,95,.58)!important;
  box-shadow:0 9px 28px rgba(0,0,0,.34)!important;
}

/* Hlavní logo na standardních stránkách */
body.page-tomton-configurator > header .top-interior-site-logo, body.page-tomton-configurator > .topbar .top-interior-site-logo{
  display:block!important;
  flex:0 0 auto!important;
  width:clamp(220px,18vw,280px)!important;
  max-width:42vw!important;
  line-height:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.page-tomton-configurator > header .top-interior-site-logo img, body.page-tomton-configurator > .topbar .top-interior-site-logo img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  filter:drop-shadow(0 3px 4px rgba(0,0,0,.8)) drop-shadow(0 0 8px rgba(214,177,95,.16));
}
body.page-tomton-configurator > header nav a, body.page-tomton-configurator > header .nav a, body.page-tomton-configurator > header .back, body.page-tomton-configurator > header .outline{
  color:#f3e9f5!important;
  text-shadow:0 1px 3px rgba(0,0,0,.75);
}
body.page-tomton-configurator > header nav a:hover, body.page-tomton-configurator > header .nav a:hover{color:#f1cf77!important}

/* Logo TOP INTERIOR doplněné do poptávkových formulářů */
html.page-tomton-configurator .ti-form-site-logo{
  position:absolute;
  left:20px;
  top:50%;
  transform:translateY(-50%);
  display:block;
  width:clamp(178px,15vw,220px);
  max-width:23vw;
  line-height:0;
  z-index:2;
}
html.page-tomton-configurator .ti-form-site-logo img{
  display:block;
  width:100%;
  height:auto;
  filter:drop-shadow(0 3px 4px rgba(0,0,0,.82)) drop-shadow(0 0 7px rgba(214,177,95,.14));
}
body.page-tomton-configurator > header.topbar .topbar-inner, body.page-tomton-configurator > .topbar .topbar-inner{
  position:relative!important;
  max-width:1500px!important;
  min-height:78px!important;
  padding-left:clamp(222px,20vw,292px)!important;
}
body.page-tomton-configurator > header.topbar .brand h1, body.page-tomton-configurator > header.topbar .brand p, body.page-tomton-configurator > .topbar .brand h1, body.page-tomton-configurator > .topbar .brand p, body.page-tomton-configurator > header.topbar .brand-title h1, body.page-tomton-configurator > header.topbar .brand-title p, body.page-tomton-configurator > .topbar .brand-title h1, body.page-tomton-configurator > .topbar .brand-title p{
  color:#fff!important;
  text-shadow:0 1px 3px rgba(0,0,0,.75)!important;
}
body.page-tomton-configurator > header.topbar .brand p, body.page-tomton-configurator > .topbar .brand p, body.page-tomton-configurator > header.topbar .brand-title p, body.page-tomton-configurator > .topbar .brand-title p{color:#ded0e5!important}
body.page-tomton-configurator > header.topbar .actions .btn, body.page-tomton-configurator > .topbar .actions .btn, body.page-tomton-configurator > header.topbar .actions a, body.page-tomton-configurator > .topbar .actions a{
  box-shadow:0 3px 10px rgba(0,0,0,.22);
}

/* Obecný značkový poptávkový formulář */
body.page-tomton-configurator > header .generic-topbar-inner{
  position:relative!important;
  width:100%!important;
  max-width:1500px!important;
  margin:auto!important;
  min-height:64px!important;
  padding-left:clamp(222px,20vw,292px)!important;
}
body.page-tomton-configurator > header .generic-form-brand, body.page-tomton-configurator > header .generic-top-actions{color:#fff!important}

/* Interaktivní koupelna */
body.page-tomton-configurator > header .ti-inline-header-logo{
  display:block;
  width:clamp(220px,20vw,292px);
  line-height:0;
  margin:0 0 10px;
}
body.page-tomton-configurator > header .ti-inline-header-logo img{display:block;width:100%;height:auto;filter:drop-shadow(0 3px 4px rgba(0,0,0,.8))}
body.page-tomton-configurator > header.ti-inline-header{max-width:none!important;margin:0!important;padding:14px max(24px,calc((100vw - 1760px)/2)) 15px!important}
body.page-tomton-configurator > header.ti-inline-header h1{color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.75)}

@media(max-width:900px){
  body.page-tomton-configurator > header .top-interior-site-logo, body.page-tomton-configurator > .topbar .top-interior-site-logo{width:210px!important;max-width:60vw!important}
  body.page-tomton-configurator > header.topbar .topbar-inner, body.page-tomton-configurator > .topbar .topbar-inner, body.page-tomton-configurator > header .generic-topbar-inner{
    padding-left:20px!important;
    min-height:0!important;
  }
  html.page-tomton-configurator .ti-form-site-logo{
    position:relative;
    left:auto;top:auto;transform:none;
    width:210px;max-width:64vw;
    grid-column:1/-1;
    margin:0 0 4px;
  }
}
@media(max-width:560px){
  body.page-tomton-configurator > header .top-interior-site-logo, body.page-tomton-configurator > .topbar .top-interior-site-logo{width:188px!important;max-width:66vw!important}
  html.page-tomton-configurator .ti-form-site-logo{width:190px}
}


/* Krok 98 – sjednocené logo, zvětšená hlavní lišta a informační doložka */
html.page-tomton-configurator{
  --ti-logo-secondary-width:clamp(190px,16vw,230px);
  --ti-logo-form-width:clamp(162px,14vw,184px);
}

/* Jednotný vzhled loga na všech běžných a interních stránkách */
body.page-tomton-configurator > header .top-interior-site-logo, body.page-tomton-configurator > .topbar .top-interior-site-logo{
  width:var(--ti-logo-secondary-width)!important;
  max-width:min(48vw,230px)!important;
  min-width:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.page-tomton-configurator > header .top-interior-site-logo img, body.page-tomton-configurator > .topbar .top-interior-site-logo img, html.page-tomton-configurator .ti-form-site-logo img, body.page-tomton-configurator > header .ti-inline-header-logo img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  clip-path:none!important;
}

/* Hlavní stránka: lišta přibližně o 70 % vyšší a úměrně větší logo */
body.page-tomton-configurator > header.ti-main-header{
  min-height:106px!important;
  padding:22px 3vw!important;
  align-items:center!important;
}
body.page-tomton-configurator > header.ti-main-header .top-interior-site-logo{
  width:clamp(300px,24vw,372px)!important;
  max-width:38vw!important;
}
body.page-tomton-configurator > header.ti-main-header nav{
  align-self:center!important;
}

/* Poptávkové formuláře: celé, nepřerostlé a shodné logo */
html.page-tomton-configurator .ti-form-site-logo{
  position:absolute!important;
  left:22px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  display:block!important;
  width:var(--ti-logo-form-width)!important;
  max-width:184px!important;
  min-width:0!important;
  line-height:0!important;
  overflow:visible!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  z-index:3!important;
}
body.page-tomton-configurator > header.topbar .topbar-inner, body.page-tomton-configurator > .topbar .topbar-inner, body.page-tomton-configurator > header .generic-topbar-inner{
  padding-left:clamp(212px,18vw,246px)!important;
  min-height:82px!important;
}

/* Společná informační doložka ve spodní části všech stránek */
html.page-tomton-configurator .ti-site-notice{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:22px max(22px,5vw)!important;
  border-top:1px solid rgba(214,177,95,.32)!important;
  background:#09050f!important;
  color:#cfc2d5!important;
  font:400 11px/1.65 Inter,Arial,sans-serif!important;
  letter-spacing:0!important;
  text-align:left!important;
}
html.page-tomton-configurator .ti-site-notice strong{
  color:#e2c577!important;
  font-weight:800!important;
}
html.page-tomton-configurator .ti-site-notice p{
  max-width:1380px!important;
  margin:0 auto!important;
}

@media(max-width:1180px){
  body.page-tomton-configurator > header.ti-main-header{
    min-height:0!important;
    padding:19px 3vw!important;
  }
  body.page-tomton-configurator > header.ti-main-header .top-interior-site-logo{
    width:clamp(270px,34vw,340px)!important;
    max-width:58vw!important;
  }
}
@media(max-width:900px){
  body.page-tomton-configurator > header .top-interior-site-logo, body.page-tomton-configurator > .topbar .top-interior-site-logo{
    width:210px!important;
    max-width:64vw!important;
  }
  body.page-tomton-configurator > header.ti-main-header{
    padding:18px 20px!important;
  }
  body.page-tomton-configurator > header.ti-main-header .top-interior-site-logo{
    width:260px!important;
    max-width:72vw!important;
  }
  body.page-tomton-configurator > header.topbar .topbar-inner, body.page-tomton-configurator > .topbar .topbar-inner, body.page-tomton-configurator > header .generic-topbar-inner{
    padding-left:20px!important;
    min-height:0!important;
  }
  html.page-tomton-configurator .ti-form-site-logo{
    position:relative!important;
    left:auto!important;
    top:auto!important;
    transform:none!important;
    width:184px!important;
    max-width:56vw!important;
    grid-column:1/-1!important;
    margin:0 0 8px!important;
  }
}
@media(max-width:560px){
  body.page-tomton-configurator > header.ti-main-header .top-interior-site-logo{
    width:232px!important;
    max-width:78vw!important;
  }
  html.page-tomton-configurator .ti-form-site-logo{
    width:172px!important;
    max-width:62vw!important;
  }
  html.page-tomton-configurator .ti-site-notice{
    padding:18px 17px!important;
    font-size:10.5px!important;
  }
}


/* Krok 99 – kompaktnější hlavní lišta a dvouřádkové hlavičky poptávek */
html.page-tomton-configurator{
  --ti-logo-shared-width:clamp(300px,24vw,372px);
}

/* Jedna velikost a jeden vzhled loga na všech stránkách. */
body.page-tomton-configurator > header .top-interior-site-logo, body.page-tomton-configurator > .topbar .top-interior-site-logo, html.page-tomton-configurator .ti-form-site-logo, body.page-tomton-configurator > header .ti-inline-header-logo{
  width:var(--ti-logo-shared-width)!important;
  max-width:38vw!important;
  min-width:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  line-height:0!important;
}
body.page-tomton-configurator > header .top-interior-site-logo img, body.page-tomton-configurator > .topbar .top-interior-site-logo img, html.page-tomton-configurator .ti-form-site-logo img, body.page-tomton-configurator > header .ti-inline-header-logo img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:left center!important;
  clip-path:none!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* Hlavní stránka: lišta o přibližně 10 % nižší, velikost loga zůstává. */
body.page-tomton-configurator > header.ti-main-header, body.page-tomton-configurator > header.ti-request-hub-header{
  min-height:96px!important;
  padding:20px 3vw!important;
  align-items:center!important;
}
body.page-tomton-configurator > header.ti-main-header .top-interior-site-logo, body.page-tomton-configurator > header.ti-request-hub-header .top-interior-site-logo{
  width:var(--ti-logo-shared-width)!important;
  max-width:38vw!important;
}

/* Poptávkové formuláře: logo je samostatně v prvním řádku vlevo. */
body.page-tomton-configurator > header.topbar .topbar-inner, body.page-tomton-configurator > .topbar .topbar-inner{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-areas:
    "ti-logo ti-logo"
    "ti-brand ti-actions"!important;
  align-items:center!important;
  column-gap:22px!important;
  row-gap:13px!important;
  width:100%!important;
  max-width:none!important;
  padding:18px 3vw!important;
  min-height:0!important;
}
body.page-tomton-configurator > header.topbar .topbar-inner > .ti-form-site-logo, body.page-tomton-configurator > .topbar .topbar-inner > .ti-form-site-logo{
  grid-area:ti-logo!important;
  position:relative!important;
  left:auto!important;
  top:auto!important;
  transform:none!important;
  justify-self:start!important;
  align-self:start!important;
  display:block!important;
  width:var(--ti-logo-shared-width)!important;
  max-width:38vw!important;
  margin:0!important;
  z-index:3!important;
}
body.page-tomton-configurator > header.topbar .topbar-inner > .brand, body.page-tomton-configurator > .topbar .topbar-inner > .brand, body.page-tomton-configurator > header.topbar .topbar-inner > .brand-title, body.page-tomton-configurator > .topbar .topbar-inner > .brand-title{
  grid-area:ti-brand!important;
  min-width:0!important;
}
body.page-tomton-configurator > header.topbar .topbar-inner > .actions, body.page-tomton-configurator > .topbar .topbar-inner > .actions{
  grid-area:ti-actions!important;
  align-self:center!important;
}

/* Obecný značkový formulář používá stejné dvouřádkové rozložení. */
body.page-tomton-configurator > header .generic-topbar-inner{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-areas:
    "ti-logo ti-logo"
    "ti-brand ti-actions"!important;
  align-items:center!important;
  column-gap:22px!important;
  row-gap:13px!important;
  width:100%!important;
  max-width:none!important;
  margin:auto!important;
  padding:18px 3vw!important;
  min-height:0!important;
}
body.page-tomton-configurator > header .generic-topbar-inner > .ti-form-site-logo{
  grid-area:ti-logo!important;
  position:relative!important;
  left:auto!important;
  top:auto!important;
  transform:none!important;
  justify-self:start!important;
  width:var(--ti-logo-shared-width)!important;
  max-width:38vw!important;
  margin:0!important;
}
body.page-tomton-configurator > header .generic-topbar-inner > .generic-form-brand{grid-area:ti-brand!important}
body.page-tomton-configurator > header .generic-topbar-inner > .generic-top-actions{grid-area:ti-actions!important}

/* Centrum E-shop / Poptávky má stejnou hlavičku jako hlavní stránka. */
body.page-tomton-configurator > header.ti-request-hub-header{
  display:flex!important;
  justify-content:space-between!important;
  gap:24px!important;
}
body.page-tomton-configurator > header.ti-request-hub-header .back{
  flex:0 0 auto!important;
}

@media(max-width:1180px){
  html.page-tomton-configurator{--ti-logo-shared-width:clamp(270px,34vw,340px)}
  body.page-tomton-configurator > header.ti-main-header, body.page-tomton-configurator > header.ti-request-hub-header{min-height:0!important;padding:17px 3vw!important}
  body.page-tomton-configurator > header .top-interior-site-logo, body.page-tomton-configurator > .topbar .top-interior-site-logo, html.page-tomton-configurator .ti-form-site-logo, body.page-tomton-configurator > header .ti-inline-header-logo{max-width:58vw!important}

  body.page-tomton-configurator > header.topbar .topbar-inner, body.page-tomton-configurator > .topbar .topbar-inner, body.page-tomton-configurator > header .generic-topbar-inner{
    grid-template-columns:1fr!important;
    grid-template-areas:"ti-logo" "ti-brand" "ti-actions"!important;
  }
  body.page-tomton-configurator > header.topbar .topbar-inner > .actions, body.page-tomton-configurator > .topbar .topbar-inner > .actions, body.page-tomton-configurator > header .generic-topbar-inner > .generic-top-actions{
    width:100%!important;
    max-width:100%!important;
    justify-self:start!important;
    justify-content:flex-start!important;
  }
}
@media(max-width:900px){
  html.page-tomton-configurator{--ti-logo-shared-width:260px}
  body.page-tomton-configurator > header.ti-main-header, body.page-tomton-configurator > header.ti-request-hub-header{padding:16px 20px!important}
  body.page-tomton-configurator > header .top-interior-site-logo, body.page-tomton-configurator > .topbar .top-interior-site-logo, html.page-tomton-configurator .ti-form-site-logo, body.page-tomton-configurator > header .ti-inline-header-logo{max-width:72vw!important}
  body.page-tomton-configurator > header.topbar .topbar-inner, body.page-tomton-configurator > .topbar .topbar-inner, body.page-tomton-configurator > header .generic-topbar-inner{
    grid-template-columns:1fr!important;
    grid-template-areas:"ti-logo" "ti-brand" "ti-actions"!important;
    padding:16px 20px!important;
  }
  body.page-tomton-configurator > header.topbar .topbar-inner > .actions, body.page-tomton-configurator > .topbar .topbar-inner > .actions, body.page-tomton-configurator > header .generic-topbar-inner > .generic-top-actions{
    justify-self:start!important;
    justify-content:flex-start!important;
  }
  body.page-tomton-configurator > header.ti-request-hub-header{
    flex-wrap:wrap!important;
  }
}
@media(max-width:560px){
  html.page-tomton-configurator{--ti-logo-shared-width:232px}
  body.page-tomton-configurator > header .top-interior-site-logo, body.page-tomton-configurator > .topbar .top-interior-site-logo, html.page-tomton-configurator .ti-form-site-logo, body.page-tomton-configurator > header .ti-inline-header-logo{max-width:78vw!important}
}


/* Krok 113 – společné logo TOP INTERIOR by JOVEE Services */
html.page-tomton-configurator{--ti-combined-logo-width:clamp(370px,31vw,500px)}
body.page-tomton-configurator > header .top-interior-site-logo, body.page-tomton-configurator > .topbar .top-interior-site-logo, html.page-tomton-configurator .ti-form-site-logo, body.page-tomton-configurator > header .ti-inline-header-logo{
  width:var(--ti-combined-logo-width)!important;
  max-width:46vw!important;
}
body.page-tomton-configurator > header.ti-main-header .top-interior-site-logo, body.page-tomton-configurator > header.ti-request-hub-header .top-interior-site-logo{
  width:clamp(410px,34vw,535px)!important;
  max-width:48vw!important;
}
body.page-tomton-configurator > header .top-interior-site-logo img, body.page-tomton-configurator > .topbar .top-interior-site-logo img, html.page-tomton-configurator .ti-form-site-logo img, body.page-tomton-configurator > header .ti-inline-header-logo img{
  filter:none!important;
  object-fit:contain!important;
  object-position:left center!important;
}
body.page-tomton-configurator > header.ti-main-header, body.page-tomton-configurator > header.ti-request-hub-header{
  padding-top:12px!important;
  padding-bottom:12px!important;
}
@media(max-width:1180px){
  html.page-tomton-configurator{--ti-combined-logo-width:clamp(330px,43vw,450px)}
  body.page-tomton-configurator > header.ti-main-header .top-interior-site-logo, body.page-tomton-configurator > header.ti-request-hub-header .top-interior-site-logo{width:clamp(350px,48vw,465px)!important;max-width:58vw!important}
}
@media(max-width:900px){
  html.page-tomton-configurator{--ti-combined-logo-width:320px}
  body.page-tomton-configurator > header.ti-main-header .top-interior-site-logo, body.page-tomton-configurator > header.ti-request-hub-header .top-interior-site-logo{width:340px!important;max-width:78vw!important}
}
@media(max-width:560px){
  html.page-tomton-configurator{--ti-combined-logo-width:280px}
  body.page-tomton-configurator > header.ti-main-header .top-interior-site-logo, body.page-tomton-configurator > header.ti-request-hub-header .top-interior-site-logo{width:300px!important;max-width:86vw!important}
}

/* Krok 115 – vyvážená výška hlavní lišty pro společné logo */
html.page-tomton-configurator{
  --ti-combined-logo-width:clamp(330px,25vw,390px);
}

/* Běžné interní stránky a formuláře: čitelné logo bez přerůstání. */
body.page-tomton-configurator > header .top-interior-site-logo, body.page-tomton-configurator > .topbar .top-interior-site-logo, html.page-tomton-configurator .ti-form-site-logo, body.page-tomton-configurator > header .ti-inline-header-logo{
  width:var(--ti-combined-logo-width)!important;
  max-width:42vw!important;
}

/* Hlavní navigační lišta: návrat k původní vyvážené výšce. */
body.page-tomton-configurator > header.ti-main-header, body.page-tomton-configurator > header.ti-request-hub-header{
  min-height:112px!important;
  padding:9px 3vw!important;
  align-items:center!important;
}
body.page-tomton-configurator > header.ti-main-header .top-interior-site-logo, body.page-tomton-configurator > header.ti-request-hub-header .top-interior-site-logo{
  width:clamp(360px,27vw,420px)!important;
  max-width:43vw!important;
}
body.page-tomton-configurator > header.ti-main-header nav{
  gap:clamp(12px,1.15vw,20px)!important;
  font-size:clamp(11px,.72vw,13px)!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
}
body.page-tomton-configurator > header.ti-main-header nav a{white-space:nowrap!important}

@media(max-width:1180px){
  html.page-tomton-configurator{--ti-combined-logo-width:clamp(300px,31vw,350px)}
  body.page-tomton-configurator > header.ti-main-header, body.page-tomton-configurator > header.ti-request-hub-header{
    min-height:100px!important;
    padding:9px 3vw!important;
  }
  body.page-tomton-configurator > header.ti-main-header .top-interior-site-logo, body.page-tomton-configurator > header.ti-request-hub-header .top-interior-site-logo{
    width:clamp(310px,32vw,365px)!important;
    max-width:42vw!important;
  }
  body.page-tomton-configurator > header.ti-main-header nav{
    gap:10px!important;
    font-size:11px!important;
  }
}
@media(max-width:900px){
  html.page-tomton-configurator{--ti-combined-logo-width:290px}
  body.page-tomton-configurator > header.ti-main-header, body.page-tomton-configurator > header.ti-request-hub-header{
    min-height:0!important;
    padding:12px 20px!important;
  }
  body.page-tomton-configurator > header.ti-main-header .top-interior-site-logo, body.page-tomton-configurator > header.ti-request-hub-header .top-interior-site-logo{
    width:300px!important;
    max-width:76vw!important;
  }
}
@media(max-width:560px){
  html.page-tomton-configurator{--ti-combined-logo-width:255px}
  body.page-tomton-configurator > header.ti-main-header, body.page-tomton-configurator > header.ti-request-hub-header{padding:10px 16px!important}
  body.page-tomton-configurator > header.ti-main-header .top-interior-site-logo, body.page-tomton-configurator > header.ti-request-hub-header .top-interior-site-logo{
    width:268px!important;
    max-width:82vw!important;
  }
}


/* Extracted former inline styles */
html.page-tomton-configurator .inline-style-1{width:100%}

/* ===== tomton-poptavka/tomton-poptavkovy-formular.html ===== */

/* Source: assets/css/tomton-poptavka-tomton-poptavkovy-formular.css */
/* Source style block 1 */
html.page-tomton-poptavka-tomton-poptavkovy-formular{
  --red:#d9272e;--black:#17191b;--yellow:#f4bd18;--ink:#23272b;
  --muted:#69727a;--line:#dfe4e7;--soft:#f4f6f7;--green:#16845c;
  --shadow:0 8px 26px rgba(25,30,35,.08)
}
html.page-tomton-poptavka-tomton-poptavkovy-formular *{box-sizing:border-box}
html.page-tomton-poptavka-tomton-poptavkovy-formular{scroll-behavior:smooth}
body.page-tomton-poptavka-tomton-poptavkovy-formular{margin:0;background:#eef1f3;color:var(--ink);font-family:Inter,Arial,Helvetica,sans-serif}
html.page-tomton-poptavka-tomton-poptavkovy-formular button, html.page-tomton-poptavka-tomton-poptavkovy-formular input, html.page-tomton-poptavka-tomton-poptavkovy-formular select{font:inherit}html.page-tomton-poptavka-tomton-poptavkovy-formular a{color:inherit}
html.page-tomton-poptavka-tomton-poptavkovy-formular .topbar{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}
html.page-tomton-poptavka-tomton-poptavkovy-formular .topbar-inner{max-width:1200px;margin:auto;padding:13px 20px;display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center}
html.page-tomton-poptavka-tomton-poptavkovy-formular .brand{display:flex;align-items:center;gap:13px}
html.page-tomton-poptavka-tomton-poptavkovy-formular .logo-mark{width:46px;height:46px;border-radius:50%;background:var(--red);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:950;font-size:12px;box-shadow:inset 0 0 0 6px rgba(255,255,255,.2)}
html.page-tomton-poptavka-tomton-poptavkovy-formular .brand h1{margin:0;font-size:21px}html.page-tomton-poptavka-tomton-poptavkovy-formular .brand p{margin:3px 0 0;color:var(--muted);font-size:12px}
html.page-tomton-poptavka-tomton-poptavkovy-formular .actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
html.page-tomton-poptavka-tomton-poptavkovy-formular .btn{border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 13px;cursor:pointer;font-weight:800}
html.page-tomton-poptavka-tomton-poptavkovy-formular .btn.primary{background:var(--black);border-color:var(--black);color:#fff}
html.page-tomton-poptavka-tomton-poptavkovy-formular .badge{display:inline-flex;min-width:20px;height:20px;align-items:center;justify-content:center;background:#fff;color:var(--black);border-radius:999px;margin-left:4px;font-size:11px}
html.page-tomton-poptavka-tomton-poptavkovy-formular .hero, html.page-tomton-poptavka-tomton-poptavkovy-formular .summary, html.page-tomton-poptavka-tomton-poptavkovy-formular .cart-wrap, html.page-tomton-poptavka-tomton-poptavkovy-formular main{max-width:1200px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}
html.page-tomton-poptavka-tomton-poptavkovy-formular .hero{margin-top:22px}html.page-tomton-poptavka-tomton-poptavkovy-formular .hero-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:var(--shadow)}
html.page-tomton-poptavka-tomton-poptavkovy-formular .hero-grid{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:end}
html.page-tomton-poptavka-tomton-poptavkovy-formular .hero h2{margin:0 0 6px}html.page-tomton-poptavka-tomton-poptavkovy-formular .hero p{margin:0;color:var(--muted);line-height:1.5}
html.page-tomton-poptavka-tomton-poptavkovy-formular .search{min-width:330px}html.page-tomton-poptavka-tomton-poptavkovy-formular .search label{display:block;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;color:var(--muted)}
html.page-tomton-poptavka-tomton-poptavkovy-formular .search input{width:100%;border:1px solid #cbd2d9;border-radius:10px;padding:12px 13px}
html.page-tomton-poptavka-tomton-poptavkovy-formular .summary{margin-top:14px}html.page-tomton-poptavka-tomton-poptavkovy-formular .summary-card{display:flex;justify-content:space-between;gap:16px;align-items:center;background:var(--black);color:#fff;border-radius:14px;padding:14px 16px}
html.page-tomton-poptavka-tomton-poptavkovy-formular .summary-card span{color:#d5dade}
html.page-tomton-poptavka-tomton-poptavkovy-formular .cart-wrap{margin-top:14px;scroll-margin-top:92px}html.page-tomton-poptavka-tomton-poptavkovy-formular .cart-card{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}
html.page-tomton-poptavka-tomton-poptavkovy-formular .cart-head{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px 18px;background:#fff2f3;border-bottom:1px solid #f1d1d4}
html.page-tomton-poptavka-tomton-poptavkovy-formular .cart-head h2{margin:0;font-size:20px}html.page-tomton-poptavka-tomton-poptavkovy-formular .cart-head p{margin:4px 0 0;color:var(--muted);font-size:13px}
html.page-tomton-poptavka-tomton-poptavkovy-formular .cart-count{background:var(--red);color:#fff;padding:7px 11px;border-radius:999px;font-size:12px;font-weight:900}
html.page-tomton-poptavka-tomton-poptavkovy-formular .cart-empty{padding:22px 18px;text-align:center;color:var(--muted)}
html.page-tomton-poptavka-tomton-poptavkovy-formular .cart-table-wrap{overflow:auto}html.page-tomton-poptavka-tomton-poptavkovy-formular .cart-table{width:100%;border-collapse:collapse;min-width:980px}
html.page-tomton-poptavka-tomton-poptavkovy-formular .cart-table th, html.page-tomton-poptavka-tomton-poptavkovy-formular .cart-table td{padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top;text-align:left}
html.page-tomton-poptavka-tomton-poptavkovy-formular .cart-table th{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#65707a;background:#fafbfc}
html.page-tomton-poptavka-tomton-poptavkovy-formular .cart-note{font-size:11px;color:var(--muted);margin-top:3px}
html.page-tomton-poptavka-tomton-poptavkovy-formular .cart-remove{border:0;background:#f5e6e7;color:#a52b34;border-radius:8px;padding:7px 9px;font-weight:800;cursor:pointer}
html.page-tomton-poptavka-tomton-poptavkovy-formular main{margin-top:18px;margin-bottom:60px}
html.page-tomton-poptavka-tomton-poptavkovy-formular .product-guide{margin:0 0 14px}
html.page-tomton-poptavka-tomton-poptavkovy-formular .product-guide-card{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;padding:17px 19px;border-radius:16px;text-decoration:none;color:#fff;background:linear-gradient(125deg,#161719 0%,#292c2f 72%,#d9272e 175%);box-shadow:var(--shadow);transition:.2s}
html.page-tomton-poptavka-tomton-poptavkovy-formular .product-guide-card:hover{transform:translateY(-2px);box-shadow:0 12px 34px rgba(30,35,40,.16)}
html.page-tomton-poptavka-tomton-poptavkovy-formular .product-guide-icon{width:64px;height:70px;border-radius:11px;background:#fff;color:#17191b;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}
html.page-tomton-poptavka-tomton-poptavkovy-formular .product-guide-icon:after{content:"";position:absolute;right:0;top:0;border-style:solid;border-width:0 0 17px 17px;border-color:transparent transparent #dfe3e7 transparent}
html.page-tomton-poptavka-tomton-poptavkovy-formular .product-guide-icon span{font-size:10px;font-weight:900;letter-spacing:.08em;color:var(--red)}
html.page-tomton-poptavka-tomton-poptavkovy-formular .product-guide-icon b{font-size:27px;line-height:1}
html.page-tomton-poptavka-tomton-poptavkovy-formular .product-guide-copy h2{margin:2px 0 5px;font-size:23px}
html.page-tomton-poptavka-tomton-poptavkovy-formular .product-guide-copy p{margin:0;color:#e2e5e8;line-height:1.45;font-size:14px}
html.page-tomton-poptavka-tomton-poptavkovy-formular .product-guide-eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.11em;font-weight:900;color:#ffd95c}
html.page-tomton-poptavka-tomton-poptavkovy-formular .product-guide-action{white-space:nowrap;background:var(--red);padding:11px 14px;border-radius:10px;font-weight:900;font-size:13px}
html.page-tomton-poptavka-tomton-poptavkovy-formular .category-header{background:#fff;border:1px solid var(--line);border-left:8px solid var(--red);border-radius:12px;padding:14px 16px;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center}
html.page-tomton-poptavka-tomton-poptavkovy-formular .category-header h2{margin:2px 0 0;font-size:21px}html.page-tomton-poptavka-tomton-poptavkovy-formular .eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.09em;font-weight:900;color:var(--red)}
html.page-tomton-poptavka-tomton-poptavkovy-formular .count{font-size:13px;color:var(--muted);font-weight:800}
html.page-tomton-poptavka-tomton-poptavkovy-formular .product-row{display:grid;grid-template-columns:355px 1fr;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;margin:10px 0;box-shadow:0 2px 8px rgba(30,35,40,.03)}
html.page-tomton-poptavka-tomton-poptavkovy-formular .product-row.selected{border-color:rgba(22,132,92,.5);box-shadow:0 0 0 3px rgba(22,132,92,.08)}
html.page-tomton-poptavka-tomton-poptavkovy-formular .product-row.is-search-hidden{display:none!important}html.page-tomton-poptavka-tomton-poptavkovy-formular [hidden]{display:none!important}
html.page-tomton-poptavka-tomton-poptavkovy-formular .product-visual{background:#f3f5f6;padding:15px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:11px}
html.page-tomton-poptavka-tomton-poptavkovy-formular .image-link{display:block;position:relative;border-radius:10px;overflow:hidden;background:#fff;border:1px solid #dfe4e8;text-decoration:none}
html.page-tomton-poptavka-tomton-poptavkovy-formular .image-link img{width:100%;height:250px;object-fit:contain;background:#fff;display:block;transition:.2s}
html.page-tomton-poptavka-tomton-poptavkovy-formular .image-link span{position:absolute;left:8px;right:8px;bottom:7px;background:rgba(20,22,24,.88);color:#fff;padding:6px 8px;border-radius:7px;text-align:center;font-size:11px;font-weight:800;opacity:0;transform:translateY(4px);transition:.2s}
html.page-tomton-poptavka-tomton-poptavkovy-formular .image-link:hover img{transform:scale(1.025)}html.page-tomton-poptavka-tomton-poptavkovy-formular .image-link:hover span{opacity:1;transform:none}
html.page-tomton-poptavka-tomton-poptavkovy-formular .price-box{background:#fff;border:1px solid #dde2e6;border-radius:10px;padding:10px 12px}
html.page-tomton-poptavka-tomton-poptavkovy-formular .price-box small{display:block;color:var(--muted);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}
html.page-tomton-poptavka-tomton-poptavkovy-formular .price-box strong{font-size:14px}html.page-tomton-poptavka-tomton-poptavkovy-formular .price-box em{display:block;font-size:10px;color:#858d95;font-style:normal;margin-top:3px}
html.page-tomton-poptavka-tomton-poptavkovy-formular .product-panel{padding:16px 18px;display:grid;grid-template-columns:1fr 200px;gap:12px 18px;align-items:start}
html.page-tomton-poptavka-tomton-poptavkovy-formular .product-heading{grid-column:1/-1;display:flex;justify-content:space-between;gap:12px;align-items:start}
html.page-tomton-poptavka-tomton-poptavkovy-formular .product-heading h3{margin:0;font-size:19px}html.page-tomton-poptavka-tomton-poptavkovy-formular .product-heading h3 a{text-decoration:none}html.page-tomton-poptavka-tomton-poptavkovy-formular .product-heading h3 a:hover{color:var(--red);text-decoration:underline}
html.page-tomton-poptavka-tomton-poptavkovy-formular .product-heading p{margin:5px 0 0;color:var(--muted);font-size:13px;line-height:1.48}
html.page-tomton-poptavka-tomton-poptavkovy-formular .order-number{display:inline-flex;width:30px;height:30px;border-radius:999px;background:var(--red);color:#fff;align-items:center;justify-content:center;font-size:12px;font-weight:900;margin-right:8px;vertical-align:middle}
html.page-tomton-poptavka-tomton-poptavkovy-formular .status{background:#eef1f4;color:#69727b;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:800;white-space:nowrap}html.page-tomton-poptavka-tomton-poptavkovy-formular .selected .status{background:#e5f6ee;color:var(--green)}
html.page-tomton-poptavka-tomton-poptavkovy-formular .request-table{width:100%;border-collapse:collapse;border:1px solid var(--line);border-radius:10px;overflow:hidden}
html.page-tomton-poptavka-tomton-poptavkovy-formular .request-table th, html.page-tomton-poptavka-tomton-poptavkovy-formular .request-table td{border-bottom:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:middle}
html.page-tomton-poptavka-tomton-poptavkovy-formular .request-table tr:last-child th, html.page-tomton-poptavka-tomton-poptavkovy-formular .request-table tr:last-child td{border-bottom:0}
html.page-tomton-poptavka-tomton-poptavkovy-formular .request-table th{width:185px;background:var(--soft);font-size:12px;color:#59636d}
html.page-tomton-poptavka-tomton-poptavkovy-formular .request-table input, html.page-tomton-poptavka-tomton-poptavkovy-formular .request-table select{width:100%;border:1px solid #cbd2d8;border-radius:8px;padding:9px 10px;background:#fff}
html.page-tomton-poptavka-tomton-poptavkovy-formular .spec-readout{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
html.page-tomton-poptavka-tomton-poptavkovy-formular .spec-cell{background:#fff;border:1px solid #dce1e5;border-radius:8px;padding:8px 9px;min-height:52px}
html.page-tomton-poptavka-tomton-poptavkovy-formular .spec-cell small{display:block;font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-weight:900;margin-bottom:4px}
html.page-tomton-poptavka-tomton-poptavkovy-formular .spec-cell strong{font-size:12px;line-height:1.3}
html.page-tomton-poptavka-tomton-poptavkovy-formular .add-btn{align-self:stretch;min-height:100%;border:0;background:var(--black);color:#fff;border-radius:10px;padding:14px;font-size:15px;font-weight:900;cursor:pointer}
html.page-tomton-poptavka-tomton-poptavkovy-formular .selected .add-btn{background:var(--green)}
html.page-tomton-poptavka-tomton-poptavkovy-formular .empty{display:none;background:#fff4e8;border:1px solid #ffd6ad;padding:18px;border-radius:12px;margin-top:18px}
html.page-tomton-poptavka-tomton-poptavkovy-formular .source-note{margin-top:18px;color:var(--muted);font-size:11px;line-height:1.5}
@media(max-width:900px){
 html.page-tomton-poptavka-tomton-poptavkovy-formular .topbar-inner{grid-template-columns:1fr}html.page-tomton-poptavka-tomton-poptavkovy-formular .actions{justify-content:flex-start}html.page-tomton-poptavka-tomton-poptavkovy-formular .hero-grid{grid-template-columns:1fr}html.page-tomton-poptavka-tomton-poptavkovy-formular .search{min-width:0}
 html.page-tomton-poptavka-tomton-poptavkovy-formular .product-guide-card{grid-template-columns:auto 1fr}html.page-tomton-poptavka-tomton-poptavkovy-formular .product-guide-action{grid-column:1/-1;text-align:center}
 html.page-tomton-poptavka-tomton-poptavkovy-formular .product-row{grid-template-columns:1fr}html.page-tomton-poptavka-tomton-poptavkovy-formular .product-visual{border-right:0;border-bottom:1px solid var(--line)}
 html.page-tomton-poptavka-tomton-poptavkovy-formular .product-panel{grid-template-columns:1fr}html.page-tomton-poptavka-tomton-poptavkovy-formular .add-btn{min-height:auto}html.page-tomton-poptavka-tomton-poptavkovy-formular .product-heading{grid-column:auto}
}
@media(max-width:600px){html.page-tomton-poptavka-tomton-poptavkovy-formular .spec-readout{grid-template-columns:1fr}}
@media print{
 html.page-tomton-poptavka-tomton-poptavkovy-formular .topbar, html.page-tomton-poptavka-tomton-poptavkovy-formular .hero, html.page-tomton-poptavka-tomton-poptavkovy-formular .summary, html.page-tomton-poptavka-tomton-poptavkovy-formular .cart-wrap, html.page-tomton-poptavka-tomton-poptavkovy-formular .product-guide, html.page-tomton-poptavka-tomton-poptavkovy-formular .add-btn, html.page-tomton-poptavka-tomton-poptavkovy-formular .status, html.page-tomton-poptavka-tomton-poptavkovy-formular .source-note{display:none!important}
 body.page-tomton-poptavka-tomton-poptavkovy-formular{background:#fff}html.page-tomton-poptavka-tomton-poptavkovy-formular main{max-width:none;margin:0;padding:0}html.page-tomton-poptavka-tomton-poptavkovy-formular .product-row{break-inside:avoid;box-shadow:none}html.page-tomton-poptavka-tomton-poptavkovy-formular .product-row:not(.selected){display:none}
}

html.page-tomton-poptavka-tomton-poptavkovy-formular .aerconiq-category{margin-top:24px}
html.page-tomton-poptavka-tomton-poptavkovy-formular .aerconiq-category .category-header{border-left-color:#12849a}
html.page-tomton-poptavka-tomton-poptavkovy-formular .aerconiq-category .eyebrow{color:#12849a}
html.page-tomton-poptavka-tomton-poptavkovy-formular .aerconiq-category .order-number{background:#12849a}
html.page-tomton-poptavka-tomton-poptavkovy-formular .aerconiq-category .price-box{border-color:#cfe2e7}

html.page-tomton-poptavka-tomton-poptavkovy-formular .color-swatches{background:#fff;border:1px solid #dde2e6;border-radius:10px;padding:10px 12px}
html.page-tomton-poptavka-tomton-poptavkovy-formular .color-swatches-label{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:9px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
html.page-tomton-poptavka-tomton-poptavkovy-formular .color-swatches-label span:last-child{text-transform:none;letter-spacing:0;font-weight:700;color:#8a9299}
html.page-tomton-poptavka-tomton-poptavkovy-formular .swatch-list{display:flex;flex-wrap:wrap;gap:8px}
html.page-tomton-poptavka-tomton-poptavkovy-formular .color-swatch{width:28px;height:28px;border-radius:50%;border:2px solid #fff;outline:1px solid #bcc4ca;box-shadow:0 1px 4px rgba(0,0,0,.12);cursor:pointer;position:relative;padding:0;transition:.16s}
html.page-tomton-poptavka-tomton-poptavkovy-formular .color-swatch:hover{transform:scale(1.1)}
html.page-tomton-poptavka-tomton-poptavkovy-formular .color-swatch.active{outline:3px solid var(--red);outline-offset:2px}
html.page-tomton-poptavka-tomton-poptavkovy-formular .color-swatch.active:after{content:"✓";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:950;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.8)}
html.page-tomton-poptavka-tomton-poptavkovy-formular .color-swatch.light.active:after{color:#17191b;text-shadow:none}
html.page-tomton-poptavka-tomton-poptavkovy-formular .color-swatch[data-kind="wood"]:before, html.page-tomton-poptavka-tomton-poptavkovy-formular .color-swatch[data-kind="stone"]:before{content:"";position:absolute;inset:5px;border-radius:50%;border:1px solid rgba(255,255,255,.45)}
html.page-tomton-poptavka-tomton-poptavkovy-formular .uv-default-note{margin-top:5px;font-size:10px;color:var(--muted);line-height:1.35}

/* Integrace TOMTON do TOP INTERIOR */
html.page-tomton-poptavka-tomton-poptavkovy-formular .topbar{padding:0!important}
html.page-tomton-poptavka-tomton-poptavkovy-formular .topbar-inner{
  width:100%!important;max-width:1180px!important;min-height:78px!important;
  margin:0 auto!important;padding:12px 20px!important;box-sizing:border-box!important;
  display:grid!important;grid-template-columns:minmax(270px,1fr) 817px!important;
  gap:18px!important;align-items:center!important
}
html.page-tomton-poptavka-tomton-poptavkovy-formular .topbar .brand{min-width:0!important;display:flex!important;align-items:center!important;gap:13px!important}
html.page-tomton-poptavka-tomton-poptavkovy-formular .form-brand-logo{display:block!important;width:138px!important;height:48px!important;flex:0 0 138px!important;object-fit:contain!important;object-position:left center!important}
html.page-tomton-poptavka-tomton-poptavkovy-formular .topbar .brand h1{margin:0!important;font-size:17px!important;line-height:1.18!important}
html.page-tomton-poptavka-tomton-poptavkovy-formular .topbar .brand p{margin:3px 0 0!important}
html.page-tomton-poptavka-tomton-poptavkovy-formular .topbar .actions{
  width:817px!important;display:grid!important;
  grid-template-columns:150px 88px 120px 105px 220px 94px!important;
  gap:8px!important;align-items:stretch!important;justify-content:stretch!important;margin:0!important
}
html.page-tomton-poptavka-tomton-poptavkovy-formular .topbar .actions > a, html.page-tomton-poptavka-tomton-poptavkovy-formular .topbar .actions > button{
  width:100%!important;height:44px!important;min-height:44px!important;margin:0!important;
  padding:8px 9px!important;box-sizing:border-box!important;display:flex!important;
  align-items:center!important;justify-content:center!important;text-align:center!important;
  line-height:1.12!important;font-size:11px!important;white-space:normal!important;text-decoration:none!important
}
html.page-tomton-poptavka-tomton-poptavkovy-formular .tomton-unified-info{max-width:1180px;margin:12px auto 0;padding:10px 20px;color:#5d6670;font-size:12px;line-height:1.5;box-sizing:border-box}
html.page-tomton-poptavka-tomton-poptavkovy-formular .tomton-unified-info strong{color:var(--red)}
@media(max-width:1180px){
 html.page-tomton-poptavka-tomton-poptavkovy-formular .topbar-inner{grid-template-columns:1fr!important}
 html.page-tomton-poptavka-tomton-poptavkovy-formular .topbar .actions{width:100%!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:700px){
 html.page-tomton-poptavka-tomton-poptavkovy-formular .form-brand-logo{width:118px!important;height:43px!important;flex-basis:118px!important}
 html.page-tomton-poptavka-tomton-poptavkovy-formular .topbar .actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* Source style block 2 */
body.page-tomton-poptavka-tomton-poptavkovy-formular{font-family:Arial;margin:28px;color:#20252b}html.page-tomton-poptavka-tomton-poptavkovy-formular h1{margin:0 0 5px}html.page-tomton-poptavka-tomton-poptavkovy-formular p{color:#68717b}html.page-tomton-poptavka-tomton-poptavkovy-formular table{width:100%;border-collapse:collapse;margin-top:20px;font-size:12px}html.page-tomton-poptavka-tomton-poptavkovy-formular th, html.page-tomton-poptavka-tomton-poptavkovy-formular td{border:1px solid #d9dee2;padding:9px;text-align:left;vertical-align:top}html.page-tomton-poptavka-tomton-poptavkovy-formular th{background:#f3f5f7}html.page-tomton-poptavka-tomton-poptavkovy-formular small{color:#68717b}


/* Source: assets/css/site-responsive.css */
/* Shared responsive and accessibility layer. Mobile-first; page-specific CSS remains unchanged. */
html.page-tomton-poptavka-tomton-poptavkovy-formular{ --touch-target: 2.75rem; }
html.page-tomton-poptavka-tomton-poptavkovy-formular{ width: 100%; overflow-x: hidden; -webkit-text-size-adjust: 100%; }
body.page-tomton-poptavka-tomton-poptavkovy-formular{ width: 100%; min-width: 0; overflow-x: clip; }
html.page-tomton-poptavka-tomton-poptavkovy-formular img, html.page-tomton-poptavka-tomton-poptavkovy-formular picture, html.page-tomton-poptavka-tomton-poptavkovy-formular video, html.page-tomton-poptavka-tomton-poptavkovy-formular canvas, html.page-tomton-poptavka-tomton-poptavkovy-formular svg{ display: block; max-width: 100%; height: auto; }
html.page-tomton-poptavka-tomton-poptavkovy-formular iframe{ max-width: 100%; }
html.page-tomton-poptavka-tomton-poptavkovy-formular main, html.page-tomton-poptavka-tomton-poptavkovy-formular section, html.page-tomton-poptavka-tomton-poptavkovy-formular article, html.page-tomton-poptavka-tomton-poptavkovy-formular header, html.page-tomton-poptavka-tomton-poptavkovy-formular footer, html.page-tomton-poptavka-tomton-poptavkovy-formular nav, html.page-tomton-poptavka-tomton-poptavkovy-formular form, html.page-tomton-poptavka-tomton-poptavkovy-formular fieldset, html.page-tomton-poptavka-tomton-poptavkovy-formular .wrap, html.page-tomton-poptavka-tomton-poptavkovy-formular .container{ min-width: 0; }
html.page-tomton-poptavka-tomton-poptavkovy-formular button, html.page-tomton-poptavka-tomton-poptavkovy-formular input, html.page-tomton-poptavka-tomton-poptavkovy-formular select, html.page-tomton-poptavka-tomton-poptavkovy-formular textarea{ max-width: 100%; font: inherit; }
html.page-tomton-poptavka-tomton-poptavkovy-formular button, html.page-tomton-poptavka-tomton-poptavkovy-formular input[type="button"], html.page-tomton-poptavka-tomton-poptavkovy-formular input[type="submit"], html.page-tomton-poptavka-tomton-poptavkovy-formular input[type="reset"], html.page-tomton-poptavka-tomton-poptavkovy-formular select, html.page-tomton-poptavka-tomton-poptavkovy-formular .btn, html.page-tomton-poptavka-tomton-poptavkovy-formular .button, html.page-tomton-poptavka-tomton-poptavkovy-formular [role="button"]{ min-height: var(--touch-target); }
html.page-tomton-poptavka-tomton-poptavkovy-formular textarea{ min-height: 7rem; resize: vertical; }
html.page-tomton-poptavka-tomton-poptavkovy-formular .ti-mobile-menu-toggle{
  display: inline-flex; align-items: center; justify-content: center; gap: .5rem;
  min-width: var(--touch-target); min-height: var(--touch-target); padding: .65rem .8rem;
  border: 1px solid rgba(214,177,95,.7); background: rgba(18,8,28,.72);
  color: #f4ead0; font-weight: 800; cursor: pointer;
}
html.page-tomton-poptavka-tomton-poptavkovy-formular .ti-mobile-menu-toggle__icon, html.page-tomton-poptavka-tomton-poptavkovy-formular .ti-mobile-menu-toggle__icon::before, html.page-tomton-poptavka-tomton-poptavkovy-formular .ti-mobile-menu-toggle__icon::after{
  display: block; width: 1.25rem; height: .125rem; background: currentColor; content: ""; transition: transform .2s ease;
}
html.page-tomton-poptavka-tomton-poptavkovy-formular .ti-mobile-menu-toggle__icon{ position: relative; }
html.page-tomton-poptavka-tomton-poptavkovy-formular .ti-mobile-menu-toggle__icon::before{ position: absolute; top: -.4rem; }
html.page-tomton-poptavka-tomton-poptavkovy-formular .ti-mobile-menu-toggle__icon::after{ position: absolute; top: .4rem; }
html.page-tomton-poptavka-tomton-poptavkovy-formular header.ti-mobile-nav-header{ flex-wrap: wrap; }
html.page-tomton-poptavka-tomton-poptavkovy-formular header.ti-mobile-nav-header > nav{ display: none !important; width: 100%; flex-direction: column; align-items: stretch; gap: .25rem; padding-top: .75rem; }
html.page-tomton-poptavka-tomton-poptavkovy-formular header.ti-nav-open > nav{ display: flex !important; }
html.page-tomton-poptavka-tomton-poptavkovy-formular header.ti-mobile-nav-header > nav a{ display: flex; align-items: center; min-height: var(--touch-target); padding: .65rem .75rem; }
@media (max-width: 47.99rem) {
  html.page-tomton-poptavka-tomton-poptavkovy-formular h1{ overflow-wrap: anywhere; }
  html.page-tomton-poptavka-tomton-poptavkovy-formular .wrap, html.page-tomton-poptavka-tomton-poptavkovy-formular .container{ width: 100%; padding-inline: clamp(1rem, 4vw, 1.5rem); }
  html.page-tomton-poptavka-tomton-poptavkovy-formular .grid, html.page-tomton-poptavka-tomton-poptavkovy-formular .cards, html.page-tomton-poptavka-tomton-poptavkovy-formular .card-grid, html.page-tomton-poptavka-tomton-poptavkovy-formular .brand-grid, html.page-tomton-poptavka-tomton-poptavkovy-formular .product-grid, html.page-tomton-poptavka-tomton-poptavkovy-formular .form-grid{ grid-template-columns: minmax(0, 1fr) !important; }
  html.page-tomton-poptavka-tomton-poptavkovy-formular table{ display: block; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
}
@media (min-width: 56.25rem) {
  html.page-tomton-poptavka-tomton-poptavkovy-formular .ti-mobile-menu-toggle{ display: none; }
  html.page-tomton-poptavka-tomton-poptavkovy-formular header.ti-mobile-nav-header{ flex-wrap: nowrap; }
  html.page-tomton-poptavka-tomton-poptavkovy-formular header.ti-mobile-nav-header > nav{ display: flex !important; width: auto; flex-direction: row; align-items: center; padding-top: 0; }
  html.page-tomton-poptavka-tomton-poptavkovy-formular header.ti-mobile-nav-header > nav a{ min-height: auto; padding: 0; }
}
@media (prefers-reduced-motion: reduce) {
  html.page-tomton-poptavka-tomton-poptavkovy-formular *, html.page-tomton-poptavka-tomton-poptavkovy-formular *::before, html.page-tomton-poptavka-tomton-poptavkovy-formular *::after{ scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}


/* Source: assets/css/top-interior-velvet-header.css */
/* Krok 97 – jednotná sametová horní lišta a logo TOP INTERIOR */
body.page-tomton-poptavka-tomton-poptavkovy-formular > header, body.page-tomton-poptavka-tomton-poptavkovy-formular > .topbar{
  background-color:#17081f!important;
  background-image:
    linear-gradient(90deg,rgba(8,3,12,.28),rgba(42,8,54,.08) 45%,rgba(8,3,12,.38)),
    url("../assets/images/top-interior-velvet-header.jpg")!important;
  background-position:center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  border-top:0!important;
  border-bottom:1px solid rgba(214,177,95,.58)!important;
  box-shadow:0 9px 28px rgba(0,0,0,.34)!important;
}

/* Hlavní logo na standardních stránkách */
body.page-tomton-poptavka-tomton-poptavkovy-formular > header .top-interior-site-logo, body.page-tomton-poptavka-tomton-poptavkovy-formular > .topbar .top-interior-site-logo{
  display:block!important;
  flex:0 0 auto!important;
  width:clamp(220px,18vw,280px)!important;
  max-width:42vw!important;
  line-height:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.page-tomton-poptavka-tomton-poptavkovy-formular > header .top-interior-site-logo img, body.page-tomton-poptavka-tomton-poptavkovy-formular > .topbar .top-interior-site-logo img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  filter:drop-shadow(0 3px 4px rgba(0,0,0,.8)) drop-shadow(0 0 8px rgba(214,177,95,.16));
}
body.page-tomton-poptavka-tomton-poptavkovy-formular > header nav a, body.page-tomton-poptavka-tomton-poptavkovy-formular > header .nav a, body.page-tomton-poptavka-tomton-poptavkovy-formular > header .back, body.page-tomton-poptavka-tomton-poptavkovy-formular > header .outline{
  color:#f3e9f5!important;
  text-shadow:0 1px 3px rgba(0,0,0,.75);
}
body.page-tomton-poptavka-tomton-poptavkovy-formular > header nav a:hover, body.page-tomton-poptavka-tomton-poptavkovy-formular > header .nav a:hover{color:#f1cf77!important}

/* Logo TOP INTERIOR doplněné do poptávkových formulářů */
html.page-tomton-poptavka-tomton-poptavkovy-formular .ti-form-site-logo{
  position:absolute;
  left:20px;
  top:50%;
  transform:translateY(-50%);
  display:block;
  width:clamp(178px,15vw,220px);
  max-width:23vw;
  line-height:0;
  z-index:2;
}
html.page-tomton-poptavka-tomton-poptavkovy-formular .ti-form-site-logo img{
  display:block;
  width:100%;
  height:auto;
  filter:drop-shadow(0 3px 4px rgba(0,0,0,.82)) drop-shadow(0 0 7px rgba(214,177,95,.14));
}
body.page-tomton-poptavka-tomton-poptavkovy-formular > header.topbar .topbar-inner, body.page-tomton-poptavka-tomton-poptavkovy-formular > .topbar .topbar-inner{
  position:relative!important;
  max-width:1500px!important;
  min-height:78px!important;
  padding-left:clamp(222px,20vw,292px)!important;
}
body.page-tomton-poptavka-tomton-poptavkovy-formular > header.topbar .brand h1, body.page-tomton-poptavka-tomton-poptavkovy-formular > header.topbar .brand p, body.page-tomton-poptavka-tomton-poptavkovy-formular > .topbar .brand h1, body.page-tomton-poptavka-tomton-poptavkovy-formular > .topbar .brand p, body.page-tomton-poptavka-tomton-poptavkovy-formular > header.topbar .brand-title h1, body.page-tomton-poptavka-tomton-poptavkovy-formular > header.topbar .brand-title p, body.page-tomton-poptavka-tomton-poptavkovy-formular > .topbar .brand-title h1, body.page-tomton-poptavka-tomton-poptavkovy-formular > .topbar .brand-title p{
  color:#fff!important;
  text-shadow:0 1px 3px rgba(0,0,0,.75)!important;
}
body.page-tomton-poptavka-tomton-poptavkovy-formular > header.topbar .brand p, body.page-tomton-poptavka-tomton-poptavkovy-formular > .topbar .brand p, body.page-tomton-poptavka-tomton-poptavkovy-formular > header.topbar .brand-title p, body.page-tomton-poptavka-tomton-poptavkovy-formular > .topbar .brand-title p{color:#ded0e5!important}
body.page-tomton-poptavka-tomton-poptavkovy-formular > header.topbar .actions .btn, body.page-tomton-poptavka-tomton-poptavkovy-formular > .topbar .actions .btn, body.page-tomton-poptavka-tomton-poptavkovy-formular > header.topbar .actions a, body.page-tomton-poptavka-tomton-poptavkovy-formular > .topbar .actions a{
  box-shadow:0 3px 10px rgba(0,0,0,.22);
}

/* Obecný značkový poptávkový formulář */
body.page-tomton-poptavka-tomton-poptavkovy-formular > header .generic-topbar-inner{
  position:relative!important;
  width:100%!important;
  max-width:1500px!important;
  margin:auto!important;
  min-height:64px!important;
  padding-left:clamp(222px,20vw,292px)!important;
}
body.page-tomton-poptavka-tomton-poptavkovy-formular > header .generic-form-brand, body.page-tomton-poptavka-tomton-poptavkovy-formular > header .generic-top-actions{color:#fff!important}

/* Interaktivní koupelna */
body.page-tomton-poptavka-tomton-poptavkovy-formular > header .ti-inline-header-logo{
  display:block;
  width:clamp(220px,20vw,292px);
  line-height:0;
  margin:0 0 10px;
}
body.page-tomton-poptavka-tomton-poptavkovy-formular > header .ti-inline-header-logo img{display:block;width:100%;height:auto;filter:drop-shadow(0 3px 4px rgba(0,0,0,.8))}
body.page-tomton-poptavka-tomton-poptavkovy-formular > header.ti-inline-header{max-width:none!important;margin:0!important;padding:14px max(24px,calc((100vw - 1760px)/2)) 15px!important}
body.page-tomton-poptavka-tomton-poptavkovy-formular > header.ti-inline-header h1{color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.75)}

@media(max-width:900px){
  body.page-tomton-poptavka-tomton-poptavkovy-formular > header .top-interior-site-logo, body.page-tomton-poptavka-tomton-poptavkovy-formular > .topbar .top-interior-site-logo{width:210px!important;max-width:60vw!important}
  body.page-tomton-poptavka-tomton-poptavkovy-formular > header.topbar .topbar-inner, body.page-tomton-poptavka-tomton-poptavkovy-formular > .topbar .topbar-inner, body.page-tomton-poptavka-tomton-poptavkovy-formular > header .generic-topbar-inner{
    padding-left:20px!important;
    min-height:0!important;
  }
  html.page-tomton-poptavka-tomton-poptavkovy-formular .ti-form-site-logo{
    position:relative;
    left:auto;top:auto;transform:none;
    width:210px;max-width:64vw;
    grid-column:1/-1;
    margin:0 0 4px;
  }
}
@media(max-width:560px){
  body.page-tomton-poptavka-tomton-poptavkovy-formular > header .top-interior-site-logo, body.page-tomton-poptavka-tomton-poptavkovy-formular > .topbar .top-interior-site-logo{width:188px!important;max-width:66vw!important}
  html.page-tomton-poptavka-tomton-poptavkovy-formular .ti-form-site-logo{width:190px}
}


/* Krok 98 – sjednocené logo, zvětšená hlavní lišta a informační doložka */
html.page-tomton-poptavka-tomton-poptavkovy-formular{
  --ti-logo-secondary-width:clamp(190px,16vw,230px);
  --ti-logo-form-width:clamp(162px,14vw,184px);
}

/* Jednotný vzhled loga na všech běžných a interních stránkách */
body.page-tomton-poptavka-tomton-poptavkovy-formular > header .top-interior-site-logo, body.page-tomton-poptavka-tomton-poptavkovy-formular > .topbar .top-interior-site-logo{
  width:var(--ti-logo-secondary-width)!important;
  max-width:min(48vw,230px)!important;
  min-width:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.page-tomton-poptavka-tomton-poptavkovy-formular > header .top-interior-site-logo img, body.page-tomton-poptavka-tomton-poptavkovy-formular > .topbar .top-interior-site-logo img, html.page-tomton-poptavka-tomton-poptavkovy-formular .ti-form-site-logo img, body.page-tomton-poptavka-tomton-poptavkovy-formular > header .ti-inline-header-logo img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  clip-path:none!important;
}

/* Hlavní stránka: lišta přibližně o 70 % vyšší a úměrně větší logo */
body.page-tomton-poptavka-tomton-poptavkovy-formular > header.ti-main-header{
  min-height:106px!important;
  padding:22px 3vw!important;
  align-items:center!important;
}
body.page-tomton-poptavka-tomton-poptavkovy-formular > header.ti-main-header .top-interior-site-logo{
  width:clamp(300px,24vw,372px)!important;
  max-width:38vw!important;
}
body.page-tomton-poptavka-tomton-poptavkovy-formular > header.ti-main-header nav{
  align-self:center!important;
}

/* Poptávkové formuláře: celé, nepřerostlé a shodné logo */
html.page-tomton-poptavka-tomton-poptavkovy-formular .ti-form-site-logo{
  position:absolute!important;
  left:22px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  display:block!important;
  width:var(--ti-logo-form-width)!important;
  max-width:184px!important;
  min-width:0!important;
  line-height:0!important;
  overflow:visible!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  z-index:3!important;
}
body.page-tomton-poptavka-tomton-poptavkovy-formular > header.topbar .topbar-inner, body.page-tomton-poptavka-tomton-poptavkovy-formular > .topbar .topbar-inner, body.page-tomton-poptavka-tomton-poptavkovy-formular > header .generic-topbar-inner{
  padding-left:clamp(212px,18vw,246px)!important;
  min-height:82px!important;
}

/* Společná informační doložka ve spodní části všech stránek */
html.page-tomton-poptavka-tomton-poptavkovy-formular .ti-site-notice{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:22px max(22px,5vw)!important;
  border-top:1px solid rgba(214,177,95,.32)!important;
  background:#09050f!important;
  color:#cfc2d5!important;
  font:400 11px/1.65 Inter,Arial,sans-serif!important;
  letter-spacing:0!important;
  text-align:left!important;
}
html.page-tomton-poptavka-tomton-poptavkovy-formular .ti-site-notice strong{
  color:#e2c577!important;
  font-weight:800!important;
}
html.page-tomton-poptavka-tomton-poptavkovy-formular .ti-site-notice p{
  max-width:1380px!important;
  margin:0 auto!important;
}

@media(max-width:1180px){
  body.page-tomton-poptavka-tomton-poptavkovy-formular > header.ti-main-header{
    min-height:0!important;
    padding:19px 3vw!important;
  }
  body.page-tomton-poptavka-tomton-poptavkovy-formular > header.ti-main-header .top-interior-site-logo{
    width:clamp(270px,34vw,340px)!important;
    max-width:58vw!important;
  }
}
@media(max-width:900px){
  body.page-tomton-poptavka-tomton-poptavkovy-formular > header .top-interior-site-logo, body.page-tomton-poptavka-tomton-poptavkovy-formular > .topbar .top-interior-site-logo{
    width:210px!important;
    max-width:64vw!important;
  }
  body.page-tomton-poptavka-tomton-poptavkovy-formular > header.ti-main-header{
    padding:18px 20px!important;
  }
  body.page-tomton-poptavka-tomton-poptavkovy-formular > header.ti-main-header .top-interior-site-logo{
    width:260px!important;
    max-width:72vw!important;
  }
  body.page-tomton-poptavka-tomton-poptavkovy-formular > header.topbar .topbar-inner, body.page-tomton-poptavka-tomton-poptavkovy-formular > .topbar .topbar-inner, body.page-tomton-poptavka-tomton-poptavkovy-formular > header .generic-topbar-inner{
    padding-left:20px!important;
    min-height:0!important;
  }
  html.page-tomton-poptavka-tomton-poptavkovy-formular .ti-form-site-logo{
    position:relative!important;
    left:auto!important;
    top:auto!important;
    transform:none!important;
    width:184px!important;
    max-width:56vw!important;
    grid-column:1/-1!important;
    margin:0 0 8px!important;
  }
}
@media(max-width:560px){
  body.page-tomton-poptavka-tomton-poptavkovy-formular > header.ti-main-header .top-interior-site-logo{
    width:232px!important;
    max-width:78vw!important;
  }
  html.page-tomton-poptavka-tomton-poptavkovy-formular .ti-form-site-logo{
    width:172px!important;
    max-width:62vw!important;
  }
  html.page-tomton-poptavka-tomton-poptavkovy-formular .ti-site-notice{
    padding:18px 17px!important;
    font-size:10.5px!important;
  }
}


/* Krok 99 – kompaktnější hlavní lišta a dvouřádkové hlavičky poptávek */
html.page-tomton-poptavka-tomton-poptavkovy-formular{
  --ti-logo-shared-width:clamp(300px,24vw,372px);
}

/* Jedna velikost a jeden vzhled loga na všech stránkách. */
body.page-tomton-poptavka-tomton-poptavkovy-formular > header .top-interior-site-logo, body.page-tomton-poptavka-tomton-poptavkovy-formular > .topbar .top-interior-site-logo, html.page-tomton-poptavka-tomton-poptavkovy-formular .ti-form-site-logo, body.page-tomton-poptavka-tomton-poptavkovy-formular > header .ti-inline-header-logo{
  width:var(--ti-logo-shared-width)!important;
  max-width:38vw!important;
  min-width:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  line-height:0!important;
}
body.page-tomton-poptavka-tomton-poptavkovy-formular > header .top-interior-site-logo img, body.page-tomton-poptavka-tomton-poptavkovy-formular > .topbar .top-interior-site-logo img, html.page-tomton-poptavka-tomton-poptavkovy-formular .ti-form-site-logo img, body.page-tomton-poptavka-tomton-poptavkovy-formular > header .ti-inline-header-logo img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:left center!important;
  clip-path:none!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* Hlavní stránka: lišta o přibližně 10 % nižší, velikost loga zůstává. */
body.page-tomton-poptavka-tomton-poptavkovy-formular > header.ti-main-header, body.page-tomton-poptavka-tomton-poptavkovy-formular > header.ti-request-hub-header{
  min-height:96px!important;
  padding:20px 3vw!important;
  align-items:center!important;
}
body.page-tomton-poptavka-tomton-poptavkovy-formular > header.ti-main-header .top-interior-site-logo, body.page-tomton-poptavka-tomton-poptavkovy-formular > header.ti-request-hub-header .top-interior-site-logo{
  width:var(--ti-logo-shared-width)!important;
  max-width:38vw!important;
}

/* Poptávkové formuláře: logo je samostatně v prvním řádku vlevo. */
body.page-tomton-poptavka-tomton-poptavkovy-formular > header.topbar .topbar-inner, body.page-tomton-poptavka-tomton-poptavkovy-formular > .topbar .topbar-inner{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-areas:
    "ti-logo ti-logo"
    "ti-brand ti-actions"!important;
  align-items:center!important;
  column-gap:22px!important;
  row-gap:13px!important;
  width:100%!important;
  max-width:none!important;
  padding:18px 3vw!important;
  min-height:0!important;
}
body.page-tomton-poptavka-tomton-poptavkovy-formular > header.topbar .topbar-inner > .ti-form-site-logo, body.page-tomton-poptavka-tomton-poptavkovy-formular > .topbar .topbar-inner > .ti-form-site-logo{
  grid-area:ti-logo!important;
  position:relative!important;
  left:auto!important;
  top:auto!important;
  transform:none!important;
  justify-self:start!important;
  align-self:start!important;
  display:block!important;
  width:var(--ti-logo-shared-width)!important;
  max-width:38vw!important;
  margin:0!important;
  z-index:3!important;
}
body.page-tomton-poptavka-tomton-poptavkovy-formular > header.topbar .topbar-inner > .brand, body.page-tomton-poptavka-tomton-poptavkovy-formular > .topbar .topbar-inner > .brand, body.page-tomton-poptavka-tomton-poptavkovy-formular > header.topbar .topbar-inner > .brand-title, body.page-tomton-poptavka-tomton-poptavkovy-formular > .topbar .topbar-inner > .brand-title{
  grid-area:ti-brand!important;
  min-width:0!important;
}
body.page-tomton-poptavka-tomton-poptavkovy-formular > header.topbar .topbar-inner > .actions, body.page-tomton-poptavka-tomton-poptavkovy-formular > .topbar .topbar-inner > .actions{
  grid-area:ti-actions!important;
  align-self:center!important;
}

/* Obecný značkový formulář používá stejné dvouřádkové rozložení. */
body.page-tomton-poptavka-tomton-poptavkovy-formular > header .generic-topbar-inner{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-areas:
    "ti-logo ti-logo"
    "ti-brand ti-actions"!important;
  align-items:center!important;
  column-gap:22px!important;
  row-gap:13px!important;
  width:100%!important;
  max-width:none!important;
  margin:auto!important;
  padding:18px 3vw!important;
  min-height:0!important;
}
body.page-tomton-poptavka-tomton-poptavkovy-formular > header .generic-topbar-inner > .ti-form-site-logo{
  grid-area:ti-logo!important;
  position:relative!important;
  left:auto!important;
  top:auto!important;
  transform:none!important;
  justify-self:start!important;
  width:var(--ti-logo-shared-width)!important;
  max-width:38vw!important;
  margin:0!important;
}
body.page-tomton-poptavka-tomton-poptavkovy-formular > header .generic-topbar-inner > .generic-form-brand{grid-area:ti-brand!important}
body.page-tomton-poptavka-tomton-poptavkovy-formular > header .generic-topbar-inner > .generic-top-actions{grid-area:ti-actions!important}

/* Centrum E-shop / Poptávky má stejnou hlavičku jako hlavní stránka. */
body.page-tomton-poptavka-tomton-poptavkovy-formular > header.ti-request-hub-header{
  display:flex!important;
  justify-content:space-between!important;
  gap:24px!important;
}
body.page-tomton-poptavka-tomton-poptavkovy-formular > header.ti-request-hub-header .back{
  flex:0 0 auto!important;
}

@media(max-width:1180px){
  html.page-tomton-poptavka-tomton-poptavkovy-formular{--ti-logo-shared-width:clamp(270px,34vw,340px)}
  body.page-tomton-poptavka-tomton-poptavkovy-formular > header.ti-main-header, body.page-tomton-poptavka-tomton-poptavkovy-formular > header.ti-request-hub-header{min-height:0!important;padding:17px 3vw!important}
  body.page-tomton-poptavka-tomton-poptavkovy-formular > header .top-interior-site-logo, body.page-tomton-poptavka-tomton-poptavkovy-formular > .topbar .top-interior-site-logo, html.page-tomton-poptavka-tomton-poptavkovy-formular .ti-form-site-logo, body.page-tomton-poptavka-tomton-poptavkovy-formular > header .ti-inline-header-logo{max-width:58vw!important}

  body.page-tomton-poptavka-tomton-poptavkovy-formular > header.topbar .topbar-inner, body.page-tomton-poptavka-tomton-poptavkovy-formular > .topbar .topbar-inner, body.page-tomton-poptavka-tomton-poptavkovy-formular > header .generic-topbar-inner{
    grid-template-columns:1fr!important;
    grid-template-areas:"ti-logo" "ti-brand" "ti-actions"!important;
  }
  body.page-tomton-poptavka-tomton-poptavkovy-formular > header.topbar .topbar-inner > .actions, body.page-tomton-poptavka-tomton-poptavkovy-formular > .topbar .topbar-inner > .actions, body.page-tomton-poptavka-tomton-poptavkovy-formular > header .generic-topbar-inner > .generic-top-actions{
    width:100%!important;
    max-width:100%!important;
    justify-self:start!important;
    justify-content:flex-start!important;
  }
}
@media(max-width:900px){
  html.page-tomton-poptavka-tomton-poptavkovy-formular{--ti-logo-shared-width:260px}
  body.page-tomton-poptavka-tomton-poptavkovy-formular > header.ti-main-header, body.page-tomton-poptavka-tomton-poptavkovy-formular > header.ti-request-hub-header{padding:16px 20px!important}
  body.page-tomton-poptavka-tomton-poptavkovy-formular > header .top-interior-site-logo, body.page-tomton-poptavka-tomton-poptavkovy-formular > .topbar .top-interior-site-logo, html.page-tomton-poptavka-tomton-poptavkovy-formular .ti-form-site-logo, body.page-tomton-poptavka-tomton-poptavkovy-formular > header .ti-inline-header-logo{max-width:72vw!important}
  body.page-tomton-poptavka-tomton-poptavkovy-formular > header.topbar .topbar-inner, body.page-tomton-poptavka-tomton-poptavkovy-formular > .topbar .topbar-inner, body.page-tomton-poptavka-tomton-poptavkovy-formular > header .generic-topbar-inner{
    grid-template-columns:1fr!important;
    grid-template-areas:"ti-logo" "ti-brand" "ti-actions"!important;
    padding:16px 20px!important;
  }
  body.page-tomton-poptavka-tomton-poptavkovy-formular > header.topbar .topbar-inner > .actions, body.page-tomton-poptavka-tomton-poptavkovy-formular > .topbar .topbar-inner > .actions, body.page-tomton-poptavka-tomton-poptavkovy-formular > header .generic-topbar-inner > .generic-top-actions{
    justify-self:start!important;
    justify-content:flex-start!important;
  }
  body.page-tomton-poptavka-tomton-poptavkovy-formular > header.ti-request-hub-header{
    flex-wrap:wrap!important;
  }
}
@media(max-width:560px){
  html.page-tomton-poptavka-tomton-poptavkovy-formular{--ti-logo-shared-width:232px}
  body.page-tomton-poptavka-tomton-poptavkovy-formular > header .top-interior-site-logo, body.page-tomton-poptavka-tomton-poptavkovy-formular > .topbar .top-interior-site-logo, html.page-tomton-poptavka-tomton-poptavkovy-formular .ti-form-site-logo, body.page-tomton-poptavka-tomton-poptavkovy-formular > header .ti-inline-header-logo{max-width:78vw!important}
}


/* Krok 113 – společné logo TOP INTERIOR by JOVEE Services */
html.page-tomton-poptavka-tomton-poptavkovy-formular{--ti-combined-logo-width:clamp(370px,31vw,500px)}
body.page-tomton-poptavka-tomton-poptavkovy-formular > header .top-interior-site-logo, body.page-tomton-poptavka-tomton-poptavkovy-formular > .topbar .top-interior-site-logo, html.page-tomton-poptavka-tomton-poptavkovy-formular .ti-form-site-logo, body.page-tomton-poptavka-tomton-poptavkovy-formular > header .ti-inline-header-logo{
  width:var(--ti-combined-logo-width)!important;
  max-width:46vw!important;
}
body.page-tomton-poptavka-tomton-poptavkovy-formular > header.ti-main-header .top-interior-site-logo, body.page-tomton-poptavka-tomton-poptavkovy-formular > header.ti-request-hub-header .top-interior-site-logo{
  width:clamp(410px,34vw,535px)!important;
  max-width:48vw!important;
}
body.page-tomton-poptavka-tomton-poptavkovy-formular > header .top-interior-site-logo img, body.page-tomton-poptavka-tomton-poptavkovy-formular > .topbar .top-interior-site-logo img, html.page-tomton-poptavka-tomton-poptavkovy-formular .ti-form-site-logo img, body.page-tomton-poptavka-tomton-poptavkovy-formular > header .ti-inline-header-logo img{
  filter:none!important;
  object-fit:contain!important;
  object-position:left center!important;
}
body.page-tomton-poptavka-tomton-poptavkovy-formular > header.ti-main-header, body.page-tomton-poptavka-tomton-poptavkovy-formular > header.ti-request-hub-header{
  padding-top:12px!important;
  padding-bottom:12px!important;
}
@media(max-width:1180px){
  html.page-tomton-poptavka-tomton-poptavkovy-formular{--ti-combined-logo-width:clamp(330px,43vw,450px)}
  body.page-tomton-poptavka-tomton-poptavkovy-formular > header.ti-main-header .top-interior-site-logo, body.page-tomton-poptavka-tomton-poptavkovy-formular > header.ti-request-hub-header .top-interior-site-logo{width:clamp(350px,48vw,465px)!important;max-width:58vw!important}
}
@media(max-width:900px){
  html.page-tomton-poptavka-tomton-poptavkovy-formular{--ti-combined-logo-width:320px}
  body.page-tomton-poptavka-tomton-poptavkovy-formular > header.ti-main-header .top-interior-site-logo, body.page-tomton-poptavka-tomton-poptavkovy-formular > header.ti-request-hub-header .top-interior-site-logo{width:340px!important;max-width:78vw!important}
}
@media(max-width:560px){
  html.page-tomton-poptavka-tomton-poptavkovy-formular{--ti-combined-logo-width:280px}
  body.page-tomton-poptavka-tomton-poptavkovy-formular > header.ti-main-header .top-interior-site-logo, body.page-tomton-poptavka-tomton-poptavkovy-formular > header.ti-request-hub-header .top-interior-site-logo{width:300px!important;max-width:86vw!important}
}

/* Krok 115 – vyvážená výška hlavní lišty pro společné logo */
html.page-tomton-poptavka-tomton-poptavkovy-formular{
  --ti-combined-logo-width:clamp(330px,25vw,390px);
}

/* Běžné interní stránky a formuláře: čitelné logo bez přerůstání. */
body.page-tomton-poptavka-tomton-poptavkovy-formular > header .top-interior-site-logo, body.page-tomton-poptavka-tomton-poptavkovy-formular > .topbar .top-interior-site-logo, html.page-tomton-poptavka-tomton-poptavkovy-formular .ti-form-site-logo, body.page-tomton-poptavka-tomton-poptavkovy-formular > header .ti-inline-header-logo{
  width:var(--ti-combined-logo-width)!important;
  max-width:42vw!important;
}

/* Hlavní navigační lišta: návrat k původní vyvážené výšce. */
body.page-tomton-poptavka-tomton-poptavkovy-formular > header.ti-main-header, body.page-tomton-poptavka-tomton-poptavkovy-formular > header.ti-request-hub-header{
  min-height:112px!important;
  padding:9px 3vw!important;
  align-items:center!important;
}
body.page-tomton-poptavka-tomton-poptavkovy-formular > header.ti-main-header .top-interior-site-logo, body.page-tomton-poptavka-tomton-poptavkovy-formular > header.ti-request-hub-header .top-interior-site-logo{
  width:clamp(360px,27vw,420px)!important;
  max-width:43vw!important;
}
body.page-tomton-poptavka-tomton-poptavkovy-formular > header.ti-main-header nav{
  gap:clamp(12px,1.15vw,20px)!important;
  font-size:clamp(11px,.72vw,13px)!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
}
body.page-tomton-poptavka-tomton-poptavkovy-formular > header.ti-main-header nav a{white-space:nowrap!important}

@media(max-width:1180px){
  html.page-tomton-poptavka-tomton-poptavkovy-formular{--ti-combined-logo-width:clamp(300px,31vw,350px)}
  body.page-tomton-poptavka-tomton-poptavkovy-formular > header.ti-main-header, body.page-tomton-poptavka-tomton-poptavkovy-formular > header.ti-request-hub-header{
    min-height:100px!important;
    padding:9px 3vw!important;
  }
  body.page-tomton-poptavka-tomton-poptavkovy-formular > header.ti-main-header .top-interior-site-logo, body.page-tomton-poptavka-tomton-poptavkovy-formular > header.ti-request-hub-header .top-interior-site-logo{
    width:clamp(310px,32vw,365px)!important;
    max-width:42vw!important;
  }
  body.page-tomton-poptavka-tomton-poptavkovy-formular > header.ti-main-header nav{
    gap:10px!important;
    font-size:11px!important;
  }
}
@media(max-width:900px){
  html.page-tomton-poptavka-tomton-poptavkovy-formular{--ti-combined-logo-width:290px}
  body.page-tomton-poptavka-tomton-poptavkovy-formular > header.ti-main-header, body.page-tomton-poptavka-tomton-poptavkovy-formular > header.ti-request-hub-header{
    min-height:0!important;
    padding:12px 20px!important;
  }
  body.page-tomton-poptavka-tomton-poptavkovy-formular > header.ti-main-header .top-interior-site-logo, body.page-tomton-poptavka-tomton-poptavkovy-formular > header.ti-request-hub-header .top-interior-site-logo{
    width:300px!important;
    max-width:76vw!important;
  }
}
@media(max-width:560px){
  html.page-tomton-poptavka-tomton-poptavkovy-formular{--ti-combined-logo-width:255px}
  body.page-tomton-poptavka-tomton-poptavkovy-formular > header.ti-main-header, body.page-tomton-poptavka-tomton-poptavkovy-formular > header.ti-request-hub-header{padding:10px 16px!important}
  body.page-tomton-poptavka-tomton-poptavkovy-formular > header.ti-main-header .top-interior-site-logo, body.page-tomton-poptavka-tomton-poptavkovy-formular > header.ti-request-hub-header .top-interior-site-logo{
    width:268px!important;
    max-width:82vw!important;
  }
}


/* Extracted former inline styles */
html.page-tomton-poptavka-tomton-poptavkovy-formular .inline-style-1{background:#f5f5f2}
html.page-tomton-poptavka-tomton-poptavkovy-formular .inline-style-2{background:#e8dcc3}
html.page-tomton-poptavka-tomton-poptavkovy-formular .inline-style-3{background:#c9cbcc}
html.page-tomton-poptavka-tomton-poptavkovy-formular .inline-style-4{background:#3d4245}
html.page-tomton-poptavka-tomton-poptavkovy-formular .inline-style-5{background:#b5242a}
html.page-tomton-poptavka-tomton-poptavkovy-formular .inline-style-6{background:#f0a915}
html.page-tomton-poptavka-tomton-poptavkovy-formular .inline-style-7{background:conic-gradient(#ef4444,#f59e0b,#eab308,#22c55e,#06b6d4,#3b82f6,#8b5cf6,#ef4444)}
html.page-tomton-poptavka-tomton-poptavkovy-formular .inline-style-8{background:linear-gradient(135deg,#111 0 25%,#fff 25% 50%,#d9272e 50% 75%,#f4bd18 75%)}
html.page-tomton-poptavka-tomton-poptavkovy-formular .inline-style-9{background:linear-gradient(45deg,#d9272e 25%,#f4bd18 25% 50%,#12849a 50% 75%,#17191b 75%)}
html.page-tomton-poptavka-tomton-poptavkovy-formular .inline-style-10{background:#f5f5f2}
html.page-tomton-poptavka-tomton-poptavkovy-formular .inline-style-11{background:#e8dcc3}
html.page-tomton-poptavka-tomton-poptavkovy-formular .inline-style-12{background:#6b6861}
html.page-tomton-poptavka-tomton-poptavkovy-formular .inline-style-13{background:#cc1f2b}
html.page-tomton-poptavka-tomton-poptavkovy-formular .inline-style-14{background:#d99a16}
html.page-tomton-poptavka-tomton-poptavkovy-formular .inline-style-15{background:#f5f5f2}
html.page-tomton-poptavka-tomton-poptavkovy-formular .inline-style-16{background:#e8dcc3}
html.page-tomton-poptavka-tomton-poptavkovy-formular .inline-style-17{background:#6b6861}
html.page-tomton-poptavka-tomton-poptavkovy-formular .inline-style-18{background:#cc1f2b}
html.page-tomton-poptavka-tomton-poptavkovy-formular .inline-style-19{background:#d99a16}
html.page-tomton-poptavka-tomton-poptavkovy-formular .inline-style-20{background:linear-gradient(135deg,#eadfc7,#cdbb96)}
html.page-tomton-poptavka-tomton-poptavkovy-formular .inline-style-21{background:linear-gradient(135deg,#d7b985,#b98e55)}
html.page-tomton-poptavka-tomton-poptavkovy-formular .inline-style-22{background:linear-gradient(135deg,#a46d36,#71451f)}
html.page-tomton-poptavka-tomton-poptavkovy-formular .inline-style-23{background:linear-gradient(135deg,#e4d4b7,#bda278)}
html.page-tomton-poptavka-tomton-poptavkovy-formular .inline-style-24{background:linear-gradient(135deg,#c89b5f,#8d6232)}
html.page-tomton-poptavka-tomton-poptavkovy-formular .inline-style-25{background:linear-gradient(135deg,#66503d,#34291f)}
html.page-tomton-poptavka-tomton-poptavkovy-formular .inline-style-26{background:linear-gradient(135deg,#9a6847,#603d28)}
html.page-tomton-poptavka-tomton-poptavkovy-formular .inline-style-27{background:linear-gradient(135deg,#7e4a32,#4e291d)}
html.page-tomton-poptavka-tomton-poptavkovy-formular .inline-style-28{background:linear-gradient(135deg,#3b2a24,#16110f)}
html.page-tomton-poptavka-tomton-poptavkovy-formular .inline-style-29{background:linear-gradient(135deg,#f4f2ed,#b9bdc2 48%,#f7f7f5 52%)}
html.page-tomton-poptavka-tomton-poptavkovy-formular .inline-style-30{background:linear-gradient(135deg,#d7b28c,#9f7655 45%,#ead0ad 50%)}
html.page-tomton-poptavka-tomton-poptavkovy-formular .inline-style-31{background:linear-gradient(135deg,#263d43,#2e7c88 45%,#7fb2af 50%,#20282d)}
html.page-tomton-poptavka-tomton-poptavkovy-formular .inline-style-32{background:linear-gradient(135deg,#111,#111 45%,#e6e6e6 48%,#171717 52%)}
html.page-tomton-poptavka-tomton-poptavkovy-formular .inline-style-33{background:linear-gradient(135deg,#5f463a,#9a6f52 45%,#4b342b 52%)}
html.page-tomton-poptavka-tomton-poptavkovy-formular .inline-style-34{background:linear-gradient(135deg,#ece6da,#b8956b 42%,#f2eee6 52%)}
html.page-tomton-poptavka-tomton-poptavkovy-formular .inline-style-35{background:linear-gradient(135deg,#194b3c,#2f765d 45%,#c7d8c8 49%,#245442 53%)}
html.page-tomton-poptavka-tomton-poptavkovy-formular .inline-style-36{background:linear-gradient(135deg,#254d3f,#17382f 45%,#d0d5c7 48%,#214235 52%)}
html.page-tomton-poptavka-tomton-poptavkovy-formular .inline-style-37{background:conic-gradient(#d8c3a5,#a68b6b,#e8e1d7,#65737e,#d8c3a5)}
html.page-tomton-poptavka-tomton-poptavkovy-formular .inline-style-38{background:#bfc5c9}
html.page-tomton-poptavka-tomton-poptavkovy-formular .inline-style-39{background:linear-gradient(135deg,#c69b62,#80582e)}
html.page-tomton-poptavka-tomton-poptavkovy-formular .inline-style-40{background:#efefef}
html.page-tomton-poptavka-tomton-poptavkovy-formular .inline-style-41{background:linear-gradient(135deg,#b7b2aa,#69645e 46%,#d2cec8 52%)}
html.page-tomton-poptavka-tomton-poptavkovy-formular .inline-style-42{background:conic-gradient(#ef4444,#f59e0b,#22c55e,#06b6d4,#3b82f6,#8b5cf6,#ef4444)}

/* ===== visoft-3d-navrh.html ===== */

/* Source: assets/css/visoft-3d-navrh.css */
/* Source style block 1 */
html.page-visoft-3d-navrh *{box-sizing:border-box}html.page-visoft-3d-navrh{scroll-behavior:smooth}body.page-visoft-3d-navrh{margin:0;font-family:Inter,Arial,sans-serif}
html.page-visoft-3d-navrh a{text-decoration:none;color:inherit}html.page-visoft-3d-navrh .wrap{max-width:1380px;margin:auto;padding-left:5vw;padding-right:5vw}

html.page-visoft-3d-navrh{--bg:#f7f5f0;--ink:#17191c;--muted:#6f7377;--accent:#d87521;--line:#dfdbd3;--dark:#22282c}
body.page-visoft-3d-navrh{background:var(--bg);color:var(--ink)}
html.page-visoft-3d-navrh header{position:sticky;top:0;z-index:20;background:rgba(247,245,240,.94);backdrop-filter:blur(12px);
display:flex;justify-content:space-between;align-items:center;padding:18px 5vw;border-bottom:1px solid var(--line)}
html.page-visoft-3d-navrh .logo{font-size:18px;font-weight:900;letter-spacing:.08em} html.page-visoft-3d-navrh .logo small{display:block;font-size:9px;color:#777;letter-spacing:.19em;margin-top:3px}
html.page-visoft-3d-navrh nav{display:flex;gap:24px;font-size:13px} html.page-visoft-3d-navrh .switch{padding:11px 15px;border:1px solid #222;font-size:12px;font-weight:800}
html.page-visoft-3d-navrh .hero{padding-top:80px;padding-bottom:50px;display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:end}
html.page-visoft-3d-navrh .eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.18em;color:var(--accent);font-weight:800}
html.page-visoft-3d-navrh h1, html.page-visoft-3d-navrh h2{font-family:Georgia,serif;font-weight:500} html.page-visoft-3d-navrh h1{font-size:clamp(54px,7vw,102px);line-height:.92;margin:18px 0}
html.page-visoft-3d-navrh .hero p{font-size:19px;line-height:1.65;color:var(--muted);max-width:620px}
html.page-visoft-3d-navrh .facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding-bottom:52px} html.page-visoft-3d-navrh .fact{padding:18px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)} html.page-visoft-3d-navrh .fact b{display:block;color:var(--ink);font-size:17px;margin-bottom:4px}
html.page-visoft-3d-navrh .explorer{background:var(--dark);padding:70px 2vw 90px;color:white} html.page-visoft-3d-navrh .head{max-width:1500px;margin:0 auto 25px;padding:0 2vw;display:flex;justify-content:space-between;align-items:end;gap:30px}
html.page-visoft-3d-navrh .head h2{font-size:clamp(38px,5vw,68px);margin:0} html.page-visoft-3d-navrh .head p{max-width:550px;color:#c6c8c9;line-height:1.55}
html.page-visoft-3d-navrh .frame{max-width:1580px;margin:auto;background:white;border-radius:14px;overflow:hidden;box-shadow:0 28px 80px #0006}
html.page-visoft-3d-navrh .bar{height:40px;background:#eceae5;display:flex;align-items:center;padding:0 14px;gap:7px;color:#777;font-size:11px}
html.page-visoft-3d-navrh .dot{width:9px;height:9px;border-radius:50%;background:#aaa} html.page-visoft-3d-navrh iframe{display:block;width:100%;height:940px;border:0}
html.page-visoft-3d-navrh .sales{padding-top:90px;padding-bottom:90px} html.page-visoft-3d-navrh .sales h2{font-size:58px;margin:0 0 36px}
html.page-visoft-3d-navrh .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px} html.page-visoft-3d-navrh .card{background:white;border:1px solid var(--line);padding:27px;min-height:190px}
html.page-visoft-3d-navrh .card p{font-size:14px;color:var(--muted);line-height:1.6} html.page-visoft-3d-navrh .bridge{background:#d8d0c3;padding:90px 5vw;text-align:center}
html.page-visoft-3d-navrh .bridge h2{font-size:58px;margin:0 0 16px} html.page-visoft-3d-navrh .bridge p{max-width:720px;margin:0 auto 28px;color:#555;line-height:1.6}
html.page-visoft-3d-navrh .btn{display:inline-block;background:#171717;color:white;padding:16px 24px;font-size:13px;font-weight:800}
html.page-visoft-3d-navrh footer{background:#111;color:white;padding:28px 5vw;display:flex;justify-content:space-between;font-size:12px}
@media(max-width:900px){html.page-visoft-3d-navrh nav{display:none}html.page-visoft-3d-navrh .hero{grid-template-columns:1fr}html.page-visoft-3d-navrh .facts, html.page-visoft-3d-navrh .grid{grid-template-columns:1fr}html.page-visoft-3d-navrh iframe{height:82vh}html.page-visoft-3d-navrh .head{display:block}}


html.page-visoft-3d-navrh .brands{padding-top:105px;padding-bottom:110px}
html.page-visoft-3d-navrh .brands-head{
  display:grid;grid-template-columns:minmax(260px,.8fr) minmax(320px,1.2fr);
  gap:80px;align-items:end;margin-bottom:46px
}
html.page-visoft-3d-navrh .brands-head h2{font-size:clamp(44px,5vw,72px);line-height:.95;margin:0}
html.page-visoft-3d-navrh .brands-head p{color:var(--muted);font-size:16px;line-height:1.75;margin:0;max-width:720px}
html.page-visoft-3d-navrh .brand-grid{
  display:grid;grid-template-columns:repeat(12,1fr);
  grid-auto-rows:minmax(245px,auto);gap:18px
}
html.page-visoft-3d-navrh .brand-button{
  --brand:#222;
  position:relative;isolation:isolate;overflow:hidden;
  display:flex;flex-direction:column;justify-content:space-between;
  padding:30px 32px;background:#fff;border:1px solid var(--line);
  transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;
  min-height:260px
}
html.page-visoft-3d-navrh .brand-button:nth-child(1), html.page-visoft-3d-navrh .brand-button:nth-child(2){grid-column:span 6}
html.page-visoft-3d-navrh .brand-button:nth-child(n/**/+3){grid-column:span 4}
html.page-visoft-3d-navrh .brand-button::before{
  content:"";position:absolute;inset:0;z-index:-2;
  background:
    radial-gradient(circle at 88% 12%, color-mix(in srgb,var(--brand) 16%,transparent), transparent 34%),
    linear-gradient(145deg,#fff 0%,#fff 62%,color-mix(in srgb,var(--brand) 8%,#fff) 100%)
}
html.page-visoft-3d-navrh .brand-button::after{
  content:attr(data-index);
  position:absolute;right:20px;bottom:-27px;z-index:-1;
  font-family:Georgia,serif;font-size:122px;line-height:1;
  color:color-mix(in srgb,var(--brand) 8%,transparent);
  font-weight:500;letter-spacing:-.06em
}
html.page-visoft-3d-navrh .brand-button:hover{
  transform:translateY(-7px);
  box-shadow:0 22px 55px rgba(26,24,20,.14);
  border-color:color-mix(in srgb,var(--brand) 35%,#c9c3b9)
}
html.page-visoft-3d-navrh .brand-accent{
  position:absolute;left:0;top:0;width:100%;height:5px;background:var(--brand)
}
html.page-visoft-3d-navrh .brand-top{display:flex;justify-content:space-between;align-items:flex-start;gap:22px}
html.page-visoft-3d-navrh .brand-logo-text{
  font-size:clamp(26px,2.3vw,38px);line-height:.98;
  font-weight:850;letter-spacing:-.035em
}
html.page-visoft-3d-navrh .brand-type{
  flex:none;max-width:130px;padding:7px 9px;
  border:1px solid color-mix(in srgb,var(--brand) 28%,#ddd);
  color:color-mix(in srgb,var(--brand) 72%,#333);
  font-size:9px;text-transform:uppercase;letter-spacing:.12em;
  font-weight:850;text-align:center;background:rgba(255,255,255,.72)
}
html.page-visoft-3d-navrh .brand-button p{
  max-width:560px;margin:28px 0 24px;color:var(--muted);
  line-height:1.6;font-size:14px
}
html.page-visoft-3d-navrh .brand-services{
  display:flex;gap:7px;flex-wrap:wrap;margin:0 0 25px;padding:0;list-style:none
}
html.page-visoft-3d-navrh .brand-services li{
  padding:6px 8px;background:rgba(255,255,255,.75);
  border:1px solid #e5e1da;color:#555;font-size:10px;font-weight:700
}
html.page-visoft-3d-navrh .brand-link{
  display:flex;justify-content:space-between;align-items:center;
  padding-top:17px;border-top:1px solid color-mix(in srgb,var(--brand) 22%,#e1ddd6);
  font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.09em
}
html.page-visoft-3d-navrh .brand-arrow{
  width:34px;height:34px;border-radius:50%;display:grid;place-items:center;
  background:var(--brand);color:#fff;font-size:18px;transition:transform .22s ease
}
html.page-visoft-3d-navrh .brand-button:hover .brand-arrow{transform:translateX(4px)}
html.page-visoft-3d-navrh .brand-note{
  margin-top:22px;padding:18px 20px;border-left:3px solid var(--accent);
  background:rgba(255,255,255,.6);color:#6f7275;font-size:12px;line-height:1.55
}
@media(max-width:1050px){
  html.page-visoft-3d-navrh .brand-button:nth-child(n){grid-column:span 6}
}
@media(max-width:720px){
  html.page-visoft-3d-navrh .brands-head{grid-template-columns:1fr;gap:20px}
  html.page-visoft-3d-navrh .brand-button:nth-child(n){grid-column:1/-1}
  html.page-visoft-3d-navrh .brand-button{min-height:240px;padding:25px}
  html.page-visoft-3d-navrh .brand-logo-text{font-size:30px}
}



html.page-visoft-3d-navrh{
  --bg:#170d24;
  --ink:#f4ead0;
  --muted:#cbbfd3;
  --accent:#d6b15f;
  --line:rgba(214,177,95,.24);
  --dark:#0f0818;
  --purple:#2b1640;
  --purple-2:#4a2862;
  --gold:#d6b15f;
}
body.page-visoft-3d-navrh{
  background:
    radial-gradient(circle at 15% 0%,rgba(92,47,119,.25),transparent 30%),
    linear-gradient(180deg,#170d24 0%,#21112f 60%,#140a1e 100%);
  color:var(--ink)
}
html.page-visoft-3d-navrh header{
  background:rgba(23,13,36,.9)!important;
  border-bottom:1px solid rgba(214,177,95,.2)!important
}
html.page-visoft-3d-navrh .logo{color:var(--gold)!important}
html.page-visoft-3d-navrh .logo small{color:#bfb1c9!important}
html.page-visoft-3d-navrh nav a{color:#d8cce0}
html.page-visoft-3d-navrh nav a:hover{color:var(--gold)}
html.page-visoft-3d-navrh .switch{border-color:var(--gold)!important;color:var(--gold)!important}
html.page-visoft-3d-navrh .hero p, html.page-visoft-3d-navrh .brands-head p, html.page-visoft-3d-navrh .sales .card p{color:var(--muted)!important}
html.page-visoft-3d-navrh .eyebrow{color:var(--gold)!important}
html.page-visoft-3d-navrh .facts .fact{border-top-color:rgba(214,177,95,.25)!important;color:#bfb1c9!important}
html.page-visoft-3d-navrh .facts .fact b{color:var(--gold)!important}
html.page-visoft-3d-navrh .explorer{background:#0f0818!important}
html.page-visoft-3d-navrh .sales .card{
  background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025))!important;
  border-color:rgba(214,177,95,.2)!important
}
html.page-visoft-3d-navrh .sales .card b{color:var(--gold)}
html.page-visoft-3d-navrh .bridge{
  background:linear-gradient(135deg,#3b2151,#20102f)!important;
  color:#f7ecd2
}
html.page-visoft-3d-navrh .bridge p{color:#cdbfd7!important}
html.page-visoft-3d-navrh .btn{background:var(--gold)!important;color:#251431!important}
html.page-visoft-3d-navrh footer{background:#09050f!important;color:var(--gold)!important}


html.page-visoft-3d-navrh .brand-button{
  background-image:
    linear-gradient(180deg,rgba(20,8,31,.18) 0%,rgba(20,8,31,.58) 46%,rgba(20,8,31,.94) 100%),
    var(--photo)!important;
  background-size:cover!important;
  background-position:center!important;
  border-color:rgba(214,177,95,.28)!important;
  color:#fff;
  min-height:310px!important
}
html.page-visoft-3d-navrh .brand-button::before{
  background:
    linear-gradient(135deg,rgba(92,47,119,.13),transparent 45%),
    radial-gradient(circle at 90% 10%,rgba(214,177,95,.14),transparent 28%)!important
}
html.page-visoft-3d-navrh .brand-button::after{color:rgba(214,177,95,.09)!important}
html.page-visoft-3d-navrh .brand-button:hover{
  border-color:rgba(214,177,95,.7)!important;
  box-shadow:0 24px 65px rgba(0,0,0,.38)!important
}
html.page-visoft-3d-navrh .brand-accent{background:var(--gold)!important;height:4px!important}
html.page-visoft-3d-navrh .brand-logo-text{
  color:var(--gold)!important;
  text-shadow:0 2px 18px rgba(0,0,0,.7)
}
html.page-visoft-3d-navrh .brand-type{
  color:var(--gold)!important;
  border-color:rgba(214,177,95,.5)!important;
  background:rgba(28,13,42,.72)!important;
  backdrop-filter:blur(6px)
}
html.page-visoft-3d-navrh .brand-button p{
  color:#f3edf6!important;
  text-shadow:0 1px 10px rgba(0,0,0,.65)
}
html.page-visoft-3d-navrh .brand-services li{
  background:rgba(25,11,38,.72)!important;
  border-color:rgba(214,177,95,.28)!important;
  color:#f2e6c8!important;
  backdrop-filter:blur(5px)
}
html.page-visoft-3d-navrh .brand-link{
  color:var(--gold)!important;
  border-top-color:rgba(214,177,95,.35)!important
}
html.page-visoft-3d-navrh .brand-arrow{background:var(--gold)!important;color:#281438!important}
html.page-visoft-3d-navrh .brand-note{
  background:rgba(255,255,255,.04)!important;
  border-left-color:var(--gold)!important;
  color:#c7bacf!important
}


html.page-visoft-3d-navrh .trust{
  margin:72px auto 95px;
  display:grid;grid-template-columns:.9fr 1.1fr;
  gap:42px;align-items:stretch
}
html.page-visoft-3d-navrh .trust-claim{
  position:relative;overflow:hidden;
  padding:42px 44px;
  background:
    radial-gradient(circle at 85% 10%,rgba(214,177,95,.17),transparent 28%),
    linear-gradient(145deg,#4a2862 0%,#2a153d 62%,#160b22 100%);
  border:1px solid rgba(214,177,95,.35)
}
html.page-visoft-3d-navrh .trust-claim:after{
  content:"5";
  position:absolute;right:18px;bottom:-52px;
  font:500 190px/1 Georgia,serif;color:rgba(214,177,95,.09)
}
html.page-visoft-3d-navrh .trust-claim .eyebrow{margin-bottom:18px}
html.page-visoft-3d-navrh .trust-claim h2{
  margin:0;max-width:780px;
  color:var(--gold);font-size:clamp(40px,5vw,70px);line-height:.98
}
html.page-visoft-3d-navrh .trust-claim p{
  margin:24px 0 0;max-width:720px;
  color:#efe6f3;font-size:17px;line-height:1.7
}
html.page-visoft-3d-navrh .trust-points{
  display:grid;grid-template-columns:1fr 1fr;gap:14px
}
html.page-visoft-3d-navrh .trust-point{
  min-height:190px;padding:26px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(214,177,95,.22)
}
html.page-visoft-3d-navrh .trust-point strong{
  display:block;color:var(--gold);
  font-family:Georgia,serif;font-size:26px;font-weight:500;margin-bottom:12px
}
html.page-visoft-3d-navrh .trust-point p{
  margin:0;color:#cfc1d6;font-size:14px;line-height:1.6
}
html.page-visoft-3d-navrh .trust-signature{
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  margin-top:18px;padding:16px 18px;
  border-left:3px solid var(--gold);background:rgba(255,255,255,.04);
  color:#d8ccdf;font-size:13px;line-height:1.5
}
html.page-visoft-3d-navrh .trust-signature b{color:var(--gold)}
@media(max-width:900px){
  html.page-visoft-3d-navrh .trust{grid-template-columns:1fr}
}
@media(max-width:650px){
  html.page-visoft-3d-navrh .trust-points{grid-template-columns:1fr}
  html.page-visoft-3d-navrh .trust-claim{padding:32px 26px}
}


html.page-visoft-3d-navrh .quality-manifesto{
  margin:-58px auto 100px;
  padding:28px 32px;
  display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:center;
  border:1px solid rgba(214,177,95,.28);
  background:linear-gradient(135deg,rgba(214,177,95,.08),rgba(255,255,255,.025))
}
html.page-visoft-3d-navrh .quality-manifesto .number{
  color:var(--gold);font-family:Georgia,serif;font-size:72px;line-height:.8
}
html.page-visoft-3d-navrh .quality-manifesto p{
  margin:0;color:#d5c9dc;font-size:15px;line-height:1.65
}
html.page-visoft-3d-navrh .quality-manifesto b{color:var(--gold)}
@media(max-width:650px){
  html.page-visoft-3d-navrh .quality-manifesto{grid-template-columns:1fr;margin-top:-35px}
  html.page-visoft-3d-navrh .quality-manifesto .number{font-size:54px}
}


html.page-visoft-3d-navrh .trust-points .trust-point:last-child{grid-column:1/-1;min-height:150px}
@media(max-width:650px){html.page-visoft-3d-navrh .trust-points .trust-point:last-child{grid-column:auto}}


html.page-visoft-3d-navrh .planning{
  padding:100px 5vw;
  background:
    radial-gradient(circle at 85% 8%,rgba(214,177,95,.12),transparent 28%),
    linear-gradient(145deg,#29143d,#170b24);
  color:#fff
}
html.page-visoft-3d-navrh .planning-inner{
  max-width:1400px;margin:auto;
  display:grid;grid-template-columns:.8fr 1.2fr;gap:75px;align-items:start
}
html.page-visoft-3d-navrh .planning h2{
  color:var(--gold);font-size:clamp(44px,5vw,72px);line-height:.97;margin:0
}
html.page-visoft-3d-navrh .planning-copy p{
  margin:0 0 18px;color:#d6cadd;font-size:16px;line-height:1.75
}
html.page-visoft-3d-navrh .planning-highlight{
  margin:28px 0;padding:24px 26px;
  border:1px solid rgba(214,177,95,.35);
  border-left:5px solid var(--gold);
  background:rgba(255,255,255,.045)
}
html.page-visoft-3d-navrh .planning-highlight p{
  margin:0;color:#f3e7c8;font:500 24px/1.45 Georgia,serif
}
html.page-visoft-3d-navrh .planning-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:34px
}
html.page-visoft-3d-navrh .planning-card{
  min-height:190px;padding:22px;
  border:1px solid rgba(214,177,95,.24);
  background:rgba(255,255,255,.045)
}
html.page-visoft-3d-navrh .planning-card b{
  display:block;color:var(--gold);font-size:11px;
  text-transform:uppercase;letter-spacing:.12em;margin-bottom:12px
}
html.page-visoft-3d-navrh .planning-card strong{display:block;font-size:19px;margin-bottom:8px}
html.page-visoft-3d-navrh .planning-card span{color:#c8bbcf;font-size:13px;line-height:1.5}
@media(max-width:900px){
  html.page-visoft-3d-navrh .planning-inner{grid-template-columns:1fr}
  html.page-visoft-3d-navrh .planning-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){html.page-visoft-3d-navrh .planning-grid{grid-template-columns:1fr}}


html.page-visoft-3d-navrh .design-manifesto{
  padding:96px 5vw;
  background:
    radial-gradient(circle at 88% 12%,rgba(214,177,95,.18),transparent 30%),
    linear-gradient(135deg,#4b2864,#241235 68%,#150a20);
  color:white
}
html.page-visoft-3d-navrh .design-manifesto-inner{
  max-width:1400px;margin:auto;
  display:grid;grid-template-columns:.78fr 1.22fr;gap:78px;align-items:start
}
html.page-visoft-3d-navrh .design-manifesto h2{
  color:var(--gold);font-size:clamp(46px,5.5vw,78px);line-height:.95;margin:0
}
html.page-visoft-3d-navrh .design-copy p{
  margin:0 0 18px;color:#d9cedf;font-size:17px;line-height:1.75
}
html.page-visoft-3d-navrh .design-quote{
  margin-top:28px;padding:26px 28px;
  border:1px solid rgba(214,177,95,.34);
  border-left:5px solid var(--gold);
  background:rgba(255,255,255,.045)
}
html.page-visoft-3d-navrh .design-quote p{
  margin:0;color:#f4e7c6;
  font:500 26px/1.42 Georgia,"Times New Roman",serif
}
html.page-visoft-3d-navrh .design-values{
  display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:30px
}
html.page-visoft-3d-navrh .design-value{
  min-height:175px;padding:23px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(214,177,95,.22)
}
html.page-visoft-3d-navrh .design-value strong{
  display:block;color:var(--gold);font-size:20px;margin-bottom:10px
}
html.page-visoft-3d-navrh .design-value span{
  color:#cbbfd2;font-size:13px;line-height:1.55
}
@media(max-width:900px){
  html.page-visoft-3d-navrh .design-manifesto-inner{grid-template-columns:1fr}
  html.page-visoft-3d-navrh .design-values{grid-template-columns:1fr}
}


html.page-visoft-3d-navrh .brand-specialisms{
  display:flex;justify-content:center;gap:8px;flex-wrap:wrap;
  padding:10px 5vw 11px;
  background:linear-gradient(90deg,#2a153d,#3d2154,#2a153d);
  border-bottom:1px solid rgba(214,177,95,.22);
  color:#e4c97f;
  font-size:10px;font-weight:800;
  letter-spacing:.045em;text-transform:uppercase
}
html.page-visoft-3d-navrh .brand-specialisms span{
  display:inline-flex;align-items:center;gap:8px
}
html.page-visoft-3d-navrh .brand-specialisms span:not(:last-child)::after{
  content:"•";color:#d6b15f;font-size:11px
}
@media(max-width:700px){
  html.page-visoft-3d-navrh .brand-specialisms{justify-content:flex-start;font-size:9px;line-height:1.45}
}


html.page-visoft-3d-navrh .hero-preview{
  grid-column:1/-1;
  position:relative;
  margin-top:20px;
  border:1px solid rgba(214,177,95,.34);
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 28px 70px rgba(0,0,0,.34);
  background:#160b22
}
html.page-visoft-3d-navrh .hero-preview img{
  display:block;width:100%;height:auto;
  transition:transform .5s ease,filter .5s ease
}
html.page-visoft-3d-navrh .hero-preview::after{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 55%,rgba(20,8,31,.82) 100%);
  pointer-events:none
}
html.page-visoft-3d-navrh .hero-preview-label{
  position:absolute;left:28px;right:28px;bottom:24px;z-index:2;
  display:flex;justify-content:space-between;align-items:end;gap:24px;
  color:#fff
}
html.page-visoft-3d-navrh .hero-preview-label strong{
  display:block;color:var(--gold);
  font:500 clamp(27px,3vw,45px)/1.05 Georgia,serif
}
html.page-visoft-3d-navrh .hero-preview-label span{
  display:block;margin-top:7px;color:#eadff0;font-size:13px
}
html.page-visoft-3d-navrh .hero-preview-arrow{
  flex:none;width:54px;height:54px;border-radius:50%;
  display:grid;place-items:center;
  background:var(--gold);color:#281437;font-size:25px;font-weight:800
}
html.page-visoft-3d-navrh .hero-preview:hover img{
  transform:scale(1.018);
  filter:brightness(.92)
}
html.page-visoft-3d-navrh .hero-preview:hover .hero-preview-arrow{transform:translateY(3px)}
@media(max-width:700px){
  html.page-visoft-3d-navrh .hero-preview-label{left:18px;right:18px;bottom:16px}
  html.page-visoft-3d-navrh .hero-preview-arrow{width:44px;height:44px;font-size:20px}
}


html.page-visoft-3d-navrh .visoft{
  padding:100px 5vw;
  background:
    radial-gradient(circle at 85% 12%,rgba(214,177,95,.16),transparent 30%),
    linear-gradient(135deg,#3f2055,#1f102d 72%,#13091d);
  color:white
}
html.page-visoft-3d-navrh .visoft-inner{
  max-width:1400px;margin:auto;
  display:grid;grid-template-columns:.85fr 1.15fr;gap:75px;align-items:start
}
html.page-visoft-3d-navrh .visoft h2{
  color:var(--gold);
  font-size:clamp(46px,5.5vw,78px);
  line-height:.96;margin:0 0 22px
}
html.page-visoft-3d-navrh .visoft-copy p{
  margin:0 0 18px;
  color:#d8ccdf;
  font-size:16px;line-height:1.75
}
html.page-visoft-3d-navrh .visoft-price{
  display:flex;align-items:end;gap:16px;
  margin:30px 0 24px;padding:24px 26px;
  border:1px solid rgba(214,177,95,.35);
  background:rgba(255,255,255,.045)
}
html.page-visoft-3d-navrh .visoft-price strong{
  color:var(--gold);
  font:500 66px/1 Georgia,serif
}
html.page-visoft-3d-navrh .visoft-price span{
  color:#e8dff0;
  font-size:13px;line-height:1.45;
  max-width:420px
}
html.page-visoft-3d-navrh .visoft-grid{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:12px;margin-top:30px
}
html.page-visoft-3d-navrh .visoft-card{
  min-height:180px;padding:23px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(214,177,95,.22)
}
html.page-visoft-3d-navrh .visoft-card b{
  display:block;color:var(--gold);
  font-size:11px;text-transform:uppercase;
  letter-spacing:.12em;margin-bottom:12px
}
html.page-visoft-3d-navrh .visoft-card strong{
  display:block;font-size:19px;margin-bottom:8px
}
html.page-visoft-3d-navrh .visoft-card span{
  color:#c8bbcf;font-size:13px;line-height:1.55
}
html.page-visoft-3d-navrh .visoft-refund{
  margin-top:24px;padding:22px 24px;
  border-left:5px solid var(--gold);
  background:rgba(214,177,95,.08)
}
html.page-visoft-3d-navrh .visoft-refund p{
  margin:0;color:#f4e9ce;
  font:500 23px/1.45 Georgia,serif
}
html.page-visoft-3d-navrh .visoft-note{
  margin-top:14px;color:#bcaec5;
  font-size:12px;line-height:1.55
}
@media(max-width:900px){
  html.page-visoft-3d-navrh .visoft-inner{grid-template-columns:1fr}
  html.page-visoft-3d-navrh .visoft-grid{grid-template-columns:1fr}
}


html.page-visoft-3d-navrh .product-directory{
  padding:100px 5vw;
  background:
    radial-gradient(circle at 86% 8%,rgba(214,177,95,.12),transparent 30%),
    linear-gradient(180deg,#1d0e2b,#12081b);
  color:white
}
html.page-visoft-3d-navrh .product-directory-inner{max-width:1450px;margin:auto}
html.page-visoft-3d-navrh .product-directory-head{
  display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:end;margin-bottom:40px
}
html.page-visoft-3d-navrh .product-directory h2{
  color:var(--gold);font-size:clamp(44px,5vw,72px);line-height:.96;margin:0
}
html.page-visoft-3d-navrh .product-directory-head p{
  color:#cfc2d6;font-size:16px;line-height:1.7;margin:0
}
html.page-visoft-3d-navrh .used-summary{
  margin-bottom:34px;border:1px solid rgba(214,177,95,.28);
  background:rgba(255,255,255,.035)
}
html.page-visoft-3d-navrh .used-summary summary{
  cursor:pointer;list-style:none;padding:22px 26px;
  display:flex;justify-content:space-between;align-items:center;gap:20px;
  color:var(--gold);font-size:17px;font-weight:850
}
html.page-visoft-3d-navrh .used-summary summary::-webkit-details-marker{display:none}
html.page-visoft-3d-navrh .used-summary summary::after{
  content:"+";
  width:34px;height:34px;border-radius:50%;display:grid;place-items:center;
  border:1px solid rgba(214,177,95,.5);font-size:22px
}
html.page-visoft-3d-navrh .used-summary[open] summary::after{content:"−"}
html.page-visoft-3d-navrh .used-list{
  display:grid;grid-template-columns:repeat(2,1fr);gap:1px;
  background:rgba(214,177,95,.13);
  border-top:1px solid rgba(214,177,95,.22)
}
html.page-visoft-3d-navrh .used-row{
  display:grid;grid-template-columns:48px 1fr;gap:12px;
  padding:15px 18px;background:#1a0d27
}
html.page-visoft-3d-navrh .used-row .num{
  color:var(--gold);font-weight:850;font-size:12px;padding-top:3px
}
html.page-visoft-3d-navrh .used-row strong{
  display:block;color:#f2e8f4;font-size:14px;margin-bottom:3px
}
html.page-visoft-3d-navrh .used-row span{
  color:#aa9bb4;font-size:11px;line-height:1.4
}
html.page-visoft-3d-navrh .category-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:14px
}
html.page-visoft-3d-navrh .category-tile{
  position:relative;overflow:hidden;min-height:220px;padding:26px;
  display:flex;flex-direction:column;justify-content:space-between;
  border:1px solid rgba(214,177,95,.24);
  background:
    linear-gradient(145deg,rgba(75,40,100,.7),rgba(28,13,42,.94));
  transition:.24s
}
html.page-visoft-3d-navrh .category-tile::before{
  content:"";position:absolute;inset:auto -30px -70px auto;
  width:170px;height:170px;border-radius:50%;
  background:radial-gradient(circle,rgba(214,177,95,.18),transparent 68%)
}
html.page-visoft-3d-navrh .category-tile:hover{
  transform:translateY(-5px);
  border-color:rgba(214,177,95,.7);
  box-shadow:0 22px 55px rgba(0,0,0,.32)
}
html.page-visoft-3d-navrh .category-tile .index{
  color:rgba(214,177,95,.56);
  font:500 42px/1 Georgia,serif
}
html.page-visoft-3d-navrh .category-tile h3{
  color:var(--gold);font-size:28px;line-height:1.05;margin:26px 0 10px
}
html.page-visoft-3d-navrh .category-tile p{
  color:#c8bacf;font-size:13px;line-height:1.55;margin:0;max-width:380px
}
html.page-visoft-3d-navrh .category-link{
  display:flex;justify-content:space-between;align-items:center;
  margin-top:26px;padding-top:15px;
  border-top:1px solid rgba(214,177,95,.26);
  color:#f1e4c5;font-size:10px;font-weight:850;
  letter-spacing:.1em;text-transform:uppercase
}
html.page-visoft-3d-navrh .category-link b{
  width:32px;height:32px;border-radius:50%;display:grid;place-items:center;
  background:var(--gold);color:#281437;font-size:17px
}
html.page-visoft-3d-navrh .directory-note{
  margin-top:20px;color:#9d8fa7;font-size:12px;line-height:1.55
}
@media(max-width:950px){
  html.page-visoft-3d-navrh .product-directory-head{grid-template-columns:1fr}
  html.page-visoft-3d-navrh .category-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:650px){
  html.page-visoft-3d-navrh .used-list, html.page-visoft-3d-navrh .category-grid{grid-template-columns:1fr}
}


html.page-visoft-3d-navrh .action-facts{align-items:stretch}
html.page-visoft-3d-navrh .action-fact{
  position:relative;display:flex!important;flex-direction:column;justify-content:space-between;
  min-height:185px;padding:24px!important;background:rgba(255,255,255,.045);
  border:1px solid rgba(214,177,95,.2)!important;
  transition:.24s;overflow:hidden
}
html.page-visoft-3d-navrh .action-fact::before{
  content:"";position:absolute;left:0;top:0;width:100%;height:4px;background:var(--gold)
}
html.page-visoft-3d-navrh .action-fact:hover{
  transform:translateY(-5px);
  border-color:rgba(214,177,95,.68)!important;
  box-shadow:0 20px 48px rgba(0,0,0,.24)
}
html.page-visoft-3d-navrh .action-fact b{color:var(--gold)!important;font-size:21px!important;margin-bottom:12px}
html.page-visoft-3d-navrh .action-fact span{color:#cfc2d6;line-height:1.55;font-size:13px}
html.page-visoft-3d-navrh .action-fact em{
  display:block;margin-top:22px;color:#f2e4c2;font-size:11px;
  font-style:normal;font-weight:850;text-transform:uppercase;letter-spacing:.08em
}
html.page-visoft-3d-navrh .visoft{
  position:relative;overflow:hidden;
  background:
    linear-gradient(90deg,rgba(35,14,49,.98) 0%,rgba(35,14,49,.9) 54%,rgba(35,14,49,.72) 100%),
    url("../assets/images/embedded/aea00cfeca98a729b433.jpg") center/cover no-repeat!important
}
html.page-visoft-3d-navrh .visoft::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(circle at 78% 30%,rgba(214,177,95,.12),transparent 28%)
}
html.page-visoft-3d-navrh .visoft-inner{position:relative;z-index:2}
html.page-visoft-3d-navrh .visoft-offer{
  margin:30px 0 24px;padding:26px 28px;
  border:1px solid rgba(214,177,95,.48);
  background:linear-gradient(135deg,rgba(214,177,95,.13),rgba(255,255,255,.04));
  box-shadow:0 22px 55px rgba(0,0,0,.2)
}
html.page-visoft-3d-navrh .visoft-offer-top{display:flex;align-items:end;gap:18px;flex-wrap:wrap}
html.page-visoft-3d-navrh .visoft-offer strong{color:var(--gold);font:500 70px/1 Georgia,serif}
html.page-visoft-3d-navrh .visoft-offer .offer-copy{color:#f2e7f4;font-size:14px;line-height:1.5;max-width:500px}
html.page-visoft-3d-navrh .visoft-offer .refund-copy{
  margin-top:18px;padding-top:18px;border-top:1px solid rgba(214,177,95,.28);
  color:#f6e8bd;font:500 22px/1.45 Georgia,serif
}


/* ViSoft section – half visual, half content */
html.page-visoft-3d-navrh .visoft{
  position:relative!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  min-height:780px!important;
  padding:0!important;
  background:#1b0d28!important;
  overflow:hidden
}
html.page-visoft-3d-navrh .visoft::after{display:none!important}
html.page-visoft-3d-navrh .visoft-visual{
  position:relative;min-height:780px;overflow:hidden;
  border-right:1px solid rgba(214,177,95,.28)
}
html.page-visoft-3d-navrh .visoft-visual img{
  width:100%;height:100%;object-fit:cover;display:block;
  filter:saturate(.95) contrast(1.02)
}
html.page-visoft-3d-navrh .visoft-visual::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(22,9,32,.06),rgba(22,9,32,.16)),
             linear-gradient(180deg,transparent 65%,rgba(22,9,32,.78))
}
html.page-visoft-3d-navrh .visoft-image-label{
  position:absolute;left:28px;right:28px;bottom:24px;z-index:2;
  padding-top:14px;border-top:1px solid rgba(255,255,255,.45);
  color:#f3e9f4;font-size:12px;line-height:1.5
}
html.page-visoft-3d-navrh .visoft-inner{
  position:relative!important;z-index:2!important;
  display:block!important;max-width:none!important;margin:0!important;
  padding:68px 5vw 68px 54px!important
}
html.page-visoft-3d-navrh .visoft-intro p{
  color:#d8ccdf;font-size:15px;line-height:1.7;max-width:650px
}
html.page-visoft-3d-navrh .visoft-copy{margin-top:30px}
html.page-visoft-3d-navrh .visoft-offer-split{
  display:grid;grid-template-columns:1fr 1fr;gap:14px
}
html.page-visoft-3d-navrh .visoft-service{
  padding:24px;background:rgba(255,255,255,.055);
  border:1px solid rgba(214,177,95,.3)
}
html.page-visoft-3d-navrh .visoft-service .service-price{
  color:var(--gold);font:500 42px/1 Georgia,serif;margin-bottom:16px
}
html.page-visoft-3d-navrh .visoft-service strong{
  display:block;color:#fff;font-size:19px;margin-bottom:10px
}
html.page-visoft-3d-navrh .visoft-service p{
  margin:0!important;color:#cfc1d5!important;font-size:13px!important;line-height:1.58!important
}
html.page-visoft-3d-navrh .visoft-total{
  display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:center;
  margin-top:14px;padding:22px 24px;
  background:linear-gradient(135deg,rgba(214,177,95,.15),rgba(255,255,255,.045));
  border:1px solid rgba(214,177,95,.45)
}
html.page-visoft-3d-navrh .visoft-total span{
  display:block;color:#e3d3a4;font-size:10px;text-transform:uppercase;
  letter-spacing:.13em;font-weight:800
}
html.page-visoft-3d-navrh .visoft-total strong{
  display:block;color:var(--gold);font:500 50px/1 Georgia,serif;margin-top:4px
}
html.page-visoft-3d-navrh .visoft-total p{
  margin:0!important;color:#eee4f0!important;font-size:13px!important;line-height:1.58!important
}
html.page-visoft-3d-navrh .visoft-refund-visible{
  margin-top:14px;padding:21px 23px;
  border-left:5px solid var(--gold);
  background:rgba(214,177,95,.11);
  color:#f6e8bd;font:500 20px/1.45 Georgia,serif
}
html.page-visoft-3d-navrh .visoft-note{margin-top:15px!important}

/* Ensure CTA cards read as actions */
html.page-visoft-3d-navrh .action-fact{cursor:pointer}
html.page-visoft-3d-navrh .action-fact em{margin-top:auto!important;padding-top:20px}

/* Avoid duplicated old ViSoft styles affecting the new version */
html.page-visoft-3d-navrh .visoft-price, html.page-visoft-3d-navrh .visoft-offer, html.page-visoft-3d-navrh .visoft-grid, html.page-visoft-3d-navrh .visoft-refund{display:none!important}

@media(max-width:1050px){
  html.page-visoft-3d-navrh .visoft{grid-template-columns:1fr!important}
  html.page-visoft-3d-navrh .visoft-visual{min-height:520px;border-right:0;border-bottom:1px solid rgba(214,177,95,.28)}
  html.page-visoft-3d-navrh .visoft-inner{padding:56px 5vw!important}
}
@media(max-width:650px){
  html.page-visoft-3d-navrh .visoft-offer-split{grid-template-columns:1fr}
  html.page-visoft-3d-navrh .visoft-total{grid-template-columns:1fr}
  html.page-visoft-3d-navrh .visoft-visual{min-height:360px}
}


html.page-visoft-3d-navrh .catalog-guide{
  padding:95px 5vw;background:linear-gradient(135deg,#261136,#180a24);color:#fff
}
html.page-visoft-3d-navrh .catalog-guide-inner{
  max-width:1400px;margin:auto;display:grid;grid-template-columns:.8fr 1.2fr;gap:75px
}
html.page-visoft-3d-navrh .catalog-guide h2{color:var(--gold);font-size:clamp(42px,5vw,70px);line-height:.97;margin:0}
html.page-visoft-3d-navrh .catalog-guide-copy p{color:#d2c4d9;font-size:16px;line-height:1.72;margin:0 0 18px}
html.page-visoft-3d-navrh .catalog-guide blockquote{
  margin:28px 0 0;padding:24px 26px;border-left:5px solid var(--gold);
  background:rgba(255,255,255,.05);color:#f2e4bf;font:500 24px/1.45 Georgia,serif
}
html.page-visoft-3d-navrh .manufacturer-flow{
  display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 34px
}
html.page-visoft-3d-navrh .manufacturer-flow-item{
  padding:20px;background:rgba(255,255,255,.045);border:1px solid rgba(214,177,95,.2)
}
html.page-visoft-3d-navrh .manufacturer-flow-item b{display:block;color:var(--gold);font-size:11px;letter-spacing:.12em;margin-bottom:10px}
html.page-visoft-3d-navrh .manufacturer-flow-item strong{display:block;color:#f5edf6;font-size:16px;margin-bottom:7px}
html.page-visoft-3d-navrh .manufacturer-flow-item span{color:#bcaec5;font-size:12px;line-height:1.5}
html.page-visoft-3d-navrh .manufacturer-card{cursor:default}
html.page-visoft-3d-navrh .manufacturer-actions{
  display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:22px;position:relative;z-index:3
}
html.page-visoft-3d-navrh .manufacturer-action{
  min-height:48px;padding:12px 13px;display:flex;align-items:center;justify-content:center;
  text-align:center;font-size:10px;font-weight:850;letter-spacing:.06em;text-transform:uppercase
}
html.page-visoft-3d-navrh .manufacturer-action-external{
  color:#f1e4c4;border:1px solid rgba(214,177,95,.48);background:rgba(26,11,39,.72)
}
html.page-visoft-3d-navrh .manufacturer-action-quote{background:var(--gold);color:#281437}
html.page-visoft-3d-navrh .manufacturer-notice{
  margin-top:20px;padding:17px 19px;border-left:3px solid var(--gold);
  background:rgba(255,255,255,.04);color:#ad9fb6;font-size:12px;line-height:1.55
}
html.page-visoft-3d-navrh .manufacturer-enquiry{
  margin-top:24px;padding:32px;background:linear-gradient(135deg,rgba(214,177,95,.12),rgba(255,255,255,.04));
  border:1px solid rgba(214,177,95,.36)
}
html.page-visoft-3d-navrh .manufacturer-enquiry h3{color:var(--gold);font-size:34px;margin:0 0 10px}
html.page-visoft-3d-navrh .manufacturer-enquiry p{color:#d1c3d7;line-height:1.65;max-width:850px}
html.page-visoft-3d-navrh .manufacturer-enquiry-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
html.page-visoft-3d-navrh .manufacturer-enquiry-primary, html.page-visoft-3d-navrh .manufacturer-enquiry-secondary{
  padding:14px 18px;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.07em
}
html.page-visoft-3d-navrh .manufacturer-enquiry-primary{background:var(--gold);color:#281437}
html.page-visoft-3d-navrh .manufacturer-enquiry-secondary{border:1px solid rgba(214,177,95,.5);color:var(--gold)}
@media(max-width:1000px){
  html.page-visoft-3d-navrh .catalog-guide-inner{grid-template-columns:1fr}
  html.page-visoft-3d-navrh .manufacturer-flow{grid-template-columns:1fr 1fr}
}
@media(max-width:650px){
  html.page-visoft-3d-navrh .manufacturer-flow, html.page-visoft-3d-navrh .manufacturer-actions{grid-template-columns:1fr}
}

html.page-visoft-3d-navrh .sapho-routing-note{
  margin-top:20px;padding:20px 22px;
  display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center;
  background:linear-gradient(135deg,rgba(214,177,95,.12),rgba(255,255,255,.04));
  border:1px solid rgba(214,177,95,.32)
}
html.page-visoft-3d-navrh .sapho-routing-note strong{color:var(--gold);font-size:15px}
html.page-visoft-3d-navrh .sapho-routing-note span{color:#c9bbd0;font-size:12px;line-height:1.55}
@media(max-width:650px){html.page-visoft-3d-navrh .sapho-routing-note{grid-template-columns:1fr}}


html.page-visoft-3d-navrh .installer-first{
  padding:34px 5vw 38px;
  background:
    radial-gradient(circle at 90% 5%,rgba(214,177,95,.13),transparent 26%),
    linear-gradient(135deg,#301743,#1b0c28);
  border-bottom:1px solid rgba(214,177,95,.25);
  color:#fff
}
html.page-visoft-3d-navrh .installer-first-inner{
  max-width:1400px;margin:auto;
  display:grid;grid-template-columns:auto 1fr;gap:30px;align-items:center
}
html.page-visoft-3d-navrh .installer-first-mark{
  width:82px;height:82px;border-radius:50%;
  display:grid;place-items:center;
  border:1px solid rgba(214,177,95,.55);
  color:var(--gold);
  font:500 28px/1 Georgia,serif
}
html.page-visoft-3d-navrh .installer-first-copy strong{
  display:block;color:var(--gold);
  font:500 clamp(25px,3vw,39px)/1.16 Georgia,serif;
  margin-bottom:9px
}
html.page-visoft-3d-navrh .installer-first-copy p{
  margin:0;max-width:1100px;
  color:#d6c9dc;font-size:15px;line-height:1.68
}
html.page-visoft-3d-navrh .installer-first-copy b{color:#f2e4bd}
@media(max-width:700px){
  html.page-visoft-3d-navrh .installer-first-inner{grid-template-columns:1fr}
  html.page-visoft-3d-navrh .installer-first-mark{width:65px;height:65px;font-size:23px}
}

/* Krok 1 – upřesnění 20 let praxe */
html.page-visoft-3d-navrh .installer-first-mark{
  width:116px;height:116px;border-radius:50%;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;padding:10px;
  border:1px solid rgba(214,177,95,.65);
  color:var(--gold);font-family:Georgia,serif;line-height:1
}
html.page-visoft-3d-navrh .installer-first-mark strong{font:500 34px/1 Georgia,serif;display:block;margin-bottom:8px}
html.page-visoft-3d-navrh .installer-first-mark span{font:800 9px/1.35 Arial,sans-serif;letter-spacing:.12em;color:#f1dfb1}
@media(max-width:700px){html.page-visoft-3d-navrh .installer-first-mark{width:96px;height:96px}html.page-visoft-3d-navrh .installer-first-mark strong{font-size:29px}}


/* Krok 2 – horní sdělení */
html.page-visoft-3d-navrh .installer-first-mark{width:118px!important;height:118px!important;border-radius:50%!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;padding:11px!important;border:1px solid rgba(214,177,95,.58)!important;background:transparent!important;color:var(--gold)!important;font-family:Georgia,serif!important;line-height:1!important}
html.page-visoft-3d-navrh .installer-first-mark strong{display:block!important;margin:0 0 6px!important;font:500 33px/1 Georgia,serif!important}
html.page-visoft-3d-navrh .installer-first-mark span{display:block!important;color:#f1dfb1!important;font:800 9px/1.25 Arial,sans-serif!important;letter-spacing:.12em!important}
html.page-visoft-3d-navrh .installer-first-mark small{display:block!important;margin-top:8px!important;padding-top:7px!important;width:76px!important;border-top:1px solid rgba(214,177,95,.38)!important;color:#d6b15f!important;font:800 8px/1.3 Arial,sans-serif!important;letter-spacing:.08em!important}
html.page-visoft-3d-navrh .hero-benefit{margin-top:8px;color:#d6b15f;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
@media(max-width:700px){html.page-visoft-3d-navrh .installer-first-mark{width:108px!important;height:108px!important}}


/* Krok 3 – schválené úpravy */
html.page-visoft-3d-navrh .installer-first-copy > strong{
  display:block!important;
  padding:15px 18px!important;
  border:1px solid rgba(214,177,95,.68)!important;
  background:rgba(255,255,255,.012)!important;
  color:var(--gold)!important;
}
html.page-visoft-3d-navrh .hero-benefit{
  display:block!important;
  margin-top:8px!important;
  margin-bottom:18px!important;
}


/* Krok 4 – rozšířená specializační lišta */
html.page-visoft-3d-navrh .brand-specialisms{
  column-gap:10px!important;row-gap:5px!important;
  padding-top:9px!important;padding-bottom:9px!important;
  line-height:1.35!important
}
html.page-visoft-3d-navrh .brand-specialisms span{white-space:nowrap}

/* Krok 5 – ostré ViSoft video */
html.page-visoft-3d-navrh .visoft-visual video{
  width:100%;height:100%;min-height:780px;object-fit:cover;display:block;
  background:#12091b;filter:none!important
}
html.page-visoft-3d-navrh .visoft-visual::after{
  background:linear-gradient(180deg,transparent 76%,rgba(22,9,32,.66))!important;
  pointer-events:none
}
html.page-visoft-3d-navrh .visoft-intro h2{font-size:clamp(38px,4vw,62px)!important;line-height:1.02!important}
html.page-visoft-3d-navrh .visoft-intro p{font-size:16px!important;line-height:1.72!important}
html.page-visoft-3d-navrh .visoft-service strong{font-size:20px!important}
html.page-visoft-3d-navrh .visoft-service p, html.page-visoft-3d-navrh .visoft-total p{font-size:14px!important}
@media(max-width:1050px){html.page-visoft-3d-navrh .visoft-visual video{min-height:520px}}
@media(max-width:650px){html.page-visoft-3d-navrh .visoft-visual video{min-height:360px}}


/* Krok 6 – celé ViSoft video bez ořezu */
html.page-visoft-3d-navrh .visoft-visual{
  background:#14091d!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  min-height:620px!important;
  padding:22px!important;
}
html.page-visoft-3d-navrh .visoft-visual video{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:760px!important;
  object-fit:contain!important;
  object-position:center!important;
  display:block!important;
  background:#0e0714!important;
  box-shadow:0 18px 48px rgba(0,0,0,.35)!important;
}
html.page-visoft-3d-navrh .visoft-image-label{
  left:36px!important;
  right:36px!important;
  bottom:30px!important;
}
@media(max-width:1050px){
  html.page-visoft-3d-navrh .visoft-visual{min-height:460px!important;padding:16px!important}
  html.page-visoft-3d-navrh .visoft-visual video{max-height:620px!important}
}
@media(max-width:650px){
  html.page-visoft-3d-navrh .visoft-visual{min-height:320px!important;padding:10px!important}
  html.page-visoft-3d-navrh .visoft-visual video{max-height:420px!important}
}


/* Krok 7 – ViSoft video, živý projekt a AR aplikace pod sebou */
html.page-visoft-3d-navrh .visoft{
  align-items:start!important;
}
html.page-visoft-3d-navrh .visoft-visual{
  align-self:start!important;
  margin-top:0!important;
}

html.page-visoft-3d-navrh .visoft-digital-stack{
  padding:82px 5vw 95px;
  background:
    radial-gradient(circle at 90% 5%,rgba(214,177,95,.12),transparent 25%),
    linear-gradient(180deg,#1a0c27 0%,#281438 100%);
  border-top:1px solid rgba(214,177,95,.25);
  border-bottom:1px solid rgba(214,177,95,.25);
}
html.page-visoft-3d-navrh .visoft-stack-inner{
  max-width:1400px;
  margin:auto;
}
html.page-visoft-3d-navrh .visoft-stack-heading{
  max-width:900px;
  margin-bottom:30px;
}
html.page-visoft-3d-navrh .visoft-stack-heading h2, html.page-visoft-3d-navrh .visoft-ar-copy h2{
  color:var(--gold);
  margin:10px 0 15px;
}
html.page-visoft-3d-navrh .visoft-stack-heading p, html.page-visoft-3d-navrh .visoft-ar-copy p{
  color:#d2c4d9;
  font-size:15px;
  line-height:1.7;
}

html.page-visoft-3d-navrh .visoft-live-frame{
  position:relative;
  width:100%;
  min-height:760px;
  background:#0d0713;
  border:1px solid rgba(214,177,95,.42);
  box-shadow:0 28px 70px rgba(0,0,0,.34);
  overflow:hidden;
}
html.page-visoft-3d-navrh .visoft-live-frame iframe{
  display:block;
  width:100%;
  height:760px;
  border:0;
  background:#fff;
}
html.page-visoft-3d-navrh .visoft-live-actions{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px;
  padding:15px 18px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(214,177,95,.2);
  border-top:0;
  color:#bfaec7;
  font-size:12px;
}
html.page-visoft-3d-navrh .visoft-live-actions a{
  flex:none;
  padding:11px 14px;
  background:var(--gold);
  color:#281438;
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.06em;
}

html.page-visoft-3d-navrh .visoft-ar-card{
  display:grid;
  grid-template-columns:.72fr 1.28fr;
  gap:30px;
  align-items:center;
  margin-top:44px;
  padding:32px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(214,177,95,.32);
}
html.page-visoft-3d-navrh .visoft-ar-copy{
  padding:10px 4px 10px 6px;
}
html.page-visoft-3d-navrh .visoft-store-buttons{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:22px;
}
html.page-visoft-3d-navrh .visoft-store-buttons a{
  padding:13px 17px;
  border:1px solid rgba(214,177,95,.55);
  color:#f2e3bd;
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.07em;
}
html.page-visoft-3d-navrh .visoft-store-buttons a:first-child{
  background:var(--gold);
  color:#281438;
}
html.page-visoft-3d-navrh .visoft-ar-image{
  display:block;
  overflow:hidden;
  background:#f4efe2;
  border:1px solid rgba(214,177,95,.3);
}
html.page-visoft-3d-navrh .visoft-ar-image img{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
}

@media(max-width:1000px){
  html.page-visoft-3d-navrh .visoft-live-frame{min-height:620px}
  html.page-visoft-3d-navrh .visoft-live-frame iframe{height:620px}
  html.page-visoft-3d-navrh .visoft-ar-card{grid-template-columns:1fr}
}
@media(max-width:650px){
  html.page-visoft-3d-navrh .visoft-digital-stack{padding:58px 5vw 70px}
  html.page-visoft-3d-navrh .visoft-live-frame{min-height:500px}
  html.page-visoft-3d-navrh .visoft-live-frame iframe{height:500px}
  html.page-visoft-3d-navrh .visoft-live-actions{
    align-items:flex-start;
    flex-direction:column;
  }
  html.page-visoft-3d-navrh .visoft-ar-card{padding:20px}
}


/* Krok 8 – všechny ViSoft vizuály v levém tmavém sloupci */
html.page-visoft-3d-navrh .visoft{
  align-items:stretch!important;
  overflow:visible!important;
}
html.page-visoft-3d-navrh .visoft-visual{
  display:block!important;
  align-self:stretch!important;
  min-height:0!important;
  padding:24px!important;
  background:#14091d!important;
  overflow:visible!important;
}
html.page-visoft-3d-navrh .visoft-visual::after, html.page-visoft-3d-navrh .visoft-image-label{
  display:none!important;
}
html.page-visoft-3d-navrh .visoft-left-stack{
  display:grid;
  grid-template-columns:1fr;
  gap:16px;
  width:100%;
}
html.page-visoft-3d-navrh .visoft-stack-video, html.page-visoft-3d-navrh .visoft-project-photo{
  position:relative;
  width:100%;
  aspect-ratio:16/9;
  overflow:hidden;
  background:#0c0611;
  border:1px solid rgba(214,177,95,.34);
  box-shadow:0 16px 38px rgba(0,0,0,.27);
}
html.page-visoft-3d-navrh .visoft-stack-video video, html.page-visoft-3d-navrh .visoft-project-photo img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center!important;
  background:#0c0611!important;
  box-shadow:none!important;
}
html.page-visoft-3d-navrh .visoft-try-label{
  padding:2px 4px 0;
  color:var(--gold);
  font:500 21px/1.3 Georgia,serif;
  text-align:center;
}
html.page-visoft-3d-navrh .visoft-project-photo span{
  position:absolute;
  left:16px;
  right:16px;
  bottom:14px;
  padding:11px 13px;
  background:rgba(22,9,32,.88);
  border:1px solid rgba(214,177,95,.55);
  color:#f4e6bf;
  font-size:10px;
  font-weight:900;
  text-align:center;
  text-transform:uppercase;
  letter-spacing:.07em;
}
html.page-visoft-3d-navrh .visoft-project-photo:hover span{
  background:var(--gold);
  color:#281438;
}
html.page-visoft-3d-navrh .visoft-ar-mini{
  display:block;
  width:100%;
  max-height:245px;
  padding:8px;
  overflow:hidden;
  background:#f6f0df;
  border:1px solid rgba(214,177,95,.4);
}
html.page-visoft-3d-navrh .visoft-ar-mini img{
  display:block;
  width:100%;
  height:100%;
  max-height:227px;
  object-fit:contain;
  object-position:center;
}
html.page-visoft-3d-navrh .visoft-inner{
  align-self:start!important;
}

@media(max-width:1050px){
  html.page-visoft-3d-navrh .visoft-visual{padding:18px!important}
  html.page-visoft-3d-navrh .visoft-ar-mini{max-height:320px}
  html.page-visoft-3d-navrh .visoft-ar-mini img{max-height:302px}
}
@media(max-width:650px){
  html.page-visoft-3d-navrh .visoft-visual{padding:10px!important}
  html.page-visoft-3d-navrh .visoft-try-label{font-size:18px}
  html.page-visoft-3d-navrh .visoft-project-photo span{left:9px;right:9px;bottom:8px;padding:9px}
}

/* Krok 9 – odlišný reálný projektový náhled a kompaktní AR banner */
html.page-visoft-3d-navrh .visoft-project-photo img{
  object-fit:cover!important;
  object-position:center!important;
}
html.page-visoft-3d-navrh .visoft-ar-mini{
  max-height:205px!important;
  padding:0!important;
  background:#170a22!important;
  border:1px solid rgba(214,177,95,.42)!important;
}
html.page-visoft-3d-navrh .visoft-ar-mini img{
  width:100%!important;
  height:auto!important;
  max-height:203px!important;
  object-fit:contain!important;
  background:#170a22!important;
}
html.page-visoft-3d-navrh .visoft-intro p{
  max-width:680px!important;
  font-size:15px!important;
  line-height:1.72!important;
}
@media(max-width:1050px){
  html.page-visoft-3d-navrh .visoft-ar-mini{max-height:250px!important}
  html.page-visoft-3d-navrh .visoft-ar-mini img{max-height:248px!important}
}

body.page-visoft-3d-navrh{
  margin:0;
  background:#160b22;
}
html.page-visoft-3d-navrh .visoft-page-header{
  position:sticky;
  top:0;
  z-index:60;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px;
  padding:15px 5vw;
  background:rgba(22,11,34,.96);
  border-bottom:1px solid rgba(214,177,95,.25);
  backdrop-filter:blur(12px);
}
html.page-visoft-3d-navrh .visoft-page-header a{
  text-decoration:none;
}
html.page-visoft-3d-navrh .visoft-page-logo{
  color:#d6b15f;
  font-weight:900;
  letter-spacing:.08em;
}
html.page-visoft-3d-navrh .visoft-page-back{
  padding:11px 15px;
  border:1px solid #d6b15f;
  color:#d6b15f;
  font-size:11px;
  font-weight:850;
  text-transform:uppercase;
  letter-spacing:.07em;
}
html.page-visoft-3d-navrh .visoft-page-intro{
  padding:52px 5vw 34px;
  background:linear-gradient(135deg,#351847,#1b0c28);
  color:white;
  text-align:center;
}
html.page-visoft-3d-navrh .visoft-page-intro .eyebrow{
  color:#d6b15f;
}
html.page-visoft-3d-navrh .visoft-page-intro h1{
  margin:12px auto;
  max-width:1000px;
  color:#f4e7c7;
  font:500 clamp(44px,6vw,78px)/1 Georgia,serif;
}
html.page-visoft-3d-navrh .visoft-page-intro p{
  max-width:820px;
  margin:0 auto;
  color:#d2c4d9;
  line-height:1.7;
}

/* Krok 96 – jednotné obrazové logo TOP INTERIOR */
html.page-visoft-3d-navrh header{padding-top:10px!important;padding-bottom:10px!important;}
html.page-visoft-3d-navrh .logo.top-interior-site-logo, html.page-visoft-3d-navrh .visoft-page-logo.top-interior-site-logo{
  display:block!important;
  width:clamp(152px,16vw,184px)!important;
  line-height:0!important;
  overflow:hidden!important;
  border:1px solid rgba(214,177,95,.44)!important;
  border-radius:3px!important;
  background:#180a23!important;
  box-shadow:0 7px 21px rgba(0,0,0,.28)!important;
}
html.page-visoft-3d-navrh .logo.top-interior-site-logo img, html.page-visoft-3d-navrh .visoft-page-logo.top-interior-site-logo img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:1610/630!important;
  object-fit:cover!important;
}
@media(max-width:520px){
  html.page-visoft-3d-navrh .logo.top-interior-site-logo, html.page-visoft-3d-navrh .visoft-page-logo.top-interior-site-logo{width:142px!important;}
}


/* Source: assets/css/site-responsive.css */
/* Shared responsive and accessibility layer. Mobile-first; page-specific CSS remains unchanged. */
html.page-visoft-3d-navrh{ --touch-target: 2.75rem; }
html.page-visoft-3d-navrh{ width: 100%; overflow-x: hidden; -webkit-text-size-adjust: 100%; }
body.page-visoft-3d-navrh{ width: 100%; min-width: 0; overflow-x: clip; }
html.page-visoft-3d-navrh img, html.page-visoft-3d-navrh picture, html.page-visoft-3d-navrh video, html.page-visoft-3d-navrh canvas, html.page-visoft-3d-navrh svg{ display: block; max-width: 100%; height: auto; }
html.page-visoft-3d-navrh iframe{ max-width: 100%; }
html.page-visoft-3d-navrh main, html.page-visoft-3d-navrh section, html.page-visoft-3d-navrh article, html.page-visoft-3d-navrh header, html.page-visoft-3d-navrh footer, html.page-visoft-3d-navrh nav, html.page-visoft-3d-navrh form, html.page-visoft-3d-navrh fieldset, html.page-visoft-3d-navrh .wrap, html.page-visoft-3d-navrh .container{ min-width: 0; }
html.page-visoft-3d-navrh button, html.page-visoft-3d-navrh input, html.page-visoft-3d-navrh select, html.page-visoft-3d-navrh textarea{ max-width: 100%; font: inherit; }
html.page-visoft-3d-navrh button, html.page-visoft-3d-navrh input[type="button"], html.page-visoft-3d-navrh input[type="submit"], html.page-visoft-3d-navrh input[type="reset"], html.page-visoft-3d-navrh select, html.page-visoft-3d-navrh .btn, html.page-visoft-3d-navrh .button, html.page-visoft-3d-navrh [role="button"]{ min-height: var(--touch-target); }
html.page-visoft-3d-navrh textarea{ min-height: 7rem; resize: vertical; }
html.page-visoft-3d-navrh .ti-mobile-menu-toggle{
  display: inline-flex; align-items: center; justify-content: center; gap: .5rem;
  min-width: var(--touch-target); min-height: var(--touch-target); padding: .65rem .8rem;
  border: 1px solid rgba(214,177,95,.7); background: rgba(18,8,28,.72);
  color: #f4ead0; font-weight: 800; cursor: pointer;
}
html.page-visoft-3d-navrh .ti-mobile-menu-toggle__icon, html.page-visoft-3d-navrh .ti-mobile-menu-toggle__icon::before, html.page-visoft-3d-navrh .ti-mobile-menu-toggle__icon::after{
  display: block; width: 1.25rem; height: .125rem; background: currentColor; content: ""; transition: transform .2s ease;
}
html.page-visoft-3d-navrh .ti-mobile-menu-toggle__icon{ position: relative; }
html.page-visoft-3d-navrh .ti-mobile-menu-toggle__icon::before{ position: absolute; top: -.4rem; }
html.page-visoft-3d-navrh .ti-mobile-menu-toggle__icon::after{ position: absolute; top: .4rem; }
html.page-visoft-3d-navrh header.ti-mobile-nav-header{ flex-wrap: wrap; }
html.page-visoft-3d-navrh header.ti-mobile-nav-header > nav{ display: none !important; width: 100%; flex-direction: column; align-items: stretch; gap: .25rem; padding-top: .75rem; }
html.page-visoft-3d-navrh header.ti-nav-open > nav{ display: flex !important; }
html.page-visoft-3d-navrh header.ti-mobile-nav-header > nav a{ display: flex; align-items: center; min-height: var(--touch-target); padding: .65rem .75rem; }
@media (max-width: 47.99rem) {
  html.page-visoft-3d-navrh h1{ overflow-wrap: anywhere; }
  html.page-visoft-3d-navrh .wrap, html.page-visoft-3d-navrh .container{ width: 100%; padding-inline: clamp(1rem, 4vw, 1.5rem); }
  html.page-visoft-3d-navrh .grid, html.page-visoft-3d-navrh .cards, html.page-visoft-3d-navrh .card-grid, html.page-visoft-3d-navrh .brand-grid, html.page-visoft-3d-navrh .product-grid, html.page-visoft-3d-navrh .form-grid{ grid-template-columns: minmax(0, 1fr) !important; }
  html.page-visoft-3d-navrh table{ display: block; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
}
@media (min-width: 56.25rem) {
  html.page-visoft-3d-navrh .ti-mobile-menu-toggle{ display: none; }
  html.page-visoft-3d-navrh header.ti-mobile-nav-header{ flex-wrap: nowrap; }
  html.page-visoft-3d-navrh header.ti-mobile-nav-header > nav{ display: flex !important; width: auto; flex-direction: row; align-items: center; padding-top: 0; }
  html.page-visoft-3d-navrh header.ti-mobile-nav-header > nav a{ min-height: auto; padding: 0; }
}
@media (prefers-reduced-motion: reduce) {
  html.page-visoft-3d-navrh *, html.page-visoft-3d-navrh *::before, html.page-visoft-3d-navrh *::after{ scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}


/* Source: assets/css/top-interior-velvet-header.css */
/* Krok 97 – jednotná sametová horní lišta a logo TOP INTERIOR */
body.page-visoft-3d-navrh > header, body.page-visoft-3d-navrh > .topbar{
  background-color:#17081f!important;
  background-image:
    linear-gradient(90deg,rgba(8,3,12,.28),rgba(42,8,54,.08) 45%,rgba(8,3,12,.38)),
    url("../assets/images/top-interior-velvet-header.jpg")!important;
  background-position:center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  border-top:0!important;
  border-bottom:1px solid rgba(214,177,95,.58)!important;
  box-shadow:0 9px 28px rgba(0,0,0,.34)!important;
}

/* Hlavní logo na standardních stránkách */
body.page-visoft-3d-navrh > header .top-interior-site-logo, body.page-visoft-3d-navrh > .topbar .top-interior-site-logo{
  display:block!important;
  flex:0 0 auto!important;
  width:clamp(220px,18vw,280px)!important;
  max-width:42vw!important;
  line-height:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.page-visoft-3d-navrh > header .top-interior-site-logo img, body.page-visoft-3d-navrh > .topbar .top-interior-site-logo img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  filter:drop-shadow(0 3px 4px rgba(0,0,0,.8)) drop-shadow(0 0 8px rgba(214,177,95,.16));
}
body.page-visoft-3d-navrh > header nav a, body.page-visoft-3d-navrh > header .nav a, body.page-visoft-3d-navrh > header .back, body.page-visoft-3d-navrh > header .outline{
  color:#f3e9f5!important;
  text-shadow:0 1px 3px rgba(0,0,0,.75);
}
body.page-visoft-3d-navrh > header nav a:hover, body.page-visoft-3d-navrh > header .nav a:hover{color:#f1cf77!important}

/* Logo TOP INTERIOR doplněné do poptávkových formulářů */
html.page-visoft-3d-navrh .ti-form-site-logo{
  position:absolute;
  left:20px;
  top:50%;
  transform:translateY(-50%);
  display:block;
  width:clamp(178px,15vw,220px);
  max-width:23vw;
  line-height:0;
  z-index:2;
}
html.page-visoft-3d-navrh .ti-form-site-logo img{
  display:block;
  width:100%;
  height:auto;
  filter:drop-shadow(0 3px 4px rgba(0,0,0,.82)) drop-shadow(0 0 7px rgba(214,177,95,.14));
}
body.page-visoft-3d-navrh > header.topbar .topbar-inner, body.page-visoft-3d-navrh > .topbar .topbar-inner{
  position:relative!important;
  max-width:1500px!important;
  min-height:78px!important;
  padding-left:clamp(222px,20vw,292px)!important;
}
body.page-visoft-3d-navrh > header.topbar .brand h1, body.page-visoft-3d-navrh > header.topbar .brand p, body.page-visoft-3d-navrh > .topbar .brand h1, body.page-visoft-3d-navrh > .topbar .brand p, body.page-visoft-3d-navrh > header.topbar .brand-title h1, body.page-visoft-3d-navrh > header.topbar .brand-title p, body.page-visoft-3d-navrh > .topbar .brand-title h1, body.page-visoft-3d-navrh > .topbar .brand-title p{
  color:#fff!important;
  text-shadow:0 1px 3px rgba(0,0,0,.75)!important;
}
body.page-visoft-3d-navrh > header.topbar .brand p, body.page-visoft-3d-navrh > .topbar .brand p, body.page-visoft-3d-navrh > header.topbar .brand-title p, body.page-visoft-3d-navrh > .topbar .brand-title p{color:#ded0e5!important}
body.page-visoft-3d-navrh > header.topbar .actions .btn, body.page-visoft-3d-navrh > .topbar .actions .btn, body.page-visoft-3d-navrh > header.topbar .actions a, body.page-visoft-3d-navrh > .topbar .actions a{
  box-shadow:0 3px 10px rgba(0,0,0,.22);
}

/* Obecný značkový poptávkový formulář */
body.page-visoft-3d-navrh > header .generic-topbar-inner{
  position:relative!important;
  width:100%!important;
  max-width:1500px!important;
  margin:auto!important;
  min-height:64px!important;
  padding-left:clamp(222px,20vw,292px)!important;
}
body.page-visoft-3d-navrh > header .generic-form-brand, body.page-visoft-3d-navrh > header .generic-top-actions{color:#fff!important}

/* Interaktivní koupelna */
body.page-visoft-3d-navrh > header .ti-inline-header-logo{
  display:block;
  width:clamp(220px,20vw,292px);
  line-height:0;
  margin:0 0 10px;
}
body.page-visoft-3d-navrh > header .ti-inline-header-logo img{display:block;width:100%;height:auto;filter:drop-shadow(0 3px 4px rgba(0,0,0,.8))}
body.page-visoft-3d-navrh > header.ti-inline-header{max-width:none!important;margin:0!important;padding:14px max(24px,calc((100vw - 1760px)/2)) 15px!important}
body.page-visoft-3d-navrh > header.ti-inline-header h1{color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.75)}

@media(max-width:900px){
  body.page-visoft-3d-navrh > header .top-interior-site-logo, body.page-visoft-3d-navrh > .topbar .top-interior-site-logo{width:210px!important;max-width:60vw!important}
  body.page-visoft-3d-navrh > header.topbar .topbar-inner, body.page-visoft-3d-navrh > .topbar .topbar-inner, body.page-visoft-3d-navrh > header .generic-topbar-inner{
    padding-left:20px!important;
    min-height:0!important;
  }
  html.page-visoft-3d-navrh .ti-form-site-logo{
    position:relative;
    left:auto;top:auto;transform:none;
    width:210px;max-width:64vw;
    grid-column:1/-1;
    margin:0 0 4px;
  }
}
@media(max-width:560px){
  body.page-visoft-3d-navrh > header .top-interior-site-logo, body.page-visoft-3d-navrh > .topbar .top-interior-site-logo{width:188px!important;max-width:66vw!important}
  html.page-visoft-3d-navrh .ti-form-site-logo{width:190px}
}


/* Krok 98 – sjednocené logo, zvětšená hlavní lišta a informační doložka */
html.page-visoft-3d-navrh{
  --ti-logo-secondary-width:clamp(190px,16vw,230px);
  --ti-logo-form-width:clamp(162px,14vw,184px);
}

/* Jednotný vzhled loga na všech běžných a interních stránkách */
body.page-visoft-3d-navrh > header .top-interior-site-logo, body.page-visoft-3d-navrh > .topbar .top-interior-site-logo{
  width:var(--ti-logo-secondary-width)!important;
  max-width:min(48vw,230px)!important;
  min-width:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.page-visoft-3d-navrh > header .top-interior-site-logo img, body.page-visoft-3d-navrh > .topbar .top-interior-site-logo img, html.page-visoft-3d-navrh .ti-form-site-logo img, body.page-visoft-3d-navrh > header .ti-inline-header-logo img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  clip-path:none!important;
}

/* Hlavní stránka: lišta přibližně o 70 % vyšší a úměrně větší logo */
body.page-visoft-3d-navrh > header.ti-main-header{
  min-height:106px!important;
  padding:22px 3vw!important;
  align-items:center!important;
}
body.page-visoft-3d-navrh > header.ti-main-header .top-interior-site-logo{
  width:clamp(300px,24vw,372px)!important;
  max-width:38vw!important;
}
body.page-visoft-3d-navrh > header.ti-main-header nav{
  align-self:center!important;
}

/* Poptávkové formuláře: celé, nepřerostlé a shodné logo */
html.page-visoft-3d-navrh .ti-form-site-logo{
  position:absolute!important;
  left:22px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  display:block!important;
  width:var(--ti-logo-form-width)!important;
  max-width:184px!important;
  min-width:0!important;
  line-height:0!important;
  overflow:visible!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  z-index:3!important;
}
body.page-visoft-3d-navrh > header.topbar .topbar-inner, body.page-visoft-3d-navrh > .topbar .topbar-inner, body.page-visoft-3d-navrh > header .generic-topbar-inner{
  padding-left:clamp(212px,18vw,246px)!important;
  min-height:82px!important;
}

/* Společná informační doložka ve spodní části všech stránek */
html.page-visoft-3d-navrh .ti-site-notice{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:22px max(22px,5vw)!important;
  border-top:1px solid rgba(214,177,95,.32)!important;
  background:#09050f!important;
  color:#cfc2d5!important;
  font:400 11px/1.65 Inter,Arial,sans-serif!important;
  letter-spacing:0!important;
  text-align:left!important;
}
html.page-visoft-3d-navrh .ti-site-notice strong{
  color:#e2c577!important;
  font-weight:800!important;
}
html.page-visoft-3d-navrh .ti-site-notice p{
  max-width:1380px!important;
  margin:0 auto!important;
}

@media(max-width:1180px){
  body.page-visoft-3d-navrh > header.ti-main-header{
    min-height:0!important;
    padding:19px 3vw!important;
  }
  body.page-visoft-3d-navrh > header.ti-main-header .top-interior-site-logo{
    width:clamp(270px,34vw,340px)!important;
    max-width:58vw!important;
  }
}
@media(max-width:900px){
  body.page-visoft-3d-navrh > header .top-interior-site-logo, body.page-visoft-3d-navrh > .topbar .top-interior-site-logo{
    width:210px!important;
    max-width:64vw!important;
  }
  body.page-visoft-3d-navrh > header.ti-main-header{
    padding:18px 20px!important;
  }
  body.page-visoft-3d-navrh > header.ti-main-header .top-interior-site-logo{
    width:260px!important;
    max-width:72vw!important;
  }
  body.page-visoft-3d-navrh > header.topbar .topbar-inner, body.page-visoft-3d-navrh > .topbar .topbar-inner, body.page-visoft-3d-navrh > header .generic-topbar-inner{
    padding-left:20px!important;
    min-height:0!important;
  }
  html.page-visoft-3d-navrh .ti-form-site-logo{
    position:relative!important;
    left:auto!important;
    top:auto!important;
    transform:none!important;
    width:184px!important;
    max-width:56vw!important;
    grid-column:1/-1!important;
    margin:0 0 8px!important;
  }
}
@media(max-width:560px){
  body.page-visoft-3d-navrh > header.ti-main-header .top-interior-site-logo{
    width:232px!important;
    max-width:78vw!important;
  }
  html.page-visoft-3d-navrh .ti-form-site-logo{
    width:172px!important;
    max-width:62vw!important;
  }
  html.page-visoft-3d-navrh .ti-site-notice{
    padding:18px 17px!important;
    font-size:10.5px!important;
  }
}


/* Krok 99 – kompaktnější hlavní lišta a dvouřádkové hlavičky poptávek */
html.page-visoft-3d-navrh{
  --ti-logo-shared-width:clamp(300px,24vw,372px);
}

/* Jedna velikost a jeden vzhled loga na všech stránkách. */
body.page-visoft-3d-navrh > header .top-interior-site-logo, body.page-visoft-3d-navrh > .topbar .top-interior-site-logo, html.page-visoft-3d-navrh .ti-form-site-logo, body.page-visoft-3d-navrh > header .ti-inline-header-logo{
  width:var(--ti-logo-shared-width)!important;
  max-width:38vw!important;
  min-width:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  line-height:0!important;
}
body.page-visoft-3d-navrh > header .top-interior-site-logo img, body.page-visoft-3d-navrh > .topbar .top-interior-site-logo img, html.page-visoft-3d-navrh .ti-form-site-logo img, body.page-visoft-3d-navrh > header .ti-inline-header-logo img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:left center!important;
  clip-path:none!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* Hlavní stránka: lišta o přibližně 10 % nižší, velikost loga zůstává. */
body.page-visoft-3d-navrh > header.ti-main-header, body.page-visoft-3d-navrh > header.ti-request-hub-header{
  min-height:96px!important;
  padding:20px 3vw!important;
  align-items:center!important;
}
body.page-visoft-3d-navrh > header.ti-main-header .top-interior-site-logo, body.page-visoft-3d-navrh > header.ti-request-hub-header .top-interior-site-logo{
  width:var(--ti-logo-shared-width)!important;
  max-width:38vw!important;
}

/* Poptávkové formuláře: logo je samostatně v prvním řádku vlevo. */
body.page-visoft-3d-navrh > header.topbar .topbar-inner, body.page-visoft-3d-navrh > .topbar .topbar-inner{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-areas:
    "ti-logo ti-logo"
    "ti-brand ti-actions"!important;
  align-items:center!important;
  column-gap:22px!important;
  row-gap:13px!important;
  width:100%!important;
  max-width:none!important;
  padding:18px 3vw!important;
  min-height:0!important;
}
body.page-visoft-3d-navrh > header.topbar .topbar-inner > .ti-form-site-logo, body.page-visoft-3d-navrh > .topbar .topbar-inner > .ti-form-site-logo{
  grid-area:ti-logo!important;
  position:relative!important;
  left:auto!important;
  top:auto!important;
  transform:none!important;
  justify-self:start!important;
  align-self:start!important;
  display:block!important;
  width:var(--ti-logo-shared-width)!important;
  max-width:38vw!important;
  margin:0!important;
  z-index:3!important;
}
body.page-visoft-3d-navrh > header.topbar .topbar-inner > .brand, body.page-visoft-3d-navrh > .topbar .topbar-inner > .brand, body.page-visoft-3d-navrh > header.topbar .topbar-inner > .brand-title, body.page-visoft-3d-navrh > .topbar .topbar-inner > .brand-title{
  grid-area:ti-brand!important;
  min-width:0!important;
}
body.page-visoft-3d-navrh > header.topbar .topbar-inner > .actions, body.page-visoft-3d-navrh > .topbar .topbar-inner > .actions{
  grid-area:ti-actions!important;
  align-self:center!important;
}

/* Obecný značkový formulář používá stejné dvouřádkové rozložení. */
body.page-visoft-3d-navrh > header .generic-topbar-inner{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-areas:
    "ti-logo ti-logo"
    "ti-brand ti-actions"!important;
  align-items:center!important;
  column-gap:22px!important;
  row-gap:13px!important;
  width:100%!important;
  max-width:none!important;
  margin:auto!important;
  padding:18px 3vw!important;
  min-height:0!important;
}
body.page-visoft-3d-navrh > header .generic-topbar-inner > .ti-form-site-logo{
  grid-area:ti-logo!important;
  position:relative!important;
  left:auto!important;
  top:auto!important;
  transform:none!important;
  justify-self:start!important;
  width:var(--ti-logo-shared-width)!important;
  max-width:38vw!important;
  margin:0!important;
}
body.page-visoft-3d-navrh > header .generic-topbar-inner > .generic-form-brand{grid-area:ti-brand!important}
body.page-visoft-3d-navrh > header .generic-topbar-inner > .generic-top-actions{grid-area:ti-actions!important}

/* Centrum E-shop / Poptávky má stejnou hlavičku jako hlavní stránka. */
body.page-visoft-3d-navrh > header.ti-request-hub-header{
  display:flex!important;
  justify-content:space-between!important;
  gap:24px!important;
}
body.page-visoft-3d-navrh > header.ti-request-hub-header .back{
  flex:0 0 auto!important;
}

@media(max-width:1180px){
  html.page-visoft-3d-navrh{--ti-logo-shared-width:clamp(270px,34vw,340px)}
  body.page-visoft-3d-navrh > header.ti-main-header, body.page-visoft-3d-navrh > header.ti-request-hub-header{min-height:0!important;padding:17px 3vw!important}
  body.page-visoft-3d-navrh > header .top-interior-site-logo, body.page-visoft-3d-navrh > .topbar .top-interior-site-logo, html.page-visoft-3d-navrh .ti-form-site-logo, body.page-visoft-3d-navrh > header .ti-inline-header-logo{max-width:58vw!important}

  body.page-visoft-3d-navrh > header.topbar .topbar-inner, body.page-visoft-3d-navrh > .topbar .topbar-inner, body.page-visoft-3d-navrh > header .generic-topbar-inner{
    grid-template-columns:1fr!important;
    grid-template-areas:"ti-logo" "ti-brand" "ti-actions"!important;
  }
  body.page-visoft-3d-navrh > header.topbar .topbar-inner > .actions, body.page-visoft-3d-navrh > .topbar .topbar-inner > .actions, body.page-visoft-3d-navrh > header .generic-topbar-inner > .generic-top-actions{
    width:100%!important;
    max-width:100%!important;
    justify-self:start!important;
    justify-content:flex-start!important;
  }
}
@media(max-width:900px){
  html.page-visoft-3d-navrh{--ti-logo-shared-width:260px}
  body.page-visoft-3d-navrh > header.ti-main-header, body.page-visoft-3d-navrh > header.ti-request-hub-header{padding:16px 20px!important}
  body.page-visoft-3d-navrh > header .top-interior-site-logo, body.page-visoft-3d-navrh > .topbar .top-interior-site-logo, html.page-visoft-3d-navrh .ti-form-site-logo, body.page-visoft-3d-navrh > header .ti-inline-header-logo{max-width:72vw!important}
  body.page-visoft-3d-navrh > header.topbar .topbar-inner, body.page-visoft-3d-navrh > .topbar .topbar-inner, body.page-visoft-3d-navrh > header .generic-topbar-inner{
    grid-template-columns:1fr!important;
    grid-template-areas:"ti-logo" "ti-brand" "ti-actions"!important;
    padding:16px 20px!important;
  }
  body.page-visoft-3d-navrh > header.topbar .topbar-inner > .actions, body.page-visoft-3d-navrh > .topbar .topbar-inner > .actions, body.page-visoft-3d-navrh > header .generic-topbar-inner > .generic-top-actions{
    justify-self:start!important;
    justify-content:flex-start!important;
  }
  body.page-visoft-3d-navrh > header.ti-request-hub-header{
    flex-wrap:wrap!important;
  }
}
@media(max-width:560px){
  html.page-visoft-3d-navrh{--ti-logo-shared-width:232px}
  body.page-visoft-3d-navrh > header .top-interior-site-logo, body.page-visoft-3d-navrh > .topbar .top-interior-site-logo, html.page-visoft-3d-navrh .ti-form-site-logo, body.page-visoft-3d-navrh > header .ti-inline-header-logo{max-width:78vw!important}
}


/* Krok 113 – společné logo TOP INTERIOR by JOVEE Services */
html.page-visoft-3d-navrh{--ti-combined-logo-width:clamp(370px,31vw,500px)}
body.page-visoft-3d-navrh > header .top-interior-site-logo, body.page-visoft-3d-navrh > .topbar .top-interior-site-logo, html.page-visoft-3d-navrh .ti-form-site-logo, body.page-visoft-3d-navrh > header .ti-inline-header-logo{
  width:var(--ti-combined-logo-width)!important;
  max-width:46vw!important;
}
body.page-visoft-3d-navrh > header.ti-main-header .top-interior-site-logo, body.page-visoft-3d-navrh > header.ti-request-hub-header .top-interior-site-logo{
  width:clamp(410px,34vw,535px)!important;
  max-width:48vw!important;
}
body.page-visoft-3d-navrh > header .top-interior-site-logo img, body.page-visoft-3d-navrh > .topbar .top-interior-site-logo img, html.page-visoft-3d-navrh .ti-form-site-logo img, body.page-visoft-3d-navrh > header .ti-inline-header-logo img{
  filter:none!important;
  object-fit:contain!important;
  object-position:left center!important;
}
body.page-visoft-3d-navrh > header.ti-main-header, body.page-visoft-3d-navrh > header.ti-request-hub-header{
  padding-top:12px!important;
  padding-bottom:12px!important;
}
@media(max-width:1180px){
  html.page-visoft-3d-navrh{--ti-combined-logo-width:clamp(330px,43vw,450px)}
  body.page-visoft-3d-navrh > header.ti-main-header .top-interior-site-logo, body.page-visoft-3d-navrh > header.ti-request-hub-header .top-interior-site-logo{width:clamp(350px,48vw,465px)!important;max-width:58vw!important}
}
@media(max-width:900px){
  html.page-visoft-3d-navrh{--ti-combined-logo-width:320px}
  body.page-visoft-3d-navrh > header.ti-main-header .top-interior-site-logo, body.page-visoft-3d-navrh > header.ti-request-hub-header .top-interior-site-logo{width:340px!important;max-width:78vw!important}
}
@media(max-width:560px){
  html.page-visoft-3d-navrh{--ti-combined-logo-width:280px}
  body.page-visoft-3d-navrh > header.ti-main-header .top-interior-site-logo, body.page-visoft-3d-navrh > header.ti-request-hub-header .top-interior-site-logo{width:300px!important;max-width:86vw!important}
}

/* Krok 115 – vyvážená výška hlavní lišty pro společné logo */
html.page-visoft-3d-navrh{
  --ti-combined-logo-width:clamp(330px,25vw,390px);
}

/* Běžné interní stránky a formuláře: čitelné logo bez přerůstání. */
body.page-visoft-3d-navrh > header .top-interior-site-logo, body.page-visoft-3d-navrh > .topbar .top-interior-site-logo, html.page-visoft-3d-navrh .ti-form-site-logo, body.page-visoft-3d-navrh > header .ti-inline-header-logo{
  width:var(--ti-combined-logo-width)!important;
  max-width:42vw!important;
}

/* Hlavní navigační lišta: návrat k původní vyvážené výšce. */
body.page-visoft-3d-navrh > header.ti-main-header, body.page-visoft-3d-navrh > header.ti-request-hub-header{
  min-height:112px!important;
  padding:9px 3vw!important;
  align-items:center!important;
}
body.page-visoft-3d-navrh > header.ti-main-header .top-interior-site-logo, body.page-visoft-3d-navrh > header.ti-request-hub-header .top-interior-site-logo{
  width:clamp(360px,27vw,420px)!important;
  max-width:43vw!important;
}
body.page-visoft-3d-navrh > header.ti-main-header nav{
  gap:clamp(12px,1.15vw,20px)!important;
  font-size:clamp(11px,.72vw,13px)!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
}
body.page-visoft-3d-navrh > header.ti-main-header nav a{white-space:nowrap!important}

@media(max-width:1180px){
  html.page-visoft-3d-navrh{--ti-combined-logo-width:clamp(300px,31vw,350px)}
  body.page-visoft-3d-navrh > header.ti-main-header, body.page-visoft-3d-navrh > header.ti-request-hub-header{
    min-height:100px!important;
    padding:9px 3vw!important;
  }
  body.page-visoft-3d-navrh > header.ti-main-header .top-interior-site-logo, body.page-visoft-3d-navrh > header.ti-request-hub-header .top-interior-site-logo{
    width:clamp(310px,32vw,365px)!important;
    max-width:42vw!important;
  }
  body.page-visoft-3d-navrh > header.ti-main-header nav{
    gap:10px!important;
    font-size:11px!important;
  }
}
@media(max-width:900px){
  html.page-visoft-3d-navrh{--ti-combined-logo-width:290px}
  body.page-visoft-3d-navrh > header.ti-main-header, body.page-visoft-3d-navrh > header.ti-request-hub-header{
    min-height:0!important;
    padding:12px 20px!important;
  }
  body.page-visoft-3d-navrh > header.ti-main-header .top-interior-site-logo, body.page-visoft-3d-navrh > header.ti-request-hub-header .top-interior-site-logo{
    width:300px!important;
    max-width:76vw!important;
  }
}
@media(max-width:560px){
  html.page-visoft-3d-navrh{--ti-combined-logo-width:255px}
  body.page-visoft-3d-navrh > header.ti-main-header, body.page-visoft-3d-navrh > header.ti-request-hub-header{padding:10px 16px!important}
  body.page-visoft-3d-navrh > header.ti-main-header .top-interior-site-logo, body.page-visoft-3d-navrh > header.ti-request-hub-header .top-interior-site-logo{
    width:268px!important;
    max-width:82vw!important;
  }
}


/* ===== znackovy-poptavkovy-list.html ===== */

/* Source: assets/css/znackovy-poptavkovy-list.css */
/* Source style block 1 */
html.page-znackovy-poptavkovy-list{
  --bg:#160b22;--panel:#251435;--panel2:#321b45;--gold:#d6b15f;
  --text:#f5edf6;--muted:#c7b9ce;--line:rgba(214,177,95,.28)
}
html.page-znackovy-poptavkovy-list *{box-sizing:border-box}
html.page-znackovy-poptavkovy-list{scroll-behavior:smooth}
body.page-znackovy-poptavkovy-list{margin:0;font-family:Arial,sans-serif;background:linear-gradient(180deg,#160b22,#241233);color:var(--text)}
html.page-znackovy-poptavkovy-list a{color:inherit;text-decoration:none}
html.page-znackovy-poptavkovy-list header{
  position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;
  align-items:center;gap:15px;padding:17px 5vw;background:rgba(22,11,34,.96);
  border-bottom:1px solid var(--line)
}
html.page-znackovy-poptavkovy-list .logo{color:var(--gold);font-weight:900;letter-spacing:.08em}
html.page-znackovy-poptavkovy-list .back{padding:11px 15px;border:1px solid var(--gold);color:var(--gold);font-size:12px;font-weight:800}
html.page-znackovy-poptavkovy-list .hero{max-width:1180px;margin:auto;padding:58px 20px 26px}
html.page-znackovy-poptavkovy-list .eyebrow{color:var(--gold);font-size:11px;text-transform:uppercase;letter-spacing:.15em;font-weight:900}
html.page-znackovy-poptavkovy-list h1, html.page-znackovy-poptavkovy-list h2{font-family:Georgia,serif;font-weight:500}
html.page-znackovy-poptavkovy-list h1{font-size:clamp(42px,7vw,76px);line-height:1;margin:14px 0}
html.page-znackovy-poptavkovy-list .hero p{max-width:760px;color:var(--muted);line-height:1.65}
html.page-znackovy-poptavkovy-list .wrap{max-width:1180px;margin:auto;padding:0 20px 70px}
html.page-znackovy-poptavkovy-list .panel{background:rgba(255,255,255,.05);border:1px solid var(--line);padding:22px;margin-top:14px}
html.page-znackovy-poptavkovy-list .form-grid{display:grid;grid-template-columns:2fr .7fr .8fr;gap:10px}
html.page-znackovy-poptavkovy-list .form-grid .wide{grid-column:1/-1}
html.page-znackovy-poptavkovy-list input, html.page-znackovy-poptavkovy-list select, html.page-znackovy-poptavkovy-list textarea{
  width:100%;padding:12px;background:#160b22;border:1px solid var(--line);color:#fff
}
html.page-znackovy-poptavkovy-list button{
  border:0;background:var(--gold);color:#281437;padding:12px 14px;
  font-weight:900;cursor:pointer
}
html.page-znackovy-poptavkovy-list .add{margin-top:11px}
html.page-znackovy-poptavkovy-list .items{display:grid;gap:9px;margin-top:15px}
html.page-znackovy-poptavkovy-list .item{
  display:grid;grid-template-columns:1fr auto;gap:12px;padding:13px;
  background:rgba(255,255,255,.045);border:1px solid rgba(214,177,95,.18)
}
html.page-znackovy-poptavkovy-list .item b{display:block;margin-bottom:4px}
html.page-znackovy-poptavkovy-list .item span{color:var(--muted);font-size:12px;line-height:1.45}
html.page-znackovy-poptavkovy-list .remove{background:none;color:#efc8d1;padding:2px 5px;font-size:18px}
html.page-znackovy-poptavkovy-list .empty{color:#aa9bb2;font-size:13px}
html.page-znackovy-poptavkovy-list .actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
html.page-znackovy-poptavkovy-list .actions a, html.page-znackovy-poptavkovy-list .actions button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 15px;font-size:12px}
html.page-znackovy-poptavkovy-list .actions .secondary{background:transparent;border:1px solid var(--gold);color:var(--gold)}
html.page-znackovy-poptavkovy-list .saved{min-height:20px;margin-top:10px;color:#e9d7a2;font-size:12px}
@media(max-width:720px){
  html.page-znackovy-poptavkovy-list .form-grid{grid-template-columns:1fr}
  html.page-znackovy-poptavkovy-list .form-grid .wide{grid-column:auto}
  html.page-znackovy-poptavkovy-list header{align-items:flex-start;flex-direction:column}
}

/* Krok 72 – více stejných formulářů items */
html.page-znackovy-poptavkovy-list .multi-form-intro{
  margin:0 0 15px;
  color:var(--muted);
  font-size:13px;
  line-height:1.55;
}
html.page-znackovy-poptavkovy-list .item-forms{
  display:grid;
  gap:14px;
}
html.page-znackovy-poptavkovy-list .item-form-card{
  position:relative;
  padding:18px;
  background:rgba(255,255,255,.035);
  border:1px solid var(--line);
}
html.page-znackovy-poptavkovy-list .item-form-card h3{
  margin:0 38px 13px 0;
  color:var(--gold);
  font-size:17px;
}
html.page-znackovy-poptavkovy-list .remove-form{
  position:absolute;
  top:12px;
  right:12px;
  width:30px;
  height:30px;
  padding:0;
  display:flex;
  align-items:center;
  justify-content:center;
  background:transparent;
  border:1px solid rgba(214,177,95,.28);
  color:#efc8d1;
  font-size:19px;
}
html.page-znackovy-poptavkovy-list .multi-form-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:14px;
}
html.page-znackovy-poptavkovy-list .multi-form-actions button{
  flex:1;
  min-width:220px;
}
html.page-znackovy-poptavkovy-list .secondary-action{
  background:transparent;
  border:1px solid var(--gold);
  color:var(--gold);
}
html.page-znackovy-poptavkovy-list .item-form-card .form-grid{
  margin:0;
}
@media(max-width:720px){
  html.page-znackovy-poptavkovy-list .multi-form-actions button{
    min-width:100%;
  }
}

/* Krok 77 – logo značky a jednotné pozice tlačítek jednoduchých formulářů */
html.page-znackovy-poptavkovy-list header{padding:0!important;display:block!important}
html.page-znackovy-poptavkovy-list .generic-topbar-inner{
 width:100%;max-width:1180px;min-height:78px;margin:0 auto;padding:12px 20px;box-sizing:border-box;
 display:grid;grid-template-columns:minmax(280px,1fr) auto;gap:18px;align-items:center
}
html.page-znackovy-poptavkovy-list .generic-form-brand{min-width:0;display:flex;align-items:center;gap:14px;color:var(--text);text-decoration:none;font-size:15px;font-weight:900;letter-spacing:.02em}
html.page-znackovy-poptavkovy-list .generic-brand-logo{display:block;width:150px;height:48px;flex:0 0 150px;object-fit:contain;object-position:left center}
html.page-znackovy-poptavkovy-list .generic-top-actions{display:grid;grid-template-columns:170px;align-items:stretch}
html.page-znackovy-poptavkovy-list .generic-top-actions .back{width:100%;height:44px;min-height:44px;padding:8px 12px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.15}
html.page-znackovy-poptavkovy-list .multi-form-actions, html.page-znackovy-poptavkovy-list .actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;align-items:stretch!important}
html.page-znackovy-poptavkovy-list .multi-form-actions>*, html.page-znackovy-poptavkovy-list .actions>*{width:100%!important;min-width:0!important;height:48px!important;min-height:48px!important;margin:0!important;padding:9px 14px!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;line-height:1.15!important}
@media(max-width:720px){
 html.page-znackovy-poptavkovy-list .generic-topbar-inner{grid-template-columns:1fr!important}html.page-znackovy-poptavkovy-list .generic-top-actions{grid-template-columns:1fr!important}
 html.page-znackovy-poptavkovy-list .generic-brand-logo{width:128px;height:43px;flex-basis:128px}html.page-znackovy-poptavkovy-list .multi-form-actions, html.page-znackovy-poptavkovy-list .actions{grid-template-columns:1fr!important}
}

/* Krok 78 – stejné logo jako na hlavní dlaždici */
html.page-znackovy-poptavkovy-list .generic-brand-logo{
  width:150px!important;
  height:48px!important;
  object-fit:contain!important;
  object-position:left center!important;
}


/* Source: assets/css/site-responsive.css */
/* Shared responsive and accessibility layer. Mobile-first; page-specific CSS remains unchanged. */
html.page-znackovy-poptavkovy-list{ --touch-target: 2.75rem; }
html.page-znackovy-poptavkovy-list{ width: 100%; overflow-x: hidden; -webkit-text-size-adjust: 100%; }
body.page-znackovy-poptavkovy-list{ width: 100%; min-width: 0; overflow-x: clip; }
html.page-znackovy-poptavkovy-list img, html.page-znackovy-poptavkovy-list picture, html.page-znackovy-poptavkovy-list video, html.page-znackovy-poptavkovy-list canvas, html.page-znackovy-poptavkovy-list svg{ display: block; max-width: 100%; height: auto; }
html.page-znackovy-poptavkovy-list iframe{ max-width: 100%; }
html.page-znackovy-poptavkovy-list main, html.page-znackovy-poptavkovy-list section, html.page-znackovy-poptavkovy-list article, html.page-znackovy-poptavkovy-list header, html.page-znackovy-poptavkovy-list footer, html.page-znackovy-poptavkovy-list nav, html.page-znackovy-poptavkovy-list form, html.page-znackovy-poptavkovy-list fieldset, html.page-znackovy-poptavkovy-list .wrap, html.page-znackovy-poptavkovy-list .container{ min-width: 0; }
html.page-znackovy-poptavkovy-list button, html.page-znackovy-poptavkovy-list input, html.page-znackovy-poptavkovy-list select, html.page-znackovy-poptavkovy-list textarea{ max-width: 100%; font: inherit; }
html.page-znackovy-poptavkovy-list button, html.page-znackovy-poptavkovy-list input[type="button"], html.page-znackovy-poptavkovy-list input[type="submit"], html.page-znackovy-poptavkovy-list input[type="reset"], html.page-znackovy-poptavkovy-list select, html.page-znackovy-poptavkovy-list .btn, html.page-znackovy-poptavkovy-list .button, html.page-znackovy-poptavkovy-list [role="button"]{ min-height: var(--touch-target); }
html.page-znackovy-poptavkovy-list textarea{ min-height: 7rem; resize: vertical; }
html.page-znackovy-poptavkovy-list .ti-mobile-menu-toggle{
  display: inline-flex; align-items: center; justify-content: center; gap: .5rem;
  min-width: var(--touch-target); min-height: var(--touch-target); padding: .65rem .8rem;
  border: 1px solid rgba(214,177,95,.7); background: rgba(18,8,28,.72);
  color: #f4ead0; font-weight: 800; cursor: pointer;
}
html.page-znackovy-poptavkovy-list .ti-mobile-menu-toggle__icon, html.page-znackovy-poptavkovy-list .ti-mobile-menu-toggle__icon::before, html.page-znackovy-poptavkovy-list .ti-mobile-menu-toggle__icon::after{
  display: block; width: 1.25rem; height: .125rem; background: currentColor; content: ""; transition: transform .2s ease;
}
html.page-znackovy-poptavkovy-list .ti-mobile-menu-toggle__icon{ position: relative; }
html.page-znackovy-poptavkovy-list .ti-mobile-menu-toggle__icon::before{ position: absolute; top: -.4rem; }
html.page-znackovy-poptavkovy-list .ti-mobile-menu-toggle__icon::after{ position: absolute; top: .4rem; }
html.page-znackovy-poptavkovy-list header.ti-mobile-nav-header{ flex-wrap: wrap; }
html.page-znackovy-poptavkovy-list header.ti-mobile-nav-header > nav{ display: none !important; width: 100%; flex-direction: column; align-items: stretch; gap: .25rem; padding-top: .75rem; }
html.page-znackovy-poptavkovy-list header.ti-nav-open > nav{ display: flex !important; }
html.page-znackovy-poptavkovy-list header.ti-mobile-nav-header > nav a{ display: flex; align-items: center; min-height: var(--touch-target); padding: .65rem .75rem; }
@media (max-width: 47.99rem) {
  html.page-znackovy-poptavkovy-list h1{ overflow-wrap: anywhere; }
  html.page-znackovy-poptavkovy-list .wrap, html.page-znackovy-poptavkovy-list .container{ width: 100%; padding-inline: clamp(1rem, 4vw, 1.5rem); }
  html.page-znackovy-poptavkovy-list .grid, html.page-znackovy-poptavkovy-list .cards, html.page-znackovy-poptavkovy-list .card-grid, html.page-znackovy-poptavkovy-list .brand-grid, html.page-znackovy-poptavkovy-list .product-grid, html.page-znackovy-poptavkovy-list .form-grid{ grid-template-columns: minmax(0, 1fr) !important; }
  html.page-znackovy-poptavkovy-list table{ display: block; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
}
@media (min-width: 56.25rem) {
  html.page-znackovy-poptavkovy-list .ti-mobile-menu-toggle{ display: none; }
  html.page-znackovy-poptavkovy-list header.ti-mobile-nav-header{ flex-wrap: nowrap; }
  html.page-znackovy-poptavkovy-list header.ti-mobile-nav-header > nav{ display: flex !important; width: auto; flex-direction: row; align-items: center; padding-top: 0; }
  html.page-znackovy-poptavkovy-list header.ti-mobile-nav-header > nav a{ min-height: auto; padding: 0; }
}
@media (prefers-reduced-motion: reduce) {
  html.page-znackovy-poptavkovy-list *, html.page-znackovy-poptavkovy-list *::before, html.page-znackovy-poptavkovy-list *::after{ scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}


/* Source: assets/css/top-interior-velvet-header.css */
/* Krok 97 – jednotná sametová horní lišta a logo TOP INTERIOR */
body.page-znackovy-poptavkovy-list > header, body.page-znackovy-poptavkovy-list > .topbar{
  background-color:#17081f!important;
  background-image:
    linear-gradient(90deg,rgba(8,3,12,.28),rgba(42,8,54,.08) 45%,rgba(8,3,12,.38)),
    url("../assets/images/top-interior-velvet-header.jpg")!important;
  background-position:center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  border-top:0!important;
  border-bottom:1px solid rgba(214,177,95,.58)!important;
  box-shadow:0 9px 28px rgba(0,0,0,.34)!important;
}

/* Hlavní logo na standardních stránkách */
body.page-znackovy-poptavkovy-list > header .top-interior-site-logo, body.page-znackovy-poptavkovy-list > .topbar .top-interior-site-logo{
  display:block!important;
  flex:0 0 auto!important;
  width:clamp(220px,18vw,280px)!important;
  max-width:42vw!important;
  line-height:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.page-znackovy-poptavkovy-list > header .top-interior-site-logo img, body.page-znackovy-poptavkovy-list > .topbar .top-interior-site-logo img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  filter:drop-shadow(0 3px 4px rgba(0,0,0,.8)) drop-shadow(0 0 8px rgba(214,177,95,.16));
}
body.page-znackovy-poptavkovy-list > header nav a, body.page-znackovy-poptavkovy-list > header .nav a, body.page-znackovy-poptavkovy-list > header .back, body.page-znackovy-poptavkovy-list > header .outline{
  color:#f3e9f5!important;
  text-shadow:0 1px 3px rgba(0,0,0,.75);
}
body.page-znackovy-poptavkovy-list > header nav a:hover, body.page-znackovy-poptavkovy-list > header .nav a:hover{color:#f1cf77!important}

/* Logo TOP INTERIOR doplněné do poptávkových formulářů */
html.page-znackovy-poptavkovy-list .ti-form-site-logo{
  position:absolute;
  left:20px;
  top:50%;
  transform:translateY(-50%);
  display:block;
  width:clamp(178px,15vw,220px);
  max-width:23vw;
  line-height:0;
  z-index:2;
}
html.page-znackovy-poptavkovy-list .ti-form-site-logo img{
  display:block;
  width:100%;
  height:auto;
  filter:drop-shadow(0 3px 4px rgba(0,0,0,.82)) drop-shadow(0 0 7px rgba(214,177,95,.14));
}
body.page-znackovy-poptavkovy-list > header.topbar .topbar-inner, body.page-znackovy-poptavkovy-list > .topbar .topbar-inner{
  position:relative!important;
  max-width:1500px!important;
  min-height:78px!important;
  padding-left:clamp(222px,20vw,292px)!important;
}
body.page-znackovy-poptavkovy-list > header.topbar .brand h1, body.page-znackovy-poptavkovy-list > header.topbar .brand p, body.page-znackovy-poptavkovy-list > .topbar .brand h1, body.page-znackovy-poptavkovy-list > .topbar .brand p, body.page-znackovy-poptavkovy-list > header.topbar .brand-title h1, body.page-znackovy-poptavkovy-list > header.topbar .brand-title p, body.page-znackovy-poptavkovy-list > .topbar .brand-title h1, body.page-znackovy-poptavkovy-list > .topbar .brand-title p{
  color:#fff!important;
  text-shadow:0 1px 3px rgba(0,0,0,.75)!important;
}
body.page-znackovy-poptavkovy-list > header.topbar .brand p, body.page-znackovy-poptavkovy-list > .topbar .brand p, body.page-znackovy-poptavkovy-list > header.topbar .brand-title p, body.page-znackovy-poptavkovy-list > .topbar .brand-title p{color:#ded0e5!important}
body.page-znackovy-poptavkovy-list > header.topbar .actions .btn, body.page-znackovy-poptavkovy-list > .topbar .actions .btn, body.page-znackovy-poptavkovy-list > header.topbar .actions a, body.page-znackovy-poptavkovy-list > .topbar .actions a{
  box-shadow:0 3px 10px rgba(0,0,0,.22);
}

/* Obecný značkový poptávkový formulář */
body.page-znackovy-poptavkovy-list > header .generic-topbar-inner{
  position:relative!important;
  width:100%!important;
  max-width:1500px!important;
  margin:auto!important;
  min-height:64px!important;
  padding-left:clamp(222px,20vw,292px)!important;
}
body.page-znackovy-poptavkovy-list > header .generic-form-brand, body.page-znackovy-poptavkovy-list > header .generic-top-actions{color:#fff!important}

/* Interaktivní koupelna */
body.page-znackovy-poptavkovy-list > header .ti-inline-header-logo{
  display:block;
  width:clamp(220px,20vw,292px);
  line-height:0;
  margin:0 0 10px;
}
body.page-znackovy-poptavkovy-list > header .ti-inline-header-logo img{display:block;width:100%;height:auto;filter:drop-shadow(0 3px 4px rgba(0,0,0,.8))}
body.page-znackovy-poptavkovy-list > header.ti-inline-header{max-width:none!important;margin:0!important;padding:14px max(24px,calc((100vw - 1760px)/2)) 15px!important}
body.page-znackovy-poptavkovy-list > header.ti-inline-header h1{color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.75)}

@media(max-width:900px){
  body.page-znackovy-poptavkovy-list > header .top-interior-site-logo, body.page-znackovy-poptavkovy-list > .topbar .top-interior-site-logo{width:210px!important;max-width:60vw!important}
  body.page-znackovy-poptavkovy-list > header.topbar .topbar-inner, body.page-znackovy-poptavkovy-list > .topbar .topbar-inner, body.page-znackovy-poptavkovy-list > header .generic-topbar-inner{
    padding-left:20px!important;
    min-height:0!important;
  }
  html.page-znackovy-poptavkovy-list .ti-form-site-logo{
    position:relative;
    left:auto;top:auto;transform:none;
    width:210px;max-width:64vw;
    grid-column:1/-1;
    margin:0 0 4px;
  }
}
@media(max-width:560px){
  body.page-znackovy-poptavkovy-list > header .top-interior-site-logo, body.page-znackovy-poptavkovy-list > .topbar .top-interior-site-logo{width:188px!important;max-width:66vw!important}
  html.page-znackovy-poptavkovy-list .ti-form-site-logo{width:190px}
}


/* Krok 98 – sjednocené logo, zvětšená hlavní lišta a informační doložka */
html.page-znackovy-poptavkovy-list{
  --ti-logo-secondary-width:clamp(190px,16vw,230px);
  --ti-logo-form-width:clamp(162px,14vw,184px);
}

/* Jednotný vzhled loga na všech běžných a interních stránkách */
body.page-znackovy-poptavkovy-list > header .top-interior-site-logo, body.page-znackovy-poptavkovy-list > .topbar .top-interior-site-logo{
  width:var(--ti-logo-secondary-width)!important;
  max-width:min(48vw,230px)!important;
  min-width:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.page-znackovy-poptavkovy-list > header .top-interior-site-logo img, body.page-znackovy-poptavkovy-list > .topbar .top-interior-site-logo img, html.page-znackovy-poptavkovy-list .ti-form-site-logo img, body.page-znackovy-poptavkovy-list > header .ti-inline-header-logo img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  clip-path:none!important;
}

/* Hlavní stránka: lišta přibližně o 70 % vyšší a úměrně větší logo */
body.page-znackovy-poptavkovy-list > header.ti-main-header{
  min-height:106px!important;
  padding:22px 3vw!important;
  align-items:center!important;
}
body.page-znackovy-poptavkovy-list > header.ti-main-header .top-interior-site-logo{
  width:clamp(300px,24vw,372px)!important;
  max-width:38vw!important;
}
body.page-znackovy-poptavkovy-list > header.ti-main-header nav{
  align-self:center!important;
}

/* Poptávkové formuláře: celé, nepřerostlé a shodné logo */
html.page-znackovy-poptavkovy-list .ti-form-site-logo{
  position:absolute!important;
  left:22px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  display:block!important;
  width:var(--ti-logo-form-width)!important;
  max-width:184px!important;
  min-width:0!important;
  line-height:0!important;
  overflow:visible!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  z-index:3!important;
}
body.page-znackovy-poptavkovy-list > header.topbar .topbar-inner, body.page-znackovy-poptavkovy-list > .topbar .topbar-inner, body.page-znackovy-poptavkovy-list > header .generic-topbar-inner{
  padding-left:clamp(212px,18vw,246px)!important;
  min-height:82px!important;
}

/* Společná informační doložka ve spodní části všech stránek */
html.page-znackovy-poptavkovy-list .ti-site-notice{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:22px max(22px,5vw)!important;
  border-top:1px solid rgba(214,177,95,.32)!important;
  background:#09050f!important;
  color:#cfc2d5!important;
  font:400 11px/1.65 Inter,Arial,sans-serif!important;
  letter-spacing:0!important;
  text-align:left!important;
}
html.page-znackovy-poptavkovy-list .ti-site-notice strong{
  color:#e2c577!important;
  font-weight:800!important;
}
html.page-znackovy-poptavkovy-list .ti-site-notice p{
  max-width:1380px!important;
  margin:0 auto!important;
}

@media(max-width:1180px){
  body.page-znackovy-poptavkovy-list > header.ti-main-header{
    min-height:0!important;
    padding:19px 3vw!important;
  }
  body.page-znackovy-poptavkovy-list > header.ti-main-header .top-interior-site-logo{
    width:clamp(270px,34vw,340px)!important;
    max-width:58vw!important;
  }
}
@media(max-width:900px){
  body.page-znackovy-poptavkovy-list > header .top-interior-site-logo, body.page-znackovy-poptavkovy-list > .topbar .top-interior-site-logo{
    width:210px!important;
    max-width:64vw!important;
  }
  body.page-znackovy-poptavkovy-list > header.ti-main-header{
    padding:18px 20px!important;
  }
  body.page-znackovy-poptavkovy-list > header.ti-main-header .top-interior-site-logo{
    width:260px!important;
    max-width:72vw!important;
  }
  body.page-znackovy-poptavkovy-list > header.topbar .topbar-inner, body.page-znackovy-poptavkovy-list > .topbar .topbar-inner, body.page-znackovy-poptavkovy-list > header .generic-topbar-inner{
    padding-left:20px!important;
    min-height:0!important;
  }
  html.page-znackovy-poptavkovy-list .ti-form-site-logo{
    position:relative!important;
    left:auto!important;
    top:auto!important;
    transform:none!important;
    width:184px!important;
    max-width:56vw!important;
    grid-column:1/-1!important;
    margin:0 0 8px!important;
  }
}
@media(max-width:560px){
  body.page-znackovy-poptavkovy-list > header.ti-main-header .top-interior-site-logo{
    width:232px!important;
    max-width:78vw!important;
  }
  html.page-znackovy-poptavkovy-list .ti-form-site-logo{
    width:172px!important;
    max-width:62vw!important;
  }
  html.page-znackovy-poptavkovy-list .ti-site-notice{
    padding:18px 17px!important;
    font-size:10.5px!important;
  }
}


/* Krok 99 – kompaktnější hlavní lišta a dvouřádkové hlavičky poptávek */
html.page-znackovy-poptavkovy-list{
  --ti-logo-shared-width:clamp(300px,24vw,372px);
}

/* Jedna velikost a jeden vzhled loga na všech stránkách. */
body.page-znackovy-poptavkovy-list > header .top-interior-site-logo, body.page-znackovy-poptavkovy-list > .topbar .top-interior-site-logo, html.page-znackovy-poptavkovy-list .ti-form-site-logo, body.page-znackovy-poptavkovy-list > header .ti-inline-header-logo{
  width:var(--ti-logo-shared-width)!important;
  max-width:38vw!important;
  min-width:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  line-height:0!important;
}
body.page-znackovy-poptavkovy-list > header .top-interior-site-logo img, body.page-znackovy-poptavkovy-list > .topbar .top-interior-site-logo img, html.page-znackovy-poptavkovy-list .ti-form-site-logo img, body.page-znackovy-poptavkovy-list > header .ti-inline-header-logo img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:left center!important;
  clip-path:none!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* Hlavní stránka: lišta o přibližně 10 % nižší, velikost loga zůstává. */
body.page-znackovy-poptavkovy-list > header.ti-main-header, body.page-znackovy-poptavkovy-list > header.ti-request-hub-header{
  min-height:96px!important;
  padding:20px 3vw!important;
  align-items:center!important;
}
body.page-znackovy-poptavkovy-list > header.ti-main-header .top-interior-site-logo, body.page-znackovy-poptavkovy-list > header.ti-request-hub-header .top-interior-site-logo{
  width:var(--ti-logo-shared-width)!important;
  max-width:38vw!important;
}

/* Poptávkové formuláře: logo je samostatně v prvním řádku vlevo. */
body.page-znackovy-poptavkovy-list > header.topbar .topbar-inner, body.page-znackovy-poptavkovy-list > .topbar .topbar-inner{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-areas:
    "ti-logo ti-logo"
    "ti-brand ti-actions"!important;
  align-items:center!important;
  column-gap:22px!important;
  row-gap:13px!important;
  width:100%!important;
  max-width:none!important;
  padding:18px 3vw!important;
  min-height:0!important;
}
body.page-znackovy-poptavkovy-list > header.topbar .topbar-inner > .ti-form-site-logo, body.page-znackovy-poptavkovy-list > .topbar .topbar-inner > .ti-form-site-logo{
  grid-area:ti-logo!important;
  position:relative!important;
  left:auto!important;
  top:auto!important;
  transform:none!important;
  justify-self:start!important;
  align-self:start!important;
  display:block!important;
  width:var(--ti-logo-shared-width)!important;
  max-width:38vw!important;
  margin:0!important;
  z-index:3!important;
}
body.page-znackovy-poptavkovy-list > header.topbar .topbar-inner > .brand, body.page-znackovy-poptavkovy-list > .topbar .topbar-inner > .brand, body.page-znackovy-poptavkovy-list > header.topbar .topbar-inner > .brand-title, body.page-znackovy-poptavkovy-list > .topbar .topbar-inner > .brand-title{
  grid-area:ti-brand!important;
  min-width:0!important;
}
body.page-znackovy-poptavkovy-list > header.topbar .topbar-inner > .actions, body.page-znackovy-poptavkovy-list > .topbar .topbar-inner > .actions{
  grid-area:ti-actions!important;
  align-self:center!important;
}

/* Obecný značkový formulář používá stejné dvouřádkové rozložení. */
body.page-znackovy-poptavkovy-list > header .generic-topbar-inner{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-areas:
    "ti-logo ti-logo"
    "ti-brand ti-actions"!important;
  align-items:center!important;
  column-gap:22px!important;
  row-gap:13px!important;
  width:100%!important;
  max-width:none!important;
  margin:auto!important;
  padding:18px 3vw!important;
  min-height:0!important;
}
body.page-znackovy-poptavkovy-list > header .generic-topbar-inner > .ti-form-site-logo{
  grid-area:ti-logo!important;
  position:relative!important;
  left:auto!important;
  top:auto!important;
  transform:none!important;
  justify-self:start!important;
  width:var(--ti-logo-shared-width)!important;
  max-width:38vw!important;
  margin:0!important;
}
body.page-znackovy-poptavkovy-list > header .generic-topbar-inner > .generic-form-brand{grid-area:ti-brand!important}
body.page-znackovy-poptavkovy-list > header .generic-topbar-inner > .generic-top-actions{grid-area:ti-actions!important}

/* Centrum E-shop / Poptávky má stejnou hlavičku jako hlavní stránka. */
body.page-znackovy-poptavkovy-list > header.ti-request-hub-header{
  display:flex!important;
  justify-content:space-between!important;
  gap:24px!important;
}
body.page-znackovy-poptavkovy-list > header.ti-request-hub-header .back{
  flex:0 0 auto!important;
}

@media(max-width:1180px){
  html.page-znackovy-poptavkovy-list{--ti-logo-shared-width:clamp(270px,34vw,340px)}
  body.page-znackovy-poptavkovy-list > header.ti-main-header, body.page-znackovy-poptavkovy-list > header.ti-request-hub-header{min-height:0!important;padding:17px 3vw!important}
  body.page-znackovy-poptavkovy-list > header .top-interior-site-logo, body.page-znackovy-poptavkovy-list > .topbar .top-interior-site-logo, html.page-znackovy-poptavkovy-list .ti-form-site-logo, body.page-znackovy-poptavkovy-list > header .ti-inline-header-logo{max-width:58vw!important}

  body.page-znackovy-poptavkovy-list > header.topbar .topbar-inner, body.page-znackovy-poptavkovy-list > .topbar .topbar-inner, body.page-znackovy-poptavkovy-list > header .generic-topbar-inner{
    grid-template-columns:1fr!important;
    grid-template-areas:"ti-logo" "ti-brand" "ti-actions"!important;
  }
  body.page-znackovy-poptavkovy-list > header.topbar .topbar-inner > .actions, body.page-znackovy-poptavkovy-list > .topbar .topbar-inner > .actions, body.page-znackovy-poptavkovy-list > header .generic-topbar-inner > .generic-top-actions{
    width:100%!important;
    max-width:100%!important;
    justify-self:start!important;
    justify-content:flex-start!important;
  }
}
@media(max-width:900px){
  html.page-znackovy-poptavkovy-list{--ti-logo-shared-width:260px}
  body.page-znackovy-poptavkovy-list > header.ti-main-header, body.page-znackovy-poptavkovy-list > header.ti-request-hub-header{padding:16px 20px!important}
  body.page-znackovy-poptavkovy-list > header .top-interior-site-logo, body.page-znackovy-poptavkovy-list > .topbar .top-interior-site-logo, html.page-znackovy-poptavkovy-list .ti-form-site-logo, body.page-znackovy-poptavkovy-list > header .ti-inline-header-logo{max-width:72vw!important}
  body.page-znackovy-poptavkovy-list > header.topbar .topbar-inner, body.page-znackovy-poptavkovy-list > .topbar .topbar-inner, body.page-znackovy-poptavkovy-list > header .generic-topbar-inner{
    grid-template-columns:1fr!important;
    grid-template-areas:"ti-logo" "ti-brand" "ti-actions"!important;
    padding:16px 20px!important;
  }
  body.page-znackovy-poptavkovy-list > header.topbar .topbar-inner > .actions, body.page-znackovy-poptavkovy-list > .topbar .topbar-inner > .actions, body.page-znackovy-poptavkovy-list > header .generic-topbar-inner > .generic-top-actions{
    justify-self:start!important;
    justify-content:flex-start!important;
  }
  body.page-znackovy-poptavkovy-list > header.ti-request-hub-header{
    flex-wrap:wrap!important;
  }
}
@media(max-width:560px){
  html.page-znackovy-poptavkovy-list{--ti-logo-shared-width:232px}
  body.page-znackovy-poptavkovy-list > header .top-interior-site-logo, body.page-znackovy-poptavkovy-list > .topbar .top-interior-site-logo, html.page-znackovy-poptavkovy-list .ti-form-site-logo, body.page-znackovy-poptavkovy-list > header .ti-inline-header-logo{max-width:78vw!important}
}


/* Krok 113 – společné logo TOP INTERIOR by JOVEE Services */
html.page-znackovy-poptavkovy-list{--ti-combined-logo-width:clamp(370px,31vw,500px)}
body.page-znackovy-poptavkovy-list > header .top-interior-site-logo, body.page-znackovy-poptavkovy-list > .topbar .top-interior-site-logo, html.page-znackovy-poptavkovy-list .ti-form-site-logo, body.page-znackovy-poptavkovy-list > header .ti-inline-header-logo{
  width:var(--ti-combined-logo-width)!important;
  max-width:46vw!important;
}
body.page-znackovy-poptavkovy-list > header.ti-main-header .top-interior-site-logo, body.page-znackovy-poptavkovy-list > header.ti-request-hub-header .top-interior-site-logo{
  width:clamp(410px,34vw,535px)!important;
  max-width:48vw!important;
}
body.page-znackovy-poptavkovy-list > header .top-interior-site-logo img, body.page-znackovy-poptavkovy-list > .topbar .top-interior-site-logo img, html.page-znackovy-poptavkovy-list .ti-form-site-logo img, body.page-znackovy-poptavkovy-list > header .ti-inline-header-logo img{
  filter:none!important;
  object-fit:contain!important;
  object-position:left center!important;
}
body.page-znackovy-poptavkovy-list > header.ti-main-header, body.page-znackovy-poptavkovy-list > header.ti-request-hub-header{
  padding-top:12px!important;
  padding-bottom:12px!important;
}
@media(max-width:1180px){
  html.page-znackovy-poptavkovy-list{--ti-combined-logo-width:clamp(330px,43vw,450px)}
  body.page-znackovy-poptavkovy-list > header.ti-main-header .top-interior-site-logo, body.page-znackovy-poptavkovy-list > header.ti-request-hub-header .top-interior-site-logo{width:clamp(350px,48vw,465px)!important;max-width:58vw!important}
}
@media(max-width:900px){
  html.page-znackovy-poptavkovy-list{--ti-combined-logo-width:320px}
  body.page-znackovy-poptavkovy-list > header.ti-main-header .top-interior-site-logo, body.page-znackovy-poptavkovy-list > header.ti-request-hub-header .top-interior-site-logo{width:340px!important;max-width:78vw!important}
}
@media(max-width:560px){
  html.page-znackovy-poptavkovy-list{--ti-combined-logo-width:280px}
  body.page-znackovy-poptavkovy-list > header.ti-main-header .top-interior-site-logo, body.page-znackovy-poptavkovy-list > header.ti-request-hub-header .top-interior-site-logo{width:300px!important;max-width:86vw!important}
}

/* Krok 115 – vyvážená výška hlavní lišty pro společné logo */
html.page-znackovy-poptavkovy-list{
  --ti-combined-logo-width:clamp(330px,25vw,390px);
}

/* Běžné interní stránky a formuláře: čitelné logo bez přerůstání. */
body.page-znackovy-poptavkovy-list > header .top-interior-site-logo, body.page-znackovy-poptavkovy-list > .topbar .top-interior-site-logo, html.page-znackovy-poptavkovy-list .ti-form-site-logo, body.page-znackovy-poptavkovy-list > header .ti-inline-header-logo{
  width:var(--ti-combined-logo-width)!important;
  max-width:42vw!important;
}

/* Hlavní navigační lišta: návrat k původní vyvážené výšce. */
body.page-znackovy-poptavkovy-list > header.ti-main-header, body.page-znackovy-poptavkovy-list > header.ti-request-hub-header{
  min-height:112px!important;
  padding:9px 3vw!important;
  align-items:center!important;
}
body.page-znackovy-poptavkovy-list > header.ti-main-header .top-interior-site-logo, body.page-znackovy-poptavkovy-list > header.ti-request-hub-header .top-interior-site-logo{
  width:clamp(360px,27vw,420px)!important;
  max-width:43vw!important;
}
body.page-znackovy-poptavkovy-list > header.ti-main-header nav{
  gap:clamp(12px,1.15vw,20px)!important;
  font-size:clamp(11px,.72vw,13px)!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
}
body.page-znackovy-poptavkovy-list > header.ti-main-header nav a{white-space:nowrap!important}

@media(max-width:1180px){
  html.page-znackovy-poptavkovy-list{--ti-combined-logo-width:clamp(300px,31vw,350px)}
  body.page-znackovy-poptavkovy-list > header.ti-main-header, body.page-znackovy-poptavkovy-list > header.ti-request-hub-header{
    min-height:100px!important;
    padding:9px 3vw!important;
  }
  body.page-znackovy-poptavkovy-list > header.ti-main-header .top-interior-site-logo, body.page-znackovy-poptavkovy-list > header.ti-request-hub-header .top-interior-site-logo{
    width:clamp(310px,32vw,365px)!important;
    max-width:42vw!important;
  }
  body.page-znackovy-poptavkovy-list > header.ti-main-header nav{
    gap:10px!important;
    font-size:11px!important;
  }
}
@media(max-width:900px){
  html.page-znackovy-poptavkovy-list{--ti-combined-logo-width:290px}
  body.page-znackovy-poptavkovy-list > header.ti-main-header, body.page-znackovy-poptavkovy-list > header.ti-request-hub-header{
    min-height:0!important;
    padding:12px 20px!important;
  }
  body.page-znackovy-poptavkovy-list > header.ti-main-header .top-interior-site-logo, body.page-znackovy-poptavkovy-list > header.ti-request-hub-header .top-interior-site-logo{
    width:300px!important;
    max-width:76vw!important;
  }
}
@media(max-width:560px){
  html.page-znackovy-poptavkovy-list{--ti-combined-logo-width:255px}
  body.page-znackovy-poptavkovy-list > header.ti-main-header, body.page-znackovy-poptavkovy-list > header.ti-request-hub-header{padding:10px 16px!important}
  body.page-znackovy-poptavkovy-list > header.ti-main-header .top-interior-site-logo, body.page-znackovy-poptavkovy-list > header.ti-request-hub-header .top-interior-site-logo{
    width:268px!important;
    max-width:82vw!important;
  }
}



/* ===== Shared responsive safeguards ===== */
:where(a,button,input,select,textarea,summary,[role="button"]){min-height:2.75rem}
:where(input,select,textarea){max-width:100%}
:where(table){max-width:100%}
:where(pre,code){overflow-wrap:anywhere}
@media (max-width: 23.4375rem){
  :where(h1){font-size:clamp(1.9rem,10vw,3rem)}
  :where(.grid,.cards,.product-grid,.brand-grid,.feature-grid){grid-template-columns:minmax(0,1fr)}
}


/* ===== Krok 119 – header texture and guarantee layout refinement ===== */
/* The clean purple brushed texture was derived from the user-supplied reference image. */
body.page-index > header.ti-main-header,
body.page-index-inlined > header.ti-main-header {
  background:
    linear-gradient(90deg, rgba(8, 3, 14, .28), rgba(33, 5, 48, .05) 45%, rgba(8, 3, 14, .38)),
    url("../assets/images/header-purple-brushed-background-logo-focus.webp") center top / cover no-repeat !important;
  border-bottom-color: rgba(214, 177, 95, .42) !important;
  backdrop-filter: none !important;
}

body.page-index > header.ti-main-header .top-interior-site-logo img,
body.page-index-inlined > header.ti-main-header .top-interior-site-logo img {
  mix-blend-mode: normal !important;
  filter: drop-shadow(0 8px 18px rgba(0, 0, 0, .28)) saturate(1.03) contrast(1.04) !important;
}

/* The brushed purple texture now covers the entire main header. The brightest
   highlight is positioned beneath the left-aligned wordmark, and the old
   satin embedded in the logo image has been removed via a transparent asset. */
body.page-index > header.ti-main-header,
body.page-index-inlined > header.ti-main-header {
  background-color: #14051f !important;
  background-position: center top !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}
body.page-index > header.ti-main-header .top-interior-site-logo,
body.page-index-inlined > header.ti-main-header .top-interior-site-logo {
  background: transparent !important;
  overflow: visible !important;
}
body.page-index > header.ti-main-header .top-interior-site-logo img,
body.page-index-inlined > header.ti-main-header .top-interior-site-logo img {
  background: transparent !important;
  object-fit: contain !important;
}

/* Match the opening statement tile to the High quality manifesto colour treatment. */
html.page-index .installer-first-statement,
html.page-index-inlined .installer-first-statement {
  background:
    radial-gradient(circle at 88% 12%, rgba(214, 177, 95, .18), transparent 30%),
    linear-gradient(135deg, #4b2864, #241235 68%, #150a20) !important;
  border-color: rgba(214, 177, 95, .42) !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, .22);
}

/* Give the English guarantee copy enough room and make the five unmistakable. */
html.page-index .installer-first-mark,
html.page-index-inlined .installer-first-mark {
  width: 150px !important;
  height: 150px !important;
  padding: 15px !important;
  flex: 0 0 150px !important;
  box-shadow: inset 0 0 0 1px rgba(214, 177, 95, .12), 0 0 36px rgba(214, 177, 95, .08);
}
html.page-index .installer-first-mark strong,
html.page-index-inlined .installer-first-mark strong {
  font-size: 39px !important;
  margin-bottom: 8px !important;
}
html.page-index .installer-first-mark span,
html.page-index-inlined .installer-first-mark span {
  max-width: 112px;
  font-size: 9px !important;
  line-height: 1.32 !important;
}
html.page-index .installer-first-mark small,
html.page-index-inlined .installer-first-mark small {
  display: flex !important;
  width: 112px !important;
  margin-top: 9px !important;
  padding-top: 8px !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 3px !important;
  font-family: Arial, sans-serif !important;
  text-align: center !important;
}
html.page-index .installer-first-mark .guarantee-label,
html.page-index-inlined .installer-first-mark .guarantee-label {
  display: block;
  color: #d6b15f;
  font-size: 7.5px !important;
  font-weight: 900;
  line-height: 1.15;
  letter-spacing: .095em;
  white-space: nowrap;
}
html.page-index .installer-first-mark .guarantee-years,
html.page-index-inlined .installer-first-mark .guarantee-years {
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 3px;
  color: #f1dfb1;
  font-size: 8px !important;
  font-weight: 900;
  line-height: 1;
  letter-spacing: .055em;
  white-space: nowrap;
}
html.page-index .installer-first-mark .guarantee-number,
html.page-index-inlined .installer-first-mark .guarantee-number {
  display: inline-block;
  margin: 0;
  color: #fff0ad;
  font: 900 22px/.72 Georgia, serif;
  letter-spacing: 0;
  text-shadow: 0 0 16px rgba(255, 219, 104, .78);
  transform: translateY(2px);
}

/* Remove the decorative vertical divider beside the JOVEE philosophy block. */
html.page-index .installer-first-philosophy,
html.page-index-inlined .installer-first-philosophy {
  border-left: 0 !important;
  padding-left: 0 !important;
}

/* New full-width support tile between the product enquiry and interactive bathroom. */
html.page-index .installation-support,
html.page-index-inlined .installation-support {
  padding-top: 38px;
  padding-bottom: 74px;
}
html.page-index .installation-support-card,
html.page-index-inlined .installation-support-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(210px, 290px);
  gap: clamp(28px, 5vw, 72px);
  align-items: center;
  padding: clamp(28px, 4.2vw, 58px);
  border: 1px solid rgba(214, 177, 95, .36);
  background:
    radial-gradient(circle at 90% 12%, rgba(214, 177, 95, .18), transparent 28%),
    linear-gradient(135deg, #4b2864, #241235 68%, #150a20);
  box-shadow: 0 24px 64px rgba(0, 0, 0, .26);
}
html.page-index .installation-support-card h2,
html.page-index-inlined .installation-support-card h2 {
  margin: 12px 0 22px;
  max-width: 920px;
  color: var(--gold);
  font-size: clamp(34px, 4.2vw, 62px);
  line-height: 1.02;
}
html.page-index .installation-support-card p,
html.page-index-inlined .installation-support-card p {
  max-width: 980px;
  margin: 0 0 15px;
  color: #d9cedf;
  font-size: clamp(14px, 1.2vw, 17px);
  line-height: 1.72;
}
html.page-index .installation-support-card p strong,
html.page-index-inlined .installation-support-card p strong {
  color: #f7dfa0;
}
html.page-index .installation-support-note,
html.page-index-inlined .installation-support-note {
  margin-top: 23px !important;
  padding: 18px 20px;
  border-left: 4px solid var(--gold);
  background: rgba(255, 255, 255, .045);
  color: #f0e5c8 !important;
}
html.page-index .installation-support-badge,
html.page-index-inlined .installation-support-badge {
  min-height: 260px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 28px 24px;
  border: 1px solid rgba(214, 177, 95, .52);
  border-radius: 50%;
  background: rgba(15, 7, 24, .55);
  box-shadow: inset 0 0 42px rgba(214, 177, 95, .08);
}
html.page-index .installation-support-badge span,
html.page-index-inlined .installation-support-badge span {
  max-width: 180px;
  color: #f0dfb3;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .13em;
  line-height: 1.45;
  text-transform: uppercase;
}
html.page-index .installation-support-badge strong,
html.page-index-inlined .installation-support-badge strong {
  display: block;
  margin: 13px 0 10px;
  color: var(--gold);
  font: 500 clamp(58px, 6vw, 86px)/.9 Georgia, serif;
  text-shadow: 0 0 24px rgba(214, 177, 95, .25);
}
html.page-index .installation-support-badge small,
html.page-index-inlined .installation-support-badge small {
  max-width: 190px;
  color: #cbbfd3;
  font-size: 10px;
  line-height: 1.5;
}

@media (max-width: 900px) {
  html.page-index .installation-support-card,
  html.page-index-inlined .installation-support-card {
    grid-template-columns: 1fr;
  }
  html.page-index .installation-support-badge,
  html.page-index-inlined .installation-support-badge {
    width: min(250px, 78vw);
    min-height: 250px;
    justify-self: start;
  }
}

@media (max-width: 700px) {
  html.page-index .installer-first-mark,
  html.page-index-inlined .installer-first-mark {
    width: 138px !important;
    height: 138px !important;
    flex-basis: 138px !important;
  }
  html.page-index .installer-first-philosophy,
  html.page-index-inlined .installer-first-philosophy {
    border-top: 0 !important;
    padding-top: 4px !important;
  }
  html.page-index .installation-support,
  html.page-index-inlined .installation-support {
    padding-top: 26px;
    padding-bottom: 56px;
  }
  html.page-index .installation-support-card,
  html.page-index-inlined .installation-support-card {
    padding: 26px 22px;
  }
}

/* ===== Krok 120 – jednotný fialový broušený hliník, logo a záruka ===== */
/* Jednotný kovový podklad všech hlavních hlaviček a formulářových lišt. */
body > header:not(.cart-head),
body > .topbar,
body > header.topbar,
body > header.ti-main-header,
body > header.ti-inline-header,
body > header.visoft-page-header {
  background-color: #3b0d4d !important;
  background-image:
    linear-gradient(90deg, rgba(9, 2, 14, .18), rgba(255, 255, 255, .025) 34%, rgba(7, 1, 12, .26)),
    url("../assets/images/purple-brushed-aluminium-header.webp") !important;
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-blend-mode: multiply, normal !important;
  border-bottom: 1px solid rgba(214, 177, 95, .48) !important;
  box-shadow:
    inset 0 1px rgba(255, 255, 255, .10),
    inset 0 -1px rgba(0, 0, 0, .35),
    0 10px 28px rgba(7, 1, 12, .18) !important;
  backdrop-filter: none !important;
}

/* Všude se používá stejná průhledná verze loga bez vlastního saténového obdélníku. */
.top-interior-site-logo,
.ti-form-site-logo,
.ti-inline-header-logo,
body > header .logo {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}
.top-interior-site-logo img,
.ti-form-site-logo img,
.ti-inline-header-logo img,
body > header .logo img {
  display: block !important;
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
  background: transparent !important;
  filter: drop-shadow(0 7px 13px rgba(0, 0, 0, .30)) saturate(1.04) contrast(1.03) !important;
}

/* Hlavní hlavička používá stejný hliník, pouze s nejvýraznější částí vlevo pod logem. */
body.page-index > header.ti-main-header,
body.page-index-inlined > header.ti-main-header {
  background-position: center center !important;
}

/* Číslice 5 nyní používá stejný typografický a zlatý vzhled jako 20+. */
html.page-index .installer-first-mark .guarantee-number,
html.page-index-inlined .installer-first-mark .guarantee-number {
  margin: 0 1px !important;
  color: var(--gold) !important;
  font-family: Georgia, serif !important;
  font-size: 24px !important;
  font-weight: 500 !important;
  font-style: normal !important;
  line-height: .78 !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
  transform: translateY(2px) !important;
}

/* Úvodní odstavec je v pravém sloupci opticky výše a blíže svislému středu nad náhledem. */
html.page-index section.hero.wrap,
html.page-index-inlined section.hero.wrap {
  align-items: center !important;
}
html.page-index section.hero.wrap > p,
html.page-index-inlined section.hero.wrap > p {
  align-self: center !important;
  margin-top: clamp(-18px, -1.1vw, -8px) !important;
  margin-bottom: 0 !important;
}

@media (max-width: 900px) {
  html.page-index section.hero.wrap > p,
  html.page-index-inlined section.hero.wrap > p {
    margin-top: 0 !important;
  }
}

/* ===== Krok 121 – light/dark purple brushed aluminium and centred guarantee badge ===== */
/* The lighter supplied aluminium surface is the shared page canvas. A restrained
   translucent violet layer preserves contrast for the existing light typography. */
@media screen {
  html {
    background-color: #b68bcc;
    background-image: url("../assets/images/purple-brushed-aluminium-light.webp");
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
  }

  body {
    background-color: #a879bf !important;
    background-image:
      linear-gradient(rgba(35, 9, 48, .32), rgba(35, 9, 48, .32)),
      url("../assets/images/purple-brushed-aluminium-light.webp") !important;
    background-position: center top !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
  }

  /* The darker supplied aluminium surface is reserved for every primary header,
     request-form top bar and the main TOP INTERIOR logo area. */
  body > header:not(.cart-head),
  body > .topbar,
  body > header.topbar,
  body > header.ti-main-header,
  body > header.ti-request-hub-header,
  body > header.ti-inline-header,
  body > header.visoft-page-header {
    background-color: #4b1268 !important;
    background-image:
      linear-gradient(90deg, rgba(12, 2, 18, .16), rgba(255, 255, 255, .025) 42%, rgba(11, 2, 17, .23)),
      url("../assets/images/purple-brushed-aluminium-dark-header.webp") !important;
    background-position: center center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-blend-mode: normal, normal !important;
  }
}

/* Centre the complete 20+ years / up to 5 years composition inside its circle. */
html.page-index .installer-first-mark,
html.page-index-inlined .installer-first-mark {
  box-sizing: border-box !important;
  width: 156px !important;
  height: 156px !important;
  min-width: 156px !important;
  min-height: 156px !important;
  flex: 0 0 156px !important;
  align-self: center !important;
  display: grid !important;
  grid-template-rows: auto auto auto !important;
  justify-items: center !important;
  align-content: center !important;
  place-items: center !important;
  padding: 17px !important;
  text-align: center !important;
}
html.page-index .installer-first-mark > strong,
html.page-index-inlined .installer-first-mark > strong {
  margin: 0 0 6px !important;
  line-height: .92 !important;
  transform: none !important;
}
html.page-index .installer-first-mark > span,
html.page-index-inlined .installer-first-mark > span {
  width: 118px !important;
  max-width: 118px !important;
  margin: 0 !important;
  text-align: center !important;
}
html.page-index .installer-first-mark > small,
html.page-index-inlined .installer-first-mark > small {
  box-sizing: border-box !important;
  width: 118px !important;
  max-width: 118px !important;
  margin: 9px 0 0 !important;
  padding: 8px 0 0 !important;
  align-self: center !important;
  justify-self: center !important;
  text-align: center !important;
}
html.page-index .installer-first-mark .guarantee-label,
html.page-index-inlined .installer-first-mark .guarantee-label,
html.page-index .installer-first-mark .guarantee-years,
html.page-index-inlined .installer-first-mark .guarantee-years {
  width: 100% !important;
  justify-content: center !important;
  text-align: center !important;
}
html.page-index .installer-first-mark .guarantee-number,
html.page-index-inlined .installer-first-mark .guarantee-number {
  transform: none !important;
  vertical-align: baseline !important;
}

@media (max-width: 700px) {
  html.page-index .installer-first-mark,
  html.page-index-inlined .installer-first-mark {
    width: 148px !important;
    height: 148px !important;
    min-width: 148px !important;
    min-height: 148px !important;
    flex-basis: 148px !important;
  }
}

@media (max-width: 800px) {
  html,
  body {
    background-attachment: scroll !important;
  }
}

/* ===== Krok 122 – marble page canvas and supplied purple brushed-metal headers ===== */
@media screen {
  /* The supplied stone photograph is used as the shared page background. The
     mirrored WebP tile avoids visible hard seams on wide and tall screens. */
  html {
    background-color: #30383a !important;
    background-image: url("../assets/images/page-background-marble.webp") !important;
    background-position: center top !important;
    background-size: 1396px 1600px !important;
    background-repeat: repeat !important;
    background-attachment: fixed !important;
  }

  html body[class] {
    background-color: rgba(25, 31, 33, .82) !important;
    background-image:
      linear-gradient(rgba(18, 23, 25, .48), rgba(18, 23, 25, .48)),
      url("../assets/images/page-background-marble.webp") !important;
    background-position: center top, center top !important;
    background-size: auto, 1396px 1600px !important;
    background-repeat: no-repeat, repeat !important;
    background-attachment: fixed, fixed !important;
  }

  /* The supplied purple brushed-metal sample fills every primary page header,
     navigation strip and enquiry-form top bar. */
  html body[class] > header:not(.cart-head),
  html body[class] > .topbar,
  html body[class] > header.topbar,
  html body[class] > header.ti-main-header,
  html body[class] > header.ti-request-hub-header,
  html body[class] > header.ti-inline-header,
  html body[class] > header.visoft-page-header {
    background-color: #6256ad !important;
    background-image:
      linear-gradient(90deg, rgba(23, 13, 63, .18), rgba(255, 255, 255, .055) 48%, rgba(20, 10, 52, .24)),
      url("../assets/images/header-purple-brushed-metal.webp") !important;
    background-position: center center, center center !important;
    background-size: cover, cover !important;
    background-repeat: no-repeat, no-repeat !important;
    background-blend-mode: normal, normal !important;
    border-bottom-color: rgba(221, 187, 106, .62) !important;
    backdrop-filter: none !important;
  }
}

@media (max-width: 800px) {
  html,
  html body[class] {
    background-attachment: scroll !important;
  }
}

/* ===== Krok 123 – medium-purple header and unified purple tile surfaces ===== */
@media screen {
  /* A true medium purple replaces the blue-violet cast of the supplied metal.
     The brushed texture is preserved and used consistently on every header and form bar. */
  html body[class] > header:not(.cart-head),
  html body[class] > .topbar,
  html body[class] > header.topbar,
  html body[class] > header.ti-main-header,
  html body[class] > header.ti-request-hub-header,
  html body[class] > header.ti-inline-header,
  html body[class] > header.visoft-page-header {
    background-color: #682f86 !important;
    background-image:
      linear-gradient(90deg, rgba(45, 12, 62, .28), rgba(157, 87, 181, .08) 47%, rgba(39, 9, 56, .34)),
      url("../assets/images/header-purple-brushed-metal-medium.webp") !important;
    background-position: center center, center center !important;
    background-size: cover, cover !important;
    background-repeat: no-repeat, no-repeat !important;
    background-blend-mode: multiply, normal !important;
    border-bottom-color: rgba(221, 187, 106, .64) !important;
  }
}

/* Previously translucent information tiles now share one solid visual language.
   Every non-photo tile moves from a lighter violet at the upper left to a deep
   purple at the lower right, while retaining the existing gold details. */
html.page-index :is(
  .installer-first-statement,
  .planning-highlight,
  .planning-card,
  .design-quote,
  .design-value,
  .trust-claim,
  .trust-point,
  .trust-signature,
  .quality-inline,
  .brands-intro-panel,
  .visual-brands-intro,
  .manufacturer-flow-item,
  .manufacturer-notice,
  .manufacturer-enquiry,
  .sapho-routing-note,
  .installation-support-card,
  .sales .card
),
html.page-index-inlined :is(
  .installer-first-statement,
  .planning-highlight,
  .planning-card,
  .design-quote,
  .design-value,
  .trust-claim,
  .trust-point,
  .trust-signature,
  .quality-inline,
  .brands-intro-panel,
  .visual-brands-intro,
  .manufacturer-flow-item,
  .manufacturer-notice,
  .manufacturer-enquiry,
  .sapho-routing-note,
  .installation-support-card,
  .sales .card
) {
  background:
    radial-gradient(circle at 12% 3%, rgba(225, 175, 239, .16), transparent 34%),
    linear-gradient(145deg, #7d4b99 0%, #56306f 38%, #351b49 70%, #1c0d29 100%) !important;
  border-color: rgba(222, 187, 107, .38) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .075),
    0 15px 38px rgba(12, 4, 18, .20) !important;
}

/* Keep the visual hierarchy readable on the newly opaque tile surfaces. */
html.page-index :is(.planning-card, .design-value, .trust-point, .manufacturer-flow-item, .sales .card) p,
html.page-index-inlined :is(.planning-card, .design-value, .trust-point, .manufacturer-flow-item, .sales .card) p {
  color: #eadff0 !important;
}

html.page-index :is(.manufacturer-notice, .trust-signature),
html.page-index-inlined :is(.manufacturer-notice, .trust-signature) {
  color: #eadff0 !important;
}

/* ===== Krok 124 – supplied purple marble page background ===== */
@media screen {
  /* The uploaded purple marble replaces the previous stone canvas on every page.
     A vertically mirrored WebP asset allows a smooth repeat on long pages. */
  html {
    background-color: #8f73a5 !important;
    background-image: url("../assets/images/page-background-purple-marble.webp") !important;
    background-position: center top !important;
    background-size: 100% auto !important;
    background-repeat: repeat-y !important;
    background-attachment: fixed !important;
  }

  html body[class] {
    background-color: rgba(49, 27, 58, .30) !important;
    background-image:
      linear-gradient(rgba(35, 16, 42, .26), rgba(35, 16, 42, .36)),
      url("../assets/images/page-background-purple-marble.webp") !important;
    background-position: center top, center top !important;
    background-size: auto, 100% auto !important;
    background-repeat: no-repeat, repeat-y !important;
    background-attachment: fixed, fixed !important;
  }
}

@media (max-width: 800px) {
  html,
  html body[class] {
    background-attachment: scroll !important;
  }
}

/* Krok 126 – fasádní podklad v hlavní hlavičce a pomalu pulzující logo */
body.page-index > header.ti-main-header{
  background-color:#2c2624!important;
  background-image:
    linear-gradient(180deg, rgba(15,12,11,.16), rgba(15,12,11,.28)),
    url("../assets/images/header-facade-texture.webp")!important;
  background-position:center center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  border-bottom:1px solid rgba(198,160,96,.34)!important;
}

body.page-index > header.ti-main-header .top-interior-site-logo{
  width:clamp(320px,26vw,430px)!important;
  max-width:min(62vw,430px)!important;
}

body.page-index > header.ti-main-header .top-interior-site-logo img{
  object-position:left center!important;
  filter:
    drop-shadow(0 3px 6px rgba(0,0,0,.68))
    drop-shadow(0 0 0 rgba(215,164,255,0))
    brightness(.98)
    saturate(1.02)!important;
  animation: ti-logo-glow-pulse 6.8s ease-in-out infinite!important;
  transform-origin:left center!important;
  will-change: filter, opacity, transform;
}

@keyframes ti-logo-glow-pulse{
  0%, 100%{
    filter:
      drop-shadow(0 3px 6px rgba(0,0,0,.68))
      drop-shadow(0 0 0 rgba(215,164,255,0))
      drop-shadow(0 0 0 rgba(172,107,255,0))
      brightness(.98)
      saturate(1.02);
    opacity:.94;
    transform:translateZ(0) scale(1);
  }
  50%{
    filter:
      drop-shadow(0 3px 6px rgba(0,0,0,.68))
      drop-shadow(0 0 12px rgba(220,178,255,.72))
      drop-shadow(0 0 28px rgba(183,118,255,.56))
      brightness(1.08)
      saturate(1.08);
    opacity:1;
    transform:translateZ(0) scale(1.01);
  }
}

@media (prefers-reduced-motion: reduce){
  body.page-index > header.ti-main-header .top-interior-site-logo img{
    animation:none!important;
    opacity:1!important;
    transform:none!important;
  }
}

@media (max-width: 900px){
  body.page-index > header.ti-main-header .top-interior-site-logo{
    width:clamp(260px,58vw,360px)!important;
    max-width:72vw!important;
  }
}

@media (max-width: 560px){
  body.page-index > header.ti-main-header .top-interior-site-logo{
    width:clamp(220px,72vw,300px)!important;
    max-width:80vw!important;
  }
}

/* Krok 127 – přesná hnědá fasáda, celé logo a LED cyklus se zastavením */
body.page-index > header.ti-main-header{
  min-height:132px!important;
  padding:18px 3vw!important;
  overflow:visible!important;
  background-color:#4a3528!important;
  background-image:
    linear-gradient(90deg, rgba(35,22,16,.20), rgba(92,62,43,.10) 58%, rgba(29,19,15,.26)),
    url("../assets/images/header-brown-facade.webp")!important;
  background-position:center center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  border-bottom:1px solid rgba(205,161,95,.48)!important;
  box-shadow:0 10px 28px rgba(20,12,8,.38)!important;
}

body.page-index > header.ti-main-header .top-interior-site-logo{
  display:block!important;
  width:clamp(350px,29vw,470px)!important;
  max-width:58vw!important;
  height:auto!important;
  padding:0!important;
  margin:0!important;
  overflow:visible!important;
  line-height:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

body.page-index > header.ti-main-header .top-interior-site-logo img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  aspect-ratio:1600 / 420!important;
  object-fit:contain!important;
  object-position:left center!important;
  overflow:visible!important;
  clip-path:none!important;
  opacity:1!important;
  transform:none!important;
  transform-origin:left center!important;
  animation:ti-led-sign-cycle 9.6s ease-in-out infinite!important;
  will-change:filter;
}

/* LED: pomalu rozsvítit, chvíli svítit, pomalu zhasnout, chvíli zůstat zhasnuté. */
@keyframes ti-led-sign-cycle{
  0%, 12%, 100%{
    filter:
      drop-shadow(0 3px 6px rgba(0,0,0,.74))
      drop-shadow(0 0 0 rgba(206,145,255,0))
      drop-shadow(0 0 0 rgba(160,82,255,0))
      brightness(.94)
      saturate(.98)!important;
  }
  38%{
    filter:
      drop-shadow(0 3px 6px rgba(0,0,0,.72))
      drop-shadow(0 0 12px rgba(221,178,255,.72))
      drop-shadow(0 0 30px rgba(179,105,255,.64))
      brightness(1.08)
      saturate(1.06)!important;
  }
  38%, 62%{
    filter:
      drop-shadow(0 3px 6px rgba(0,0,0,.72))
      drop-shadow(0 0 12px rgba(221,178,255,.72))
      drop-shadow(0 0 30px rgba(179,105,255,.64))
      brightness(1.08)
      saturate(1.06)!important;
  }
  88%{
    filter:
      drop-shadow(0 3px 6px rgba(0,0,0,.74))
      drop-shadow(0 0 0 rgba(206,145,255,0))
      drop-shadow(0 0 0 rgba(160,82,255,0))
      brightness(.94)
      saturate(.98)!important;
  }
}

@media(max-width:1180px){
  body.page-index > header.ti-main-header{
    min-height:118px!important;
    padding:16px 3vw!important;
  }
  body.page-index > header.ti-main-header .top-interior-site-logo{
    width:clamp(310px,42vw,420px)!important;
    max-width:58vw!important;
  }
}

@media(max-width:900px){
  body.page-index > header.ti-main-header{
    min-height:0!important;
    padding:15px 20px!important;
  }
  body.page-index > header.ti-main-header .top-interior-site-logo{
    width:clamp(270px,64vw,380px)!important;
    max-width:76vw!important;
  }
}

@media(max-width:560px){
  body.page-index > header.ti-main-header .top-interior-site-logo{
    width:clamp(235px,78vw,315px)!important;
    max-width:82vw!important;
  }
}

@media(prefers-reduced-motion:reduce){
  body.page-index > header.ti-main-header .top-interior-site-logo img{
    animation:none!important;
    filter:
      drop-shadow(0 3px 6px rgba(0,0,0,.72))
      drop-shadow(0 0 14px rgba(221,178,255,.55))
      brightness(1.04)!important;
  }
}

/* Krok 128 – definitivní hnědá fasáda za hlavním logem na všech stránkách */
body > header.ti-main-header,
body > header.ti-request-hub-header,
body > header.topbar,
body > .topbar,
body > header.ti-inline-header,
body > header:has(.generic-topbar-inner){
  background:#4b3528 url("../assets/images/header-brown-facade.webp") center center / cover no-repeat!important;
  background-color:#4b3528!important;
  background-blend-mode:normal!important;
  border-bottom:1px solid rgba(205,161,95,.48)!important;
  box-shadow:0 10px 28px rgba(20,12,8,.38)!important;
  isolation:isolate!important;
}

body > header.ti-main-header::before,
body > header.ti-main-header::after,
body > header.ti-request-hub-header::before,
body > header.ti-request-hub-header::after,
body > header.topbar::before,
body > header.topbar::after,
body > .topbar::before,
body > .topbar::after,
body > header.ti-inline-header::before,
body > header.ti-inline-header::after{
  content:none!important;
  display:none!important;
  background:none!important;
}

body > header .top-interior-site-logo,
body > .topbar .top-interior-site-logo,
html .ti-form-site-logo,
body > header .ti-inline-header-logo{
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}

/* Hlavní stránka má stejný hnědý podklad bez fialového tónování. */
body.page-index > header.ti-main-header{
  background:#4b3528 url("../assets/images/header-brown-facade.webp") center center / cover no-repeat!important;
}

/* Krok 129 – tmavě hnědý kontrastní header a čitelnější LED puls */
body > header.ti-main-header,
body > header.ti-request-hub-header,
body > header.topbar,
body > .topbar,
body > header.ti-inline-header,
body > header:has(.generic-topbar-inner){
  background-color:#211713!important;
  background-image:
    linear-gradient(90deg,rgba(19,12,9,.78),rgba(47,30,22,.54) 48%,rgba(17,11,9,.82)),
    url("../assets/images/header-brown-facade.webp")!important;
  background-position:center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  background-blend-mode:multiply,normal!important;
  border-bottom:1px solid rgba(222,178,104,.52)!important;
  box-shadow:0 11px 30px rgba(10,6,4,.58)!important;
}

body.page-index > header.ti-main-header{
  background-color:#211713!important;
  background-image:
    linear-gradient(90deg,rgba(18,11,8,.80),rgba(53,33,23,.50) 48%,rgba(16,10,8,.84)),
    url("../assets/images/header-brown-facade.webp")!important;
  background-blend-mode:multiply,normal!important;
}

body.page-index > header.ti-main-header .top-interior-site-logo img{
  animation:ti-led-sign-cycle-strong 11.5s ease-in-out infinite!important;
}

@keyframes ti-led-sign-cycle-strong{
  0%,10%,100%{
    filter:
      drop-shadow(0 4px 7px rgba(0,0,0,.82))
      drop-shadow(0 0 0 rgba(220,171,255,0))
      drop-shadow(0 0 0 rgba(176,92,255,0))
      brightness(.92)
      saturate(.96);
  }
  35%{
    filter:
      drop-shadow(0 4px 7px rgba(0,0,0,.82))
      drop-shadow(0 0 16px rgba(230,194,255,.95))
      drop-shadow(0 0 38px rgba(190,109,255,.92))
      drop-shadow(0 0 62px rgba(145,69,239,.62))
      brightness(1.15)
      saturate(1.12);
  }
  35%,61%{
    filter:
      drop-shadow(0 4px 7px rgba(0,0,0,.82))
      drop-shadow(0 0 16px rgba(230,194,255,.95))
      drop-shadow(0 0 38px rgba(190,109,255,.92))
      drop-shadow(0 0 62px rgba(145,69,239,.62))
      brightness(1.15)
      saturate(1.12);
  }
  90%{
    filter:
      drop-shadow(0 4px 7px rgba(0,0,0,.82))
      drop-shadow(0 0 0 rgba(220,171,255,0))
      drop-shadow(0 0 0 rgba(176,92,255,0))
      brightness(.92)
      saturate(.96);
  }
}

@media(prefers-reduced-motion:reduce){
  body.page-index > header.ti-main-header .top-interior-site-logo img{
    animation:none!important;
    filter:
      drop-shadow(0 4px 7px rgba(0,0,0,.82))
      drop-shadow(0 0 18px rgba(230,194,255,.82))
      drop-shadow(0 0 42px rgba(190,109,255,.66))
      brightness(1.08)!important;
  }
}

/* Krok 130 – finální hnědý fasádní header bez fialového broušeného hliníku */
html body > header.ti-main-header,
html body > header.ti-request-hub-header,
html body > header.topbar,
html body > .topbar,
html body > header.ti-inline-header,
html body > header:has(.generic-topbar-inner){
  background-color:#2a1b14!important;
  background-image:
    linear-gradient(90deg,rgba(31,18,12,.42),rgba(72,46,31,.20) 48%,rgba(27,16,11,.50)),
    url("../assets/images/header-brown-facade.webp")!important;
  background-position:center 42%!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  background-blend-mode:normal!important;
  border-bottom:1px solid rgba(210,166,96,.46)!important;
  box-shadow:0 7px 20px rgba(14,8,5,.46)!important;
}

/* Hlavní hlavička je přibližně o 30 % nižší. */
html body.page-index > header.ti-main-header{
  min-height:67px!important;
  padding:9px 3vw!important;
  background-color:#2a1b14!important;
  background-image:
    linear-gradient(90deg,rgba(31,18,12,.42),rgba(72,46,31,.20) 48%,rgba(27,16,11,.50)),
    url("../assets/images/header-brown-facade.webp")!important;
  background-position:center 42%!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  background-blend-mode:normal!important;
  overflow:visible!important;
}

html body.page-index > header.ti-main-header .top-interior-site-logo{
  width:clamp(285px,23vw,385px)!important;
  max-width:44vw!important;
  overflow:visible!important;
}

html body.page-index > header.ti-main-header .top-interior-site-logo img{
  overflow:visible!important;
  object-fit:contain!important;
  object-position:left center!important;
}

@media(max-width:1180px){
  html body.page-index > header.ti-main-header{
    min-height:64px!important;
    padding:8px 3vw!important;
  }
  html body.page-index > header.ti-main-header .top-interior-site-logo{
    width:clamp(270px,39vw,350px)!important;
    max-width:58vw!important;
  }
}

@media(max-width:900px){
  html body.page-index > header.ti-main-header{
    min-height:0!important;
    padding:8px 16px!important;
  }
  html body.page-index > header.ti-main-header .top-interior-site-logo{
    width:clamp(245px,61vw,330px)!important;
    max-width:74vw!important;
  }
}

@media(max-width:560px){
  html body.page-index > header.ti-main-header{
    padding:7px 14px!important;
  }
  html body.page-index > header.ti-main-header .top-interior-site-logo{
    width:clamp(220px,73vw,285px)!important;
    max-width:80vw!important;
  }
}

/* Krok 131 – hnědý broušený hliník, nižší header a o 15 % větší logo */
html body > header.ti-main-header,
html body > header.ti-request-hub-header,
html body > header.topbar,
html body > .topbar,
html body > header.ti-inline-header,
html body > header:has(.generic-topbar-inner){
  background-color:#3a2419!important;
  background-image:
    linear-gradient(100deg,rgba(255,225,185,.08) 0%,rgba(255,255,255,.015) 25%,rgba(255,205,148,.09) 48%,rgba(0,0,0,.18) 76%,rgba(0,0,0,.28) 100%),
    repeating-linear-gradient(0deg,rgba(255,255,255,.045) 0,rgba(255,255,255,.045) 1px,rgba(18,9,5,.045) 1px,rgba(18,9,5,.045) 3px),
    linear-gradient(90deg,#24140d 0%,#4f3020 28%,#68452f 50%,#493020 72%,#24150e 100%)!important;
  background-position:center!important;
  background-size:cover,auto,cover!important;
  background-repeat:no-repeat,repeat,no-repeat!important;
  background-blend-mode:screen,soft-light,normal!important;
  border-bottom:1px solid rgba(216,171,102,.48)!important;
  box-shadow:0 6px 18px rgba(14,7,4,.48),inset 0 1px 0 rgba(255,235,205,.06)!important;
}

/* O dalších přibližně 10 % nižší než krok 130. */
html body.page-index > header.ti-main-header{
  min-height:60px!important;
  padding:6px 3vw!important;
  overflow:visible!important;
}

/* Vizuálně o 15 % větší logo bez zvětšení výšky layoutu. */
html body.page-index > header.ti-main-header .top-interior-site-logo{
  width:clamp(285px,23vw,385px)!important;
  max-width:44vw!important;
  overflow:visible!important;
  margin-right:clamp(22px,3vw,48px)!important;
}
html body.page-index > header.ti-main-header .top-interior-site-logo img{
  transform:scale(1.15)!important;
  transform-origin:left center!important;
  overflow:visible!important;
  object-fit:contain!important;
  object-position:left center!important;
}

@media(max-width:1180px){
  html body.page-index > header.ti-main-header{
    min-height:58px!important;
    padding:6px 3vw!important;
  }
  html body.page-index > header.ti-main-header .top-interior-site-logo{
    width:clamp(270px,39vw,350px)!important;
    max-width:58vw!important;
    margin-right:24px!important;
  }
}

@media(max-width:900px){
  html body.page-index > header.ti-main-header{
    min-height:0!important;
    padding:6px 16px!important;
  }
  html body.page-index > header.ti-main-header .top-interior-site-logo{
    width:clamp(245px,61vw,330px)!important;
    max-width:70vw!important;
    margin-right:12px!important;
  }
  html body.page-index > header.ti-main-header .top-interior-site-logo img{
    transform:scale(1.12)!important;
  }
}

@media(max-width:560px){
  html body.page-index > header.ti-main-header{
    padding:5px 14px!important;
  }
  html body.page-index > header.ti-main-header .top-interior-site-logo{
    width:clamp(220px,70vw,285px)!important;
    max-width:76vw!important;
    margin-right:0!important;
  }
  html body.page-index > header.ti-main-header .top-interior-site-logo img{
    transform:scale(1.08)!important;
  }
}

/* Krok 132 – skutečně viditelný hnědý broušený hliník, vycentrované logo a silnější LED */
html body > header.ti-main-header,
html body > header.ti-request-hub-header,
html body > header.topbar,
html body > .topbar,
html body > header.ti-inline-header,
html body > header:has(.generic-topbar-inner){
  background-color:#382216!important;
  background-image:
    linear-gradient(100deg,rgba(255,224,185,.08),rgba(255,255,255,.015) 35%,rgba(0,0,0,.19) 78%,rgba(0,0,0,.29)),
    url("../assets/images/header-brown-brushed-aluminium.webp")!important;
  background-position:center center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  background-blend-mode:screen,normal!important;
  border-bottom:1px solid rgba(220,176,106,.52)!important;
  box-shadow:0 7px 22px rgba(14,7,4,.50),inset 0 1px 0 rgba(255,236,207,.08)!important;
}

html body.page-index > header.ti-main-header{
  display:flex!important;
  align-items:center!important;
  min-height:60px!important;
  padding:6px 3vw!important;
  overflow:visible!important;
}

html body.page-index > header.ti-main-header .top-interior-site-logo{
  align-self:center!important;
  margin-top:4px!important;
  margin-bottom:0!important;
  overflow:visible!important;
}

html body.page-index > header.ti-main-header .top-interior-site-logo img{
  display:block!important;
  transform:scale(1.15) translateY(3px)!important;
  transform-origin:left center!important;
  overflow:visible!important;
  animation:ti-led-sign-cycle-visible 10.5s ease-in-out infinite!important;
  will-change:filter,opacity!important;
}

@keyframes ti-led-sign-cycle-visible{
  0%,8%,100%{
    filter:
      drop-shadow(0 4px 7px rgba(0,0,0,.90))
      drop-shadow(0 0 4px rgba(217,176,255,.28))
      drop-shadow(0 0 10px rgba(178,93,255,.18))
      brightness(.95)
      saturate(1.02);
    opacity:.96;
  }
  30%{
    filter:
      drop-shadow(0 4px 7px rgba(0,0,0,.90))
      drop-shadow(0 0 20px rgba(237,211,255,1))
      drop-shadow(0 0 46px rgba(200,126,255,.98))
      drop-shadow(0 0 78px rgba(144,48,240,.78))
      brightness(1.18)
      saturate(1.18);
    opacity:1;
  }
  30%,62%{
    filter:
      drop-shadow(0 4px 7px rgba(0,0,0,.90))
      drop-shadow(0 0 20px rgba(237,211,255,1))
      drop-shadow(0 0 46px rgba(200,126,255,.98))
      drop-shadow(0 0 78px rgba(144,48,240,.78))
      brightness(1.18)
      saturate(1.18);
    opacity:1;
  }
  91%{
    filter:
      drop-shadow(0 4px 7px rgba(0,0,0,.90))
      drop-shadow(0 0 4px rgba(217,176,255,.28))
      drop-shadow(0 0 10px rgba(178,93,255,.18))
      brightness(.95)
      saturate(1.02);
    opacity:.96;
  }
}

@media(max-width:900px){
  html body.page-index > header.ti-main-header .top-interior-site-logo{
    margin-top:3px!important;
  }
  html body.page-index > header.ti-main-header .top-interior-site-logo img{
    transform:scale(1.12) translateY(2px)!important;
  }
}

@media(max-width:560px){
  html body.page-index > header.ti-main-header .top-interior-site-logo{
    margin-top:2px!important;
  }
  html body.page-index > header.ti-main-header .top-interior-site-logo img{
    transform:scale(1.08) translateY(2px)!important;
  }
}

@media(prefers-reduced-motion:reduce){
  html body.page-index > header.ti-main-header .top-interior-site-logo img{
    animation:none!important;
    filter:
      drop-shadow(0 4px 7px rgba(0,0,0,.90))
      drop-shadow(0 0 18px rgba(237,211,255,.92))
      drop-shadow(0 0 42px rgba(200,126,255,.80))!important;
  }
}

/* Krok 133 – finální vynucení: hnědý broušený hliník, nižší logo a viditelné LED */
body.page-index > header.ti-main-header{
  position:relative!important;
  isolation:isolate!important;
  display:flex!important;
  align-items:center!important;
  min-height:86px!important;
  padding:9px 3vw 7px!important;
  background-color:#49301f!important;
  background-image:
    linear-gradient(180deg,rgba(255,215,160,.09),rgba(24,12,6,.22)),
    url("../assets/images/header-brown-brushed-aluminium-strong.webp")!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  box-shadow:
    inset 0 1px 0 rgba(255,218,165,.22),
    inset 0 -1px 0 rgba(30,12,4,.75),
    0 8px 24px rgba(0,0,0,.34)!important;
}

body.page-index > header.ti-main-header::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    repeating-linear-gradient(
      0deg,
      rgba(255,225,185,.045) 0,
      rgba(255,225,185,.045) 1px,
      rgba(25,10,4,.035) 1px,
      rgba(25,10,4,.035) 3px
    );
  mix-blend-mode:soft-light;
}

body.page-index > header.ti-main-header .top-interior-site-logo{
  position:relative!important;
  z-index:2!important;
  display:block!important;
  align-self:center!important;
  margin:0!important;
  transform:translateY(7px)!important;
  overflow:visible!important;
}

body.page-index > header.ti-main-header .top-interior-site-logo::before{
  content:"";
  position:absolute;
  z-index:-1;
  left:3%;
  right:3%;
  top:15%;
  bottom:4%;
  border-radius:45%;
  background:radial-gradient(ellipse at center,
    rgba(221,176,255,.86) 0%,
    rgba(183,105,255,.62) 32%,
    rgba(120,46,196,.34) 58%,
    rgba(80,24,135,0) 78%);
  filter:blur(12px);
  opacity:.30;
  transform:scale(.96);
  animation:ti-led-panel-pulse 8.5s ease-in-out infinite!important;
  pointer-events:none;
}

body.page-index > header.ti-main-header .top-interior-site-logo img{
  position:relative!important;
  z-index:1!important;
  display:block!important;
  filter:
    drop-shadow(0 3px 5px rgba(0,0,0,.78))
    drop-shadow(0 0 5px rgba(219,175,255,.48))
    drop-shadow(0 0 11px rgba(165,83,243,.35))
    brightness(1.03)
    saturate(1.08)!important;
  animation:ti-led-letter-pulse 8.5s ease-in-out infinite!important;
}

@keyframes ti-led-panel-pulse{
  0%,14%{opacity:.18;transform:scale(.95)}
  38%,62%{opacity:.95;transform:scale(1.045)}
  86%,100%{opacity:.18;transform:scale(.95)}
}

@keyframes ti-led-letter-pulse{
  0%,14%{
    filter:drop-shadow(0 3px 5px rgba(0,0,0,.78)) drop-shadow(0 0 4px rgba(219,175,255,.35)) drop-shadow(0 0 8px rgba(165,83,243,.24)) brightness(1.00) saturate(1.05);
  }
  38%,62%{
    filter:drop-shadow(0 3px 5px rgba(0,0,0,.78)) drop-shadow(0 0 12px rgba(233,203,255,.98)) drop-shadow(0 0 28px rgba(173,94,255,.88)) drop-shadow(0 0 48px rgba(117,41,202,.66)) brightness(1.13) saturate(1.18);
  }
  86%,100%{
    filter:drop-shadow(0 3px 5px rgba(0,0,0,.78)) drop-shadow(0 0 4px rgba(219,175,255,.35)) drop-shadow(0 0 8px rgba(165,83,243,.24)) brightness(1.00) saturate(1.05);
  }
}

@media(max-width:900px){
  body.page-index > header.ti-main-header{
    min-height:82px!important;
    padding:8px 20px 6px!important;
  }
  body.page-index > header.ti-main-header .top-interior-site-logo{
    transform:translateY(5px)!important;
  }
}

@media(max-width:560px){
  body.page-index > header.ti-main-header{
    min-height:76px!important;
    padding:7px 16px 5px!important;
  }
  body.page-index > header.ti-main-header .top-interior-site-logo{
    transform:translateY(4px)!important;
  }
}

@media(prefers-reduced-motion:reduce){
  body.page-index > header.ti-main-header .top-interior-site-logo::before,
  body.page-index > header.ti-main-header .top-interior-site-logo img{
    animation:none!important;
  }
  body.page-index > header.ti-main-header .top-interior-site-logo::before{opacity:.75!important}
}

/* Krok 134 – jednotný tmavě hnědý fasádní header podle dodané reference */
body > header,
body > .topbar,
body > header.topbar,
body > header.ti-main-header,
body > header.ti-request-hub-header,
body > header.ti-inline-header,
body > .ti-inline-header,
body > .topbar {
  background-color:#2b2420 !important;
  background-image:
    linear-gradient(90deg,rgba(18,13,10,.18),rgba(68,51,39,.08) 52%,rgba(19,14,11,.26)),
    linear-gradient(180deg,rgba(255,226,183,.025),rgba(10,7,5,.16)),
    url("../assets/images/header-dark-brown-facade-reference.webp") !important;
  background-position:center center !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
  border-bottom-color:rgba(198,155,91,.44) !important;
}

/* Formuláře a interní hlavičky používají totožný materiál bez fialového nebo hliníkového přepisu. */
body > header .topbar-inner,
body > .topbar .topbar-inner,
body > header .generic-topbar-inner,
body > header .ti-inline-header-logo,
body > header .top-interior-site-logo,
body > .topbar .top-interior-site-logo,
html .ti-form-site-logo {
  background:transparent !important;
}

/* Krok 138 – ostatní hlavičky vizuálně přesně podle hlavní hlavičky z kroku 134.
   Nemění rozložení ani rozměry jednotlivých stránek; přenáší pouze totožný materiál a LED vzhled. */
html body > header,
html body > .topbar,
html body > header.topbar,
html body > header.ti-main-header,
html body > header.ti-request-hub-header,
html body > header.ti-inline-header,
html body > .ti-inline-header {
  position:relative!important;
  isolation:isolate!important;
  overflow:visible!important;
  background-color:#2b2420!important;
  background-image:
    linear-gradient(90deg,rgba(18,13,10,.18),rgba(68,51,39,.08) 52%,rgba(19,14,11,.26)),
    linear-gradient(180deg,rgba(255,226,183,.025),rgba(10,7,5,.16)),
    url("../assets/images/header-dark-brown-facade-reference.webp")!important;
  background-position:center center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  border-bottom-color:rgba(198,155,91,.44)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,218,165,.22),
    inset 0 -1px 0 rgba(30,12,4,.75),
    0 8px 24px rgba(0,0,0,.34)!important;
}

html body > header::after,
html body > .topbar::after,
html body > header.topbar::after,
html body > header.ti-main-header::after,
html body > header.ti-request-hub-header::after,
html body > header.ti-inline-header::after,
html body > .ti-inline-header::after {
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:repeating-linear-gradient(
    0deg,
    rgba(255,225,185,.045) 0,
    rgba(255,225,185,.045) 1px,
    rgba(25,10,4,.035) 1px,
    rgba(25,10,4,.035) 3px
  );
  mix-blend-mode:soft-light;
}

/* Žádný vnitřní kontejner nesmí překrýt materiál hlavní hlavičky. */
html body > header .topbar-inner,
html body > .topbar .topbar-inner,
html body > header .generic-topbar-inner,
html body > header .header-inner,
html body > header .nav-wrap {
  background-color:transparent!important;
  background-image:none!important;
}

/* Všechna loga používají přesně stejnou LED vrstvu a filtr jako hlavní logo. */
html body > header :is(.top-interior-site-logo,.ti-form-site-logo,.ti-inline-header-logo),
html body > .topbar :is(.top-interior-site-logo,.ti-form-site-logo,.ti-inline-header-logo),
html body > .ti-inline-header :is(.top-interior-site-logo,.ti-form-site-logo,.ti-inline-header-logo) {
  position:relative!important;
  z-index:2!important;
  overflow:visible!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

html body > header :is(.top-interior-site-logo,.ti-form-site-logo,.ti-inline-header-logo)::before,
html body > .topbar :is(.top-interior-site-logo,.ti-form-site-logo,.ti-inline-header-logo)::before,
html body > .ti-inline-header :is(.top-interior-site-logo,.ti-form-site-logo,.ti-inline-header-logo)::before {
  content:"";
  position:absolute;
  z-index:-1;
  left:3%;
  right:3%;
  top:15%;
  bottom:4%;
  border-radius:45%;
  background:radial-gradient(ellipse at center,
    rgba(221,176,255,.86) 0%,
    rgba(183,105,255,.62) 32%,
    rgba(120,46,196,.34) 58%,
    rgba(80,24,135,0) 78%);
  filter:blur(12px);
  opacity:.30;
  transform:scale(.96);
  animation:ti-led-panel-pulse 8.5s ease-in-out infinite!important;
  pointer-events:none;
}

html body > header :is(.top-interior-site-logo,.ti-form-site-logo,.ti-inline-header-logo) img,
html body > .topbar :is(.top-interior-site-logo,.ti-form-site-logo,.ti-inline-header-logo) img,
html body > .ti-inline-header :is(.top-interior-site-logo,.ti-form-site-logo,.ti-inline-header-logo) img {
  position:relative!important;
  z-index:1!important;
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  object-fit:contain!important;
  object-position:left center!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  filter:
    drop-shadow(0 3px 5px rgba(0,0,0,.78))
    drop-shadow(0 0 5px rgba(219,175,255,.48))
    drop-shadow(0 0 11px rgba(165,83,243,.35))
    brightness(1.03)
    saturate(1.08)!important;
  animation:ti-led-letter-pulse 8.5s ease-in-out infinite!important;
}

@media(prefers-reduced-motion:reduce){
  html body > header :is(.top-interior-site-logo,.ti-form-site-logo,.ti-inline-header-logo)::before,
  html body > .topbar :is(.top-interior-site-logo,.ti-form-site-logo,.ti-inline-header-logo)::before,
  html body > .ti-inline-header :is(.top-interior-site-logo,.ti-form-site-logo,.ti-inline-header-logo)::before,
  html body > header :is(.top-interior-site-logo,.ti-form-site-logo,.ti-inline-header-logo) img,
  html body > .topbar :is(.top-interior-site-logo,.ti-form-site-logo,.ti-inline-header-logo) img,
  html body > .ti-inline-header :is(.top-interior-site-logo,.ti-form-site-logo,.ti-inline-header-logo) img {
    animation:none!important;
  }
}

/* Krok 139 – Shop / Enquiries, Tips a About us používají přesnou kopii hlavního headeru. */
html body > header.ti-main-header.ti-home-header-clone{
  position:relative!important;
  isolation:isolate!important;
  display:flex!important;
  align-items:center!important;
  min-height:86px!important;
  padding:9px 3vw 7px!important;
  overflow:visible!important;
  background-color:#2b2420!important;
  background-image:
    linear-gradient(90deg,rgba(18,13,10,.18),rgba(68,51,39,.08) 52%,rgba(19,14,11,.26)),
    linear-gradient(180deg,rgba(255,226,183,.025),rgba(10,7,5,.16)),
    url("../assets/images/header-dark-brown-facade-reference.webp")!important;
  background-position:center center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  border-bottom-color:rgba(198,155,91,.44)!important;
  box-shadow:inset 0 1px 0 rgba(255,218,165,.22),inset 0 -1px 0 rgba(30,12,4,.75),0 8px 24px rgba(0,0,0,.34)!important;
}
html body > header.ti-main-header.ti-home-header-clone::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:-1!important;
  pointer-events:none!important;
  background:repeating-linear-gradient(0deg,rgba(255,225,185,.045) 0,rgba(255,225,185,.045) 1px,rgba(25,10,4,.035) 1px,rgba(25,10,4,.035) 3px)!important;
  mix-blend-mode:soft-light!important;
}
html body > header.ti-main-header.ti-home-header-clone .top-interior-site-logo{
  position:relative!important;
  z-index:2!important;
  display:block!important;
  align-self:center!important;
  margin:0!important;
  transform:translateY(7px)!important;
  overflow:visible!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html body > header.ti-main-header.ti-home-header-clone .top-interior-site-logo::before{
  content:""!important;
  position:absolute!important;
  z-index:-1!important;
  left:3%!important;
  right:3%!important;
  top:15%!important;
  bottom:4%!important;
  border-radius:45%!important;
  background:radial-gradient(ellipse at center,rgba(221,176,255,.86) 0%,rgba(183,105,255,.62) 32%,rgba(120,46,196,.34) 58%,rgba(80,24,135,0) 78%)!important;
  filter:blur(12px)!important;
  opacity:.30;
  transform:scale(.96);
  animation:ti-led-panel-pulse 8.5s ease-in-out infinite!important;
  pointer-events:none!important;
}
html body > header.ti-main-header.ti-home-header-clone .top-interior-site-logo img{
  position:relative!important;
  z-index:1!important;
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  object-fit:contain!important;
  object-position:left center!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  filter:drop-shadow(0 3px 5px rgba(0,0,0,.78)) drop-shadow(0 0 5px rgba(219,175,255,.48)) drop-shadow(0 0 11px rgba(165,83,243,.35)) brightness(1.03) saturate(1.08)!important;
  animation:ti-led-letter-pulse 8.5s ease-in-out infinite!important;
}
@media(max-width:900px){
  html body > header.ti-main-header.ti-home-header-clone{min-height:82px!important;padding:8px 20px 6px!important}
  html body > header.ti-main-header.ti-home-header-clone .top-interior-site-logo{transform:translateY(5px)!important}
}
@media(max-width:560px){
  html body > header.ti-main-header.ti-home-header-clone{min-height:76px!important;padding:7px 16px 5px!important}
  html body > header.ti-main-header.ti-home-header-clone .top-interior-site-logo{transform:translateY(4px)!important}
}

/* Krok 140 – všechny poptávkové formuláře používají přesnou hlavní hlavičku. */
html body[class] > header.ti-main-header.ti-home-header-clone.ti-enquiry-main-header {
  position:relative!important;
  isolation:isolate!important;
  display:flex!important;
  align-items:center!important;
  min-height:86px!important;
  padding:9px 3vw 7px!important;
  overflow:visible!important;
  background-color:#2b2420!important;
  background-image:
    linear-gradient(90deg,rgba(18,13,10,.18),rgba(68,51,39,.08) 52%,rgba(19,14,11,.26)),
    linear-gradient(180deg,rgba(255,226,183,.025),rgba(10,7,5,.16)),
    url("../assets/images/header-dark-brown-facade-reference.webp")!important;
  background-position:center center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  border-bottom:1px solid rgba(198,155,91,.44)!important;
  box-shadow:inset 0 1px 0 rgba(255,218,165,.22),inset 0 -1px 0 rgba(30,12,4,.75),0 8px 24px rgba(0,0,0,.34)!important;
}
html body[class] > header.ti-main-header.ti-home-header-clone.ti-enquiry-main-header::after {
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:-1!important;
  pointer-events:none!important;
  background:repeating-linear-gradient(0deg,rgba(255,225,185,.045) 0,rgba(255,225,185,.045) 1px,rgba(25,10,4,.035) 1px,rgba(25,10,4,.035) 3px)!important;
  mix-blend-mode:soft-light!important;
}
html body[class] > header.ti-main-header.ti-home-header-clone.ti-enquiry-main-header .top-interior-site-logo {
  position:relative!important;
  z-index:2!important;
  display:block!important;
  align-self:center!important;
  margin:0!important;
  transform:translateY(7px)!important;
  overflow:visible!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html body[class] > header.ti-main-header.ti-home-header-clone.ti-enquiry-main-header .top-interior-site-logo::before {
  content:""!important;
  position:absolute!important;
  z-index:-1!important;
  left:3%!important;
  right:3%!important;
  top:15%!important;
  bottom:4%!important;
  border-radius:45%!important;
  background:radial-gradient(ellipse at center,rgba(221,176,255,.86) 0%,rgba(183,105,255,.62) 32%,rgba(120,46,196,.34) 58%,rgba(80,24,135,0) 78%)!important;
  filter:blur(12px)!important;
  opacity:.30;
  transform:scale(.96);
  animation:ti-led-panel-pulse 8.5s ease-in-out infinite!important;
  pointer-events:none!important;
}
html body[class] > header.ti-main-header.ti-home-header-clone.ti-enquiry-main-header .top-interior-site-logo img {
  position:relative!important;
  z-index:1!important;
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  object-fit:contain!important;
  object-position:left center!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  filter:drop-shadow(0 3px 5px rgba(0,0,0,.78)) drop-shadow(0 0 5px rgba(219,175,255,.48)) drop-shadow(0 0 11px rgba(165,83,243,.35)) brightness(1.03) saturate(1.08)!important;
  animation:ti-led-letter-pulse 8.5s ease-in-out infinite!important;
}

/* Původní lišta značky a ovládacích tlačítek už není site header. */
html body[class] > .ti-enquiry-toolbar {
  position:relative!important;
  z-index:5!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  background:#f3efe9!important;
  background-image:none!important;
  color:#2b2420!important;
  border:0!important;
  border-bottom:1px solid rgba(84,58,40,.18)!important;
  box-shadow:0 5px 18px rgba(32,21,15,.10)!important;
  isolation:auto!important;
  overflow:visible!important;
}
html body[class] > .ti-enquiry-toolbar::before,
html body[class] > .ti-enquiry-toolbar::after {
  content:none!important;
  display:none!important;
}
html body[class] > .ti-enquiry-toolbar > :is(.topbar-inner,.generic-topbar-inner) {
  background:transparent!important;
  background-image:none!important;
  color:#2b2420!important;
}

@media(max-width:900px){
  html body[class] > header.ti-main-header.ti-home-header-clone.ti-enquiry-main-header{min-height:82px!important;padding:8px 20px 6px!important}
  html body[class] > header.ti-main-header.ti-home-header-clone.ti-enquiry-main-header .top-interior-site-logo{transform:translateY(5px)!important}
}
@media(max-width:560px){
  html body[class] > header.ti-main-header.ti-home-header-clone.ti-enquiry-main-header{min-height:76px!important;padding:7px 16px 5px!important}
  html body[class] > header.ti-main-header.ti-home-header-clone.ti-enquiry-main-header .top-interior-site-logo{transform:translateY(4px)!important}
}


/* Krok 142 – SAPHO Messages vložené mezi dvě dlaždice na stránce Tips. */
html.page-tipy .sapho-messages{
  margin-top:18px;
  padding:clamp(24px,3.2vw,42px);
  border:1px solid rgba(214,177,95,.38);
  background:linear-gradient(180deg,rgba(255,255,255,.048),rgba(255,255,255,.025));
  box-shadow:0 24px 70px rgba(0,0,0,.18);
}
html.page-tipy .sapho-messages__head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:28px;
  padding-bottom:20px;
  border-bottom:1px solid rgba(214,177,95,.28);
}
html.page-tipy .sapho-messages__eyebrow{
  display:block;
  margin-bottom:8px;
  color:var(--gold);
  font-size:10px;
  font-weight:900;
  letter-spacing:.18em;
  text-transform:uppercase;
}
html.page-tipy .sapho-messages__head h2{
  margin:0;
  color:#f4e4bc;
  font-size:clamp(30px,3.5vw,48px);
  line-height:1;
}
html.page-tipy .sapho-messages__source{
  flex:0 0 auto;
  padding-bottom:3px;
  border-bottom:1px solid rgba(214,177,95,.65);
  color:var(--gold-light);
  font-size:12px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}
html.page-tipy .sapho-messages__list{display:block}
html.page-tipy .sapho-message{
  display:grid;
  grid-template-columns:150px minmax(0,1fr);
  gap:24px;
  padding:24px 0;
  border-bottom:1px solid rgba(214,177,95,.19);
}
html.page-tipy .sapho-message__image{
  display:block;
  width:150px;
  height:150px;
  overflow:hidden;
  border:1px solid rgba(214,177,95,.30);
  background:#ece8df;
}
html.page-tipy .sapho-message__image img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .35s ease;
}
html.page-tipy .sapho-message:hover .sapho-message__image img{transform:scale(1.035)}
html.page-tipy .sapho-message__body{min-width:0;padding-top:1px}
html.page-tipy .sapho-message h3{
  margin:0 0 7px;
  color:#f4e4bc;
  font:500 clamp(21px,2.2vw,31px)/1.15 Georgia,"Times New Roman",serif;
}
html.page-tipy .sapho-message h3 a:hover{color:var(--gold-light)}
html.page-tipy .sapho-message time{
  display:block;
  margin-bottom:11px;
  color:var(--gold);
  font-size:12px;
  font-weight:800;
}
html.page-tipy .sapho-message p{
  max-width:900px;
  margin:0 0 12px;
  color:var(--muted);
  font-size:15px;
  line-height:1.7;
}
html.page-tipy .sapho-message__more{
  display:inline-block;
  color:var(--gold-light);
  font-size:12px;
  font-weight:800;
  letter-spacing:.04em;
}
html.page-tipy .sapho-messages__pager{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:7px;
  padding-top:22px;
  color:#d8cbde;
  font-size:13px;
}
html.page-tipy .sapho-messages__pager > :is(a,span){
  display:inline-flex;
  min-width:30px;
  min-height:30px;
  align-items:center;
  justify-content:center;
  padding:4px 8px;
  border:1px solid rgba(214,177,95,.22);
}
html.page-tipy .sapho-messages__pager > span:first-child{
  min-width:auto;
  padding-left:0;
  border:0;
}
html.page-tipy .sapho-messages__pager a:hover,
html.page-tipy .sapho-messages__pager .is-current{
  border-color:var(--gold);
  background:var(--gold);
  color:#24112f;
}
html.page-tipy .sapho-messages__pager .sapho-messages__ellipsis{border:0;min-width:auto}
html.page-tipy .sapho-messages__pager .sapho-messages__next{min-width:auto;text-transform:lowercase}
@media(max-width:700px){
  html.page-tipy .sapho-messages__head{align-items:start;flex-direction:column;gap:14px}
  html.page-tipy .sapho-message{grid-template-columns:104px minmax(0,1fr);gap:16px;padding:19px 0}
  html.page-tipy .sapho-message__image{width:104px;height:104px}
  html.page-tipy .sapho-message h3{font-size:20px}
  html.page-tipy .sapho-message p{font-size:14px;line-height:1.6}
}
@media(max-width:460px){
  html.page-tipy .sapho-messages{padding:20px}
  html.page-tipy .sapho-message{grid-template-columns:1fr}
  html.page-tipy .sapho-message__image{width:100%;height:auto;aspect-ratio:1.55/1}
}

/* Krok 143 – dvě videa vedle sebe pod první dlaždicí na stránce Tips. */
html.page-tipy .tips-video-pair{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:22px;
  margin:34px 0 38px;
}
html.page-tipy .tips-video-card{
  position:relative;
  aspect-ratio:16/9;
  overflow:hidden;
  border:1px solid rgba(214,177,95,.34);
  border-radius:18px;
  background:#120d0a;
  box-shadow:0 18px 42px rgba(0,0,0,.30);
}
html.page-tipy .tips-video-card iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
}
@media(max-width:800px){
  html.page-tipy .tips-video-pair{
    grid-template-columns:1fr;
    gap:16px;
    margin:26px 0 30px;
  }
}


/* Krok 144 – oficiální SAPHO fotografie a texty + popisky videí na stránce Tips. */
html.page-tipy .tips-video-item{
  min-width:0;
}
html.page-tipy .tips-video-title{
  margin:0 0 14px;
  color:#f4e4bc;
  font:500 clamp(22px,2.2vw,30px)/1.2 Georgia,"Times New Roman",serif;
  letter-spacing:.01em;
}
html.page-tipy .tips-video-caption{
  margin:14px 2px 0;
  color:var(--muted);
  font-size:15px;
  line-height:1.65;
}
html.page-tipy .sapho-message__image.is-brochure{
  background:#15110f;
}
html.page-tipy .sapho-message__image.is-brochure img{
  object-fit:contain;
  object-position:center;
  padding:4px;
}
html.page-tipy .sapho-message__image.is-product-photo img{
  object-fit:cover;
  object-position:center;
}
@media(max-width:800px){
  html.page-tipy .tips-video-title{margin-bottom:12px}
  html.page-tipy .tips-video-caption{margin-top:12px}
}

/* Krok 146 – SAPHO product catalogue viewer (design follows the existing Tips page) */
html.page-sapho-product,
body.page-sapho-product{
  min-height:100%;
}
body.page-sapho-product{
  display:flex;
  flex-direction:column;
}
body.page-sapho-product > main{
  flex:1 0 auto;
}
.sapho-catalog-page{
  padding:clamp(34px,5vw,76px) 20px clamp(48px,7vw,96px);
}
.sapho-catalog-hero,
.sapho-catalog-viewer{
  width:min(1180px,100%);
  margin-inline:auto;
}
.sapho-catalog-hero__inner{
  position:relative;
  overflow:hidden;
  padding:clamp(26px,4vw,54px);
  border:1px solid rgba(205,161,95,.34);
  border-radius:24px;
  background:linear-gradient(145deg,rgba(28,20,17,.96),rgba(52,36,29,.9));
  box-shadow:0 24px 60px rgba(0,0,0,.28);
}
.sapho-catalog-hero__inner::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(115deg,transparent 0 58%,rgba(184,140,73,.08) 75%,transparent 100%);
}
.sapho-catalog-hero__inner > *{
  position:relative;
  z-index:1;
}
.sapho-catalog-hero h1{
  max-width:900px;
  margin:8px 0 14px;
  font-size:clamp(34px,5.2vw,72px);
  line-height:.98;
  letter-spacing:-.035em;
}
.sapho-catalog-description{
  max-width:850px;
  margin:0;
  color:rgba(255,255,255,.78);
  font-size:clamp(16px,1.65vw,20px);
  line-height:1.7;
}
.sapho-product-meta{
  display:flex;
  flex-wrap:wrap;
  gap:12px 34px;
  margin:24px 0 0;
}
.sapho-product-meta div{
  display:grid;
  gap:3px;
}
.sapho-product-meta dt{
  color:rgba(255,255,255,.48);
  font-size:11px;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.sapho-product-meta dd{
  margin:0;
  color:#f1d7a4;
  font-weight:700;
}
.sapho-catalog-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px;
  margin-top:28px;
}
.sapho-catalog-actions :is(.cta,.sapho-catalog-shop,.sapho-catalog-back){
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:12px 18px;
  border-radius:999px;
  text-decoration:none;
  font-weight:800;
  transition:transform .2s ease,border-color .2s ease,background .2s ease;
}
.sapho-catalog-actions :is(.cta,.sapho-catalog-shop,.sapho-catalog-back):hover{
  transform:translateY(-2px);
}
.sapho-catalog-shop{
  border:1px solid rgba(205,161,95,.58);
  background:rgba(205,161,95,.12);
  color:#f1d7a4;
}
.sapho-catalog-back{
  border:1px solid rgba(255,255,255,.16);
  color:rgba(255,255,255,.76);
}
.sapho-catalog-viewer{
  overflow:hidden;
  margin-top:22px;
  border:1px solid rgba(205,161,95,.3);
  border-radius:24px;
  background:#161210;
  box-shadow:0 28px 70px rgba(0,0,0,.32);
}
.sapho-catalog-viewer__bar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:15px 20px;
  border-bottom:1px solid rgba(255,255,255,.1);
  background:linear-gradient(90deg,#30231d,#211815);
}
.sapho-catalog-viewer__bar strong{
  color:#f1d7a4;
  font-size:15px;
}
.sapho-catalog-viewer__bar span{
  color:rgba(255,255,255,.54);
  font-size:12px;
  text-align:right;
}
.sapho-catalog-object{
  display:block;
  width:100%;
  height:clamp(620px,82vh,980px);
  border:0;
  background:#ece8e1;
}
.sapho-catalog-fallback{
  min-height:420px;
  display:grid;
  place-content:center;
  gap:18px;
  padding:30px;
  color:#231a16;
  text-align:center;
}
html.page-tipy .sapho-message__more{
  white-space:normal;
}
@media (max-width:720px){
  .sapho-catalog-page{padding-inline:12px}
  .sapho-catalog-hero__inner,.sapho-catalog-viewer{border-radius:18px}
  .sapho-catalog-actions{align-items:stretch;flex-direction:column}
  .sapho-catalog-actions :is(.cta,.sapho-catalog-shop,.sapho-catalog-back){width:100%}
  .sapho-catalog-viewer__bar{align-items:flex-start;flex-direction:column}
  .sapho-catalog-viewer__bar span{text-align:left}
  .sapho-catalog-object{height:72vh;min-height:540px}
}

/* Krok 149 – zvýhodněný kompletní balíček a jasné vrácení návrhového poplatku */
html.page-visoft-3d-navrh .visoft-total span{
  line-height:1.35;
}
html.page-visoft-3d-navrh .visoft-refund-visible strong{
  color:inherit;
}


/* Krok 150 – zkušební informace o připravovaném showroomu na hlavní stránce */
html.page-index .showroom-status,
html.page-index-inlined .showroom-status{
  padding-top:clamp(14px,2.4vw,34px);
  padding-bottom:clamp(52px,7vw,92px);
}
html.page-index .showroom-status-card,
html.page-index-inlined .showroom-status-card{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:clamp(20px,3vw,42px);
  min-height:220px;
  padding:clamp(28px,4vw,54px);
  border:1px solid rgba(214,177,95,.42);
  border-radius:24px;
  background:
    linear-gradient(90deg,rgba(25,13,9,.95),rgba(52,32,23,.88) 55%,rgba(25,13,9,.96)),
    url("../assets/images/header-brown-facade.webp") center / cover no-repeat;
  box-shadow:0 28px 70px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.04);
}
html.page-index .showroom-status-card::before,
html.page-index-inlined .showroom-status-card::before{
  content:"";
  position:absolute;
  inset:-28% 50% -28% -12%;
  z-index:-1;
  pointer-events:none;
  background:radial-gradient(ellipse at center,rgba(151,75,214,.24),rgba(110,42,174,.08) 44%,transparent 72%);
  filter:blur(12px);
}
html.page-index .showroom-status-card::after,
html.page-index-inlined .showroom-status-card::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:linear-gradient(112deg,transparent 0 60%,rgba(214,177,95,.08) 76%,transparent 92%);
}
html.page-index .showroom-status-marker,
html.page-index-inlined .showroom-status-marker{
  position:relative;
  display:grid;
  place-items:center;
  width:clamp(74px,8vw,104px);
  aspect-ratio:1;
  border:1px solid rgba(214,177,95,.55);
  border-radius:50%;
  background:rgba(16,8,22,.48);
  box-shadow:0 0 32px rgba(136,60,204,.26),inset 0 0 24px rgba(214,177,95,.06);
}
html.page-index .showroom-status-marker::before,
html.page-index-inlined .showroom-status-marker::before{
  content:"";
  width:28%;
  height:37%;
  border:3px solid #d6b15f;
  border-radius:50% 50% 50% 0;
  transform:rotate(-45deg) translate(4%,2%);
  box-shadow:0 0 18px rgba(174,89,235,.7);
}
html.page-index .showroom-status-marker::after,
html.page-index-inlined .showroom-status-marker::after{
  content:"";
  position:absolute;
  top:41%;
  left:50%;
  width:8%;
  aspect-ratio:1;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:#d6b15f;
  box-shadow:0 0 13px rgba(174,89,235,.95);
}
html.page-index .showroom-status-copy,
html.page-index-inlined .showroom-status-copy{
  max-width:820px;
}
html.page-index .showroom-status-copy h2,
html.page-index-inlined .showroom-status-copy h2{
  margin:9px 0 12px;
  color:#f3dfb3;
  font-size:clamp(31px,4vw,54px);
  line-height:1.03;
  letter-spacing:-.025em;
}
html.page-index .showroom-status-copy p,
html.page-index-inlined .showroom-status-copy p{
  margin:0;
  color:#ddd0df;
  font-size:clamp(16px,1.6vw,20px);
  line-height:1.6;
}
html.page-index .showroom-status-copy .showroom-status-note,
html.page-index-inlined .showroom-status-copy .showroom-status-note{
  margin-top:8px;
  color:#bfaec7;
  font-size:14px;
}
html.page-index .showroom-status-badge,
html.page-index-inlined .showroom-status-badge{
  align-self:start;
  padding:10px 14px;
  border:1px solid rgba(214,177,95,.48);
  border-radius:999px;
  background:rgba(17,8,23,.52);
  color:#d6b15f;
  font-size:10px;
  font-weight:900;
  letter-spacing:.13em;
  text-transform:uppercase;
  white-space:nowrap;
}
@media(max-width:820px){
  html.page-index .showroom-status-card,
  html.page-index-inlined .showroom-status-card{
    grid-template-columns:auto minmax(0,1fr);
  }
  html.page-index .showroom-status-badge,
  html.page-index-inlined .showroom-status-badge{
    grid-column:2;
    grid-row:1;
    justify-self:start;
    margin-bottom:-6px;
  }
  html.page-index .showroom-status-copy,
  html.page-index-inlined .showroom-status-copy{
    grid-column:1/-1;
  }
}
@media(max-width:520px){
  html.page-index .showroom-status-card,
  html.page-index-inlined .showroom-status-card{
    display:block;
    min-height:0;
  }
  html.page-index .showroom-status-marker,
  html.page-index-inlined .showroom-status-marker{
    width:72px;
    margin-bottom:22px;
  }
  html.page-index .showroom-status-badge,
  html.page-index-inlined .showroom-status-badge{
    display:inline-flex;
    margin:0 0 14px;
    white-space:normal;
  }
}

/* Krok 153 – kontaktní karta z hlavní navigace */
.ti-contact-dialog{
  width:min(92vw,760px);
  max-width:760px;
  max-height:min(88vh,760px);
  margin:auto;
  padding:0;
  overflow:visible;
  border:0;
  border-radius:28px;
  background:transparent;
  color:#f4ead8;
  box-shadow:none;
}
.ti-contact-dialog::backdrop{
  background:rgba(10,6,8,.78);
  backdrop-filter:blur(9px);
  -webkit-backdrop-filter:blur(9px);
}
.ti-contact-dialog.is-fallback-open{
  position:fixed;
  inset:0;
  z-index:99999;
  display:grid;
  place-items:center;
}
html.ti-contact-modal-open{
  overflow:hidden;
}
.ti-contact-card{
  position:relative;
  overflow:hidden;
  padding:clamp(30px,5vw,54px);
  border:1px solid rgba(218,179,103,.58);
  border-radius:28px;
  background:
    linear-gradient(118deg,rgba(255,255,255,.035),transparent 32%,rgba(132,65,170,.08) 72%,transparent),
    linear-gradient(145deg,#24170f 0%,#17100d 52%,#24170f 100%);
  box-shadow:
    0 30px 80px rgba(0,0,0,.58),
    0 0 38px rgba(131,53,187,.22),
    inset 0 1px 0 rgba(255,255,255,.06);
}
.ti-contact-card::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.24;
  background:repeating-linear-gradient(0deg,rgba(255,255,255,.055) 0 1px,rgba(0,0,0,.035) 1px 3px);
  mix-blend-mode:soft-light;
}
.ti-contact-card::after{
  content:"";
  position:absolute;
  top:-90px;
  right:-70px;
  width:280px;
  height:280px;
  border-radius:50%;
  pointer-events:none;
  background:rgba(137,58,190,.2);
  filter:blur(54px);
}
.ti-contact-card > *{
  position:relative;
  z-index:1;
}
.ti-contact-close{
  position:absolute;
  top:16px;
  right:18px;
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  padding:0;
  border:1px solid rgba(218,179,103,.4);
  border-radius:50%;
  background:rgba(9,6,7,.48);
  color:#e5c98f;
  font:300 31px/1 Arial,sans-serif;
  cursor:pointer;
  transition:transform .2s ease,background .2s ease,border-color .2s ease;
}
.ti-contact-close:hover,
.ti-contact-close:focus-visible{
  transform:scale(1.06);
  border-color:rgba(218,179,103,.82);
  background:rgba(72,42,26,.72);
  outline:none;
}
.ti-contact-eyebrow{
  margin:0 54px 12px 0;
  color:#d8b56f;
  font-size:11px;
  font-weight:900;
  letter-spacing:.18em;
}
.ti-contact-card h2{
  max-width:610px;
  margin:0 54px 10px 0;
  color:#f6e7c8;
  font-size:clamp(32px,5vw,54px);
  line-height:1.02;
  letter-spacing:-.035em;
}
.ti-contact-location{
  margin:0 0 28px;
  color:#cfc1c5;
  font-size:clamp(15px,2vw,18px);
  line-height:1.5;
}
.ti-contact-location strong{
  color:#ead59f;
}
.ti-contact-details{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.ti-contact-detail{
  display:flex;
  min-width:0;
  min-height:126px;
  flex-direction:column;
  justify-content:center;
  padding:21px 22px;
  border:1px solid rgba(218,179,103,.28);
  border-radius:18px;
  background:rgba(7,5,6,.38);
  color:inherit;
  text-decoration:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
  transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease;
}
.ti-contact-detail:hover,
.ti-contact-detail:focus-visible{
  transform:translateY(-3px);
  border-color:rgba(218,179,103,.7);
  background:rgba(70,39,24,.62);
  box-shadow:0 13px 30px rgba(0,0,0,.24),0 0 24px rgba(137,58,190,.17);
  outline:none;
}
.ti-contact-detail--email{
  grid-column:1/-1;
  min-height:116px;
}
.ti-contact-detail span{
  margin-bottom:8px;
  color:#d4b46f;
  font-size:11px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.ti-contact-detail strong{
  overflow-wrap:anywhere;
  color:#f5ead7;
  font-size:clamp(18px,2.8vw,25px);
  line-height:1.18;
}
.ti-contact-detail small{
  margin-top:9px;
  color:#a999a6;
  font-size:12px;
}
@media(max-width:600px){
  .ti-contact-dialog{
    width:calc(100vw - 24px);
    max-height:calc(100vh - 24px);
  }
  .ti-contact-card{
    padding:34px 20px 22px;
    border-radius:22px;
  }
  .ti-contact-details{
    grid-template-columns:1fr;
  }
  .ti-contact-detail,
  .ti-contact-detail--email{
    grid-column:auto;
    min-height:102px;
    padding:17px 18px;
  }
  .ti-contact-card h2{
    margin-right:42px;
  }
}

/* Step 154 – screen layout compliance fixes */
@media screen {
  body.page-geberit-poptavka-geberit-poptavkovy-formular,
  body.page-geberit-poptavka-index,
  body.page-jap-poptavka-jap-poptavkovy-formular,
  body.page-mapei-poptavka-mapei-poptavkovy-formular,
  body.page-obklady-poptavka-index,
  body.page-obklady-poptavka-obklady-dlazby-poptavkovy-formular,
  body.page-schluter-poptavka-schluter-poptavkovy-formular,
  body.page-tomton-poptavka-tomton-poptavkovy-formular{
    margin:0;
  }
}


/* Step 154 – TOMTON option controls */
html.page-tomton-configurator .opt{
  position:relative;
}
html.page-tomton-configurator .opt input{
  position:absolute;
  width:1px;
  height:1px;
  margin:-1px;
  padding:0;
  overflow:hidden;
  clip-path:inset(50%);
  white-space:nowrap;
  opacity:0;
}
html.page-tomton-configurator .opt label{
  display:flex;
  min-height:44px;
  align-items:center;
  justify-content:center;
}
html.page-tomton-configurator .opt input:focus-visible + label{
  outline:3px solid currentColor;
  outline-offset:3px;
}