:root{color-scheme:light;--cisko-ink:#191c1f;--cisko-accent:#bb5b14}html{scroll-padding-top:100px}body{font-family:Arial,Helvetica,sans-serif;color:var(--cisko-ink)}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}:focus-visible{outline:3px solid #bd642c;outline-offset:4px}.max-w-6xl{max-width:1320px}.text-sm{font-size:.925rem}.text-xs{font-size:.8125rem}h1,h2,h3{letter-spacing:-.04em}
#root nav.fixed{background:#fff!important;color:var(--cisko-ink);border-bottom:1px solid #e5e5e5;box-shadow:none!important}#root nav.fixed>div:first-child{height:82px;gap:22px}#root nav.fixed a,#root nav.fixed button,#root nav.fixed a>span{color:var(--cisko-ink)}#root nav.fixed img{filter:none}#root nav.fixed a.bg-amber-600{color:white;border-radius:5px;padding:13px 20px}#root nav.fixed a:hover,#root nav.fixed button:hover{color:var(--cisko-accent)}#root nav.fixed a.bg-amber-600:hover{color:white}.bg-amber-600{background-color:var(--cisko-accent)}.text-amber-600{color:var(--cisko-accent)}
.cisko-hero{margin-top:82px;height:670px!important;min-height:600px;background:#f3f3f0;display:grid;grid-template-columns:45% 55%}.cisko-hero>picture{grid-column:2;height:100%;display:flex;align-items:center;background:#20201f}.cisko-hero>picture img{position:relative;width:100%;height:100%;object-fit:contain}.cisko-hero>div.pointer-events-none{display:none}.cisko-hero>div.z-10{position:relative;inset:auto;grid-column:1;grid-row:1;align-items:center}.cisko-hero>div.z-10>div{padding:52px clamp(24px,4vw,76px) 64px}.cisko-hero h1{color:#191c1f;font-size:clamp(2.9rem,4.2vw,4.6rem);line-height:1.02;font-weight:800;filter:none}.cisko-hero h1 span{color:var(--cisko-accent);background:none}.cisko-hero .drop-shadow,.cisko-hero .drop-shadow-lg{filter:none}.cisko-hero p.text-stone-300,.cisko-hero p.text-stone-200{color:#52565a;font-size:1.05rem;line-height:1.65}.cisko-hero .text-stone-400{color:#65686b}.cisko-hero .text-amber-400{color:var(--cisko-accent)}.cisko-hero .inline-flex.uppercase{padding:0;border:0;background:none;font-size:.78rem;letter-spacing:.14em}.cisko-hero button{border-radius:5px;box-shadow:none}.cisko-hero button.text-white{color:white}.cisko-hero button.border{color:#252525;border-color:#bdbebc;background:transparent}.cisko-hero>div.z-20{border-radius:4px;right:34px;bottom:34px}.cisko-hero>div:last-child{z-index:25}
#produse{padding-top:86px;padding-bottom:90px;background:white}#produse .text-center{text-align:left;max-width:790px;margin-left:0}#produse .text-center p{margin-left:0}#produse .grid{gap:22px}#produse .group{border-radius:7px;box-shadow:none;border-color:#e0e1e2}#produse .group>div:first-child{height:240px}#produse .group .p-5{padding:25px}#produse h3{font-size:1.25rem}#produse p{line-height:1.7}section:not(.cisko-hero) h2{line-height:1.12}
.cisko-config-width{max-width:1140px}.cisko-config-section{padding-top:44px;padding-bottom:72px;background:#f5f6f6}.cisko-config-section>div>div{border:0;border-radius:8px;box-shadow:none;padding:38px}.cisko-config-form{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px 48px;align-items:start}.cisko-config-form>*{margin:0!important;grid-column:1}.cisko-config-form>.cisko-quantity{display:contents}.cisko-quantity>div:first-child{grid-column:1;grid-row:1;padding-bottom:24px;border-bottom:1px solid #e5e5e5}.cisko-quantity>div:last-child{grid-column:2;grid-row:1/span 5;position:sticky;top:110px;background:#f0f1ef;padding:27px;border-radius:6px}.cisko-config-form label:has(input[type=checkbox]){border-radius:5px;padding:15px}.cisko-config-form input:not([type=checkbox]),.cisko-config-form textarea{min-height:46px;border-radius:5px}.cisko-config-form button[type=submit]{border-radius:5px;font-size:1rem;box-shadow:none}#root .pt-24.pb-6{padding-top:124px;padding-bottom:34px}#root footer{border-top:1px solid #e2e3e3}
@media(min-width:1100px){#root nav.fixed>div:first-child>a:first-child>span{font-size:1.05rem!important}}@media(max-width:1100px){.cisko-hero{grid-template-columns:47% 53%;height:640px!important}.cisko-hero h1{font-size:3rem}#root nav.fixed>div:first-child{gap:12px}#root nav.fixed .gap-8{gap:16px}}
@media(max-width:800px){#root nav.fixed>div:first-child{height:72px}#root nav.fixed a>span{font-size:.95rem!important}#root nav.fixed img{max-width:100px;height:auto}.cisko-hero{margin-top:72px;display:flex;flex-direction:column-reverse;height:auto!important;min-height:0}.cisko-hero>picture{height:auto;min-height:260px}.cisko-hero>picture img{height:auto;max-height:430px}.cisko-hero>div.z-10{display:block;order:1}.cisko-hero>div.z-10>div{padding:40px 24px 30px}.cisko-hero h1{font-size:2.65rem}.cisko-hero>div.z-20[class*="bg-white/95"]{right:16px;bottom:78px;padding:10px}#produse{padding:54px 0}#produse .text-center{margin-bottom:32px}.cisko-config-section>div>div{padding:23px 18px}.cisko-config-form{display:flex;flex-direction:column;gap:25px}.cisko-config-form>*{width:100%}.cisko-config-form>.cisko-quantity{display:grid;grid-template-columns:1fr;gap:22px}.cisko-quantity>div:first-child,.cisko-quantity>div:last-child{grid-column:auto;grid-row:auto;position:static}#root .pt-24.pb-6{padding-top:104px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}

.cisko-hero > button[aria-label="Slide anterior"], .cisko-hero > button[aria-label="Slide următor"] { top: auto; bottom: 22px; transform: none; background: white; color: #262626; border: 1px solid #d5d5d5; width: 42px; height: 42px; }
.cisko-hero > button[aria-label="Slide anterior"] { left: 4%; right: auto; }
.cisko-hero > button[aria-label="Slide următor"] { left: calc(4% + 51px); right: auto; }
.cisko-hero > div:has(> button[aria-label^="Mergi la slide-ul"]) { left: calc(4% + 126px); transform: none; bottom: 37px; }
.cisko-hero button[aria-label^="Mergi la slide-ul"] { background: #a5a7a5; }
.cisko-hero button[aria-label^="Mergi la slide-ul"].w-6 { background: #bb5b14; }
.cisko-hero .text-amber-300 { color: #6e3c16; background: #e5e5df; border-color: #d6d6cd; }
#configurator > .max-w-3xl { max-width: 1140px; }
#configurator .shadow-2xl { box-shadow: none; }
@media (max-width:800px) {
 .cisko-hero > div.z-10 > div { padding-bottom: 85px; }
 .cisko-hero > button[aria-label="Slide anterior"], .cisko-hero > button[aria-label="Slide următor"] { bottom: 18px; }
 .cisko-hero > div:has(> button[aria-label^="Mergi la slide-ul"]) { bottom: 33px; }
}
.pt-24 nav[aria-label=Breadcrumb], .pt-24 nav[aria-label=Breadcrumb] a, .pt-24 nav[aria-label=Breadcrumb] span {color:#c9c9c9}
@media(max-width:600px){.cisko-config-section form .flex.items-center.gap-3.p-3{flex-wrap:wrap}.cisko-config-section form .flex.items-center.gap-3.p-3>.flex-1{min-width:130px}}

/* Full-width photography with a translucent text panel. */
.cisko-hero {
  display: block;
  height: clamp(700px, 41.667vw, 800px) !important;
  min-height: 700px;
  background: #191c1f;
}
.cisko-hero > picture {
  display: contents;
  background: none;
}
.cisko-hero > picture img {
  position: absolute;
  inset: 0 0 0 auto;
  width: 74%;
  height: 100%;
  max-height: none;
  object-fit: cover;
  z-index: 0;
  mask-image: linear-gradient(to right, transparent, #000 3%);
}
.cisko-hero-extension {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: left center;
  pointer-events: none;
}
.cisko-hero > div.z-10 {
  position: relative;
  display: flex;
  min-height: inherit;
  align-items: center;
}
.cisko-hero > div.z-10 > div {
  max-width: none;
  padding: 38px clamp(24px, 4vw, 76px) 96px;
}
.cisko-hero > div.z-10 > div > div {
  max-width: 540px;
  padding: clamp(22px, 2.5vw, 36px);
  border: 1px solid rgb(255 255 255 / 18%);
  border-radius: 12px;
  background: linear-gradient(115deg, rgb(14 19 23 / 64%), rgb(14 19 23 / 38%));
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
}
.cisko-hero h1 { color: #fff; font-size: clamp(2.6rem, 3.7vw, 3.45rem); }
.cisko-hero h1 span, .cisko-hero .text-amber-400 { color: #ffc46b; }
.cisko-hero p.text-stone-300, .cisko-hero p.text-stone-200 { color: #f4f4f3; }
.cisko-hero .text-stone-400 { color: #e0e2e3; }
.cisko-hero .text-amber-300 {
  color: #ffe1ad;
  background: rgb(12 17 21 / 35%);
  border-color: rgb(255 255 255 / 26%);
}
.cisko-hero button.border { color: #fff; border-color: rgb(255 255 255 / 60%); background: rgb(12 17 21 / 24%); }
.cisko-hero > button[aria-label="Slide anterior"],
.cisko-hero > button[aria-label="Slide următor"] { bottom: 22px; }
.cisko-hero > div:has(> button[aria-label^="Mergi la slide-ul"]) {
  right: auto;
  bottom: 37px;
}
.cisko-hero button[aria-label^="Mergi la slide-ul"] { background: rgb(255 255 255 / 60%); }
.cisko-hero button[aria-label^="Mergi la slide-ul"].w-6 { background: #ffb54a; }
/* The generic z-20 rule previously lifted this track 34px above the bottom. */
.cisko-hero > div[class*="h-0.5"] {
  inset: auto 0 0;
  height: 3px;
  border-radius: 0;
  z-index: 30;
  pointer-events: none;
}
@media (max-width: 800px) {
  .cisko-hero { height: 800px !important; min-height: 800px; }
  .cisko-hero > picture img { width: 100%; mask-image: none; }
  .cisko-hero-extension { display: none; }
  .cisko-hero > div.z-10 > div { padding: 32px 18px 112px; }
  .cisko-hero > div.z-10 > div > div { max-width: 520px; padding: 24px 20px; }
  .cisko-hero h1 { font-size: clamp(2.15rem, 8vw, 3rem); }
  .cisko-hero p.text-stone-300, .cisko-hero p.text-stone-200 { font-size: 1rem; }
  .cisko-hero > div.z-20[class*="bg-white/95"] { right: 16px; bottom: 74px; }
  .cisko-hero > button[aria-label="Slide anterior"],
  .cisko-hero > button[aria-label="Slide următor"] { bottom: 18px; }
  .cisko-hero > div:has(> button[aria-label^="Mergi la slide-ul"]) { bottom: 33px; }
}