:root{--black:#030303;--panel:#0c0c0d;--panel2:#151515;--white:#f5f2eb;--muted:#c9c5bd;--gold:#e2b400;--gold2:#f2c200;--line:rgba(255,255,255,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#050505;color:#fff;font-family:Arial,Helvetica,sans-serif}img{max-width:100%;display:block}.topbar{position:fixed;z-index:50;top:0;left:0;right:0;height:114px;background:#050505;display:grid;grid-template-columns:360px 1fr;align-items:center;border-bottom:1px solid rgba(255,255,255,.12);box-shadow:0 8px 26px rgba(0,0,0,.55)}.brand{padding-left:42px}.brand img{width:300px;height:86px;object-fit:contain;object-position:left center}.nav{height:100%;display:flex;align-items:center;justify-content:flex-end;gap:28px;padding-right:42px}.nav a{position:relative;height:100%;display:flex;align-items:center;text-decoration:none;color:#fff;font-size:14px;font-weight:900;letter-spacing:.08em}.nav a.active,.nav a:hover{color:var(--gold2)}.nav a.active:after{content:none!important;display:none!important}.nav a.active{color:var(--gold2)!important;font-weight:900}.navToggle{display:none;background:none;border:0;color:#fff;font-size:30px;margin-left:auto}.hero{height:680px;margin-top:114px;position:relative;overflow:hidden;background:#000}.heroPhoto{position:absolute;inset:0;background-image:url('img/home-hero-bg-stage1.png');background-size:cover;background-position:center 43%;filter:contrast(1.08) saturate(1.1);transform:scale(1.02)}.heroShade{position:absolute;inset:0;background:linear-gradient(90deg,#000 0%,rgba(0,0,0,.86) 23%,rgba(0,0,0,.36) 52%,rgba(0,0,0,.22) 100%),linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,.02) 44%,rgba(0,0,0,.22))}.heroText{position:relative;z-index:2;width:500px;color:#fff;padding:82px 0 0 54px}.heroText h1{font-family:'Arial Narrow',Impact,sans-serif;font-size:62px;line-height:.95;margin:0 0 14px;letter-spacing:.015em;font-weight:900;text-shadow:0 8px 22px rgba(0,0,0,.8)}.subline{color:var(--gold2);letter-spacing:.44em;font-size:16px;font-weight:900;margin:0 0 34px}.made{display:flex;gap:16px;align-items:center;margin:0 0 20px;font-size:18px}.made span{width:62px;height:3px;background:var(--gold)}.lead{font-size:18px;line-height:1.6;color:#eee;margin:0 0 30px}.heroActions{display:flex;gap:22px}.btn{display:inline-flex;align-items:center;gap:14px;padding:17px 24px;text-decoration:none;font-size:14px;font-weight:900;letter-spacing:.04em;border:1px solid rgba(255,255,255,.55);color:#fff;background:rgba(0,0,0,.25)}.btn:after{content:'→';font-size:24px}.btn.primary{background:linear-gradient(135deg,#f5c800,#be8f00);border-color:#eac200;color:#070707}.iconRow{display:grid;grid-template-columns:repeat(5,1fr);background:#070707;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#fff}.iconRow article{display:grid;grid-template-columns:64px 1fr;column-gap:15px;min-height:110px;padding:23px 28px;border-right:1px solid var(--line);align-items:center}.icon{grid-row:1/3;color:var(--gold);font-size:42px;text-align:center}.iconRow h3{font-size:14px;margin:0 0 6px;font-weight:900;letter-spacing:.04em}.iconRow p{margin:0;color:#c8c3ba;font-size:13px;line-height:1.45}.featureCards{display:grid;grid-template-columns:1.25fr 1fr .8fr 1.12fr;gap:12px;background:#080808;padding:16px 26px 30px}.feature{height:210px;border:1px solid var(--line);position:relative;overflow:hidden;color:#fff;text-decoration:none;background:#111}.feature img{width:100%;height:100%;object-fit:cover;opacity:.62;transition:.35s}.feature:hover img{transform:scale(1.06);opacity:.8}.feature:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.8),rgba(0,0,0,.28))}.feature div{position:absolute;z-index:2;left:24px;right:18px;bottom:18px}.feature p,.sectionTitle p,.gold{color:var(--gold2);font-size:12px;font-weight:900;letter-spacing:.12em;margin:0 0 10px}.feature h2{font-family:'Arial Narrow',Impact,sans-serif;font-size:25px;line-height:1.05;margin:0 0 14px;letter-spacing:.04em}.feature span{color:var(--gold);font-size:28px}.section{padding:82px 7vw;background:#f3f0e7}.section.black{background:#09090a;color:#fff}.sectionTitle{text-align:center;max-width:850px;margin:0 auto 38px}.sectionTitle.left{text-align:left;margin-left:0}.sectionTitle h2{font-family:'Arial Narrow',Impact,sans-serif;font-size:52px;line-height:1;margin:0 0 16px;letter-spacing:.03em}.sectionTitle span{font-size:18px;line-height:1.6;color:#5d5851}.black .sectionTitle span{color:#c8c2b8}.filters{text-align:center;margin-bottom:26px}.filters button{border:1px solid #d7d0c3;background:#fff;border-radius:50px;padding:12px 18px;font-weight:900;cursor:pointer;margin:4px}.filters .active{background:#090909;color:#fff}.galleryGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.tile{height:360px;position:relative;overflow:hidden;cursor:pointer;background:#111;border:1px solid rgba(0,0,0,.08)}.tile img{width:100%;height:100%;object-fit:cover;transition:.4s}.tile:hover img{transform:scale(1.06)}.tileText{position:absolute;left:0;right:0;bottom:0;color:#fff;padding:24px;background:linear-gradient(transparent,rgba(0,0,0,.92))}.tileText p{color:var(--gold);font-size:12px;font-weight:900;letter-spacing:.12em}.tileText h3{font-size:25px;margin:6px 0;font-weight:900}.twoCards{display:grid;grid-template-columns:1fr 1fr;gap:24px}.twoCards article{background:#141416;border:1px solid var(--line);padding:22px}.twoCards img{width:100%;height:300px;object-fit:cover;margin-bottom:18px}.twoCards h3{font-size:28px;margin:0 0 10px}.twoCards p{color:#cfc8ba;line-height:1.6}.split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.split img{width:100%;height:560px;object-fit:cover}.split h2{font-family:'Arial Narrow',Impact,sans-serif;font-size:52px;line-height:1;margin:0 0 18px}.split p{font-size:18px;line-height:1.7}.contactForm{max-width:720px;margin:auto;display:grid;gap:14px}.contactForm input,.contactForm textarea{padding:18px;background:#fff;border:1px solid #cfc8ba;font-size:16px}.contactForm button{justify-self:start;border:0}.modal{position:fixed;inset:0;background:rgba(0,0,0,.9);z-index:100;display:none;align-items:center;justify-content:center;padding:20px}.modal.open{display:flex}.modalPanel{width:min(1180px,96vw);max-height:94vh;overflow:auto;background:#111;color:#fff;padding:28px;position:relative}.close{position:absolute;right:18px;top:10px;color:#fff;background:none;border:0;font-size:42px;cursor:pointer}.modalText h2{font-size:34px}.slider{display:grid;grid-template-columns:54px 1fr 54px;gap:12px;align-items:center}.slider img{width:100%;max-height:68vh;object-fit:contain;background:#000}.prev,.next{height:54px;border-radius:50%;border:0;font-size:36px;cursor:pointer}.thumbs{display:flex;gap:8px;overflow:auto;margin-top:12px}.thumbs img{height:70px;width:110px;object-fit:cover;opacity:.55;cursor:pointer}.thumbs img.active{opacity:1;outline:3px solid var(--gold)}footer{background:#050505;color:#888;padding:28px 7vw}@media(max-width:1200px){.topbar{grid-template-columns:270px 1fr}.brand img{width:230px}.nav{gap:22px}.iconRow{grid-template-columns:repeat(2,1fr)}.featureCards{grid-template-columns:1fr 1fr}.galleryGrid{grid-template-columns:1fr 1fr}}@media(max-width:800px){.topbar{height:78px;display:flex;padding:0 15px}.brand{padding-left:0}.brand img{width:190px;height:66px}.navToggle{display:block}.nav{display:none;position:absolute;top:78px;left:0;right:0;background:#050505;height:auto;flex-direction:column;align-items:flex-start;padding:20px;gap:12px}.nav.open{display:flex}.nav a{height:auto;padding:8px 0}.nav a.active:after{display:none}.hero{margin-top:78px;height:auto;min-height:760px}.heroPhoto{background-position:62% center}.heroText{width:auto;padding:70px 24px}.heroText h1{font-size:50px}.subline{letter-spacing:.22em}.heroActions{flex-direction:column;align-items:flex-start}.iconRow,.featureCards,.galleryGrid,.twoCards,.split{grid-template-columns:1fr}.section{padding:64px 22px}.sectionTitle h2,.split h2{font-size:40px}.split img{height:360px}.slider{grid-template-columns:1fr}.prev,.next{display:none}}


/* DAMT v7 full dark premium theme */
body{background:#050505;color:#f5f2eb;}
.section{background:radial-gradient(circle at 15% 0%,rgba(226,180,0,.08),transparent 34%),linear-gradient(180deg,#101012,#050505);color:#f5f2eb;border-top:1px solid rgba(255,255,255,.09);}
.section.black{background:radial-gradient(circle at 80% 10%,rgba(226,180,0,.08),transparent 32%),linear-gradient(180deg,#080809,#020202);}
.sectionTitle span{color:#c8c2b8;}
.filters button{border:1px solid rgba(255,255,255,.18);background:#111;color:#eee;}
.filters .active,.filters button:hover{background:linear-gradient(135deg,#f5c800,#bd8f00);color:#050505;border-color:#eac200;}
.tile{border:1px solid rgba(255,255,255,.12);background:#0b0b0c;box-shadow:0 18px 40px rgba(0,0,0,.45);}
.twoCards article,.feature{background:linear-gradient(180deg,#171719,#090909);border:1px solid rgba(255,255,255,.13);box-shadow:0 18px 38px rgba(0,0,0,.45);}
.contactForm input,.contactForm textarea{background:#0e0e10;color:#f5f2eb;border:1px solid rgba(255,255,255,.18);}
.contactForm input::placeholder,.contactForm textarea::placeholder{color:#9d968c;}
.split p{color:#ddd6c9;}
footer{background:#020202;border-top:1px solid rgba(255,255,255,.09);}
.iconRow,.featureCards{background:#050505;}
.emptyState{grid-column:1/-1;padding:46px 28px;border:1px solid rgba(212,175,55,.28);border-radius:24px;background:rgba(255,255,255,.04);color:#d8d8d8;text-align:center;font-size:18px;}


/* DAMT v12 about story */
.aboutStory .sectionTitle{max-width:1180px;}
.aboutGrid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(320px,.82fr);gap:46px;align-items:start;}
.aboutText{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.12);padding:34px;border-radius:24px;box-shadow:0 20px 50px rgba(0,0,0,.28);}
.aboutText h3,.aboutSide h3{font-size:30px;margin:0 0 18px;color:#f5f2eb;}
.aboutText p{font-size:16px;line-height:1.78;color:#ddd6c9;margin:0 0 16px;}
.aboutSide{position:sticky;top:140px;}
.aboutSide img{width:100%;border-radius:24px;border:1px solid rgba(255,255,255,.14);box-shadow:0 20px 50px rgba(0,0,0,.35);}
.caption{font-size:15px;line-height:1.65;color:#d8d0c0;background:rgba(255,255,255,.05);border-left:4px solid var(--gold);padding:18px 20px;margin:18px 0 22px;border-radius:12px;}
.brotherBox{background:linear-gradient(180deg,#171719,#090909);border:1px solid rgba(255,255,255,.13);border-radius:22px;padding:24px;}
.brotherBox p{font-size:16px;line-height:1.65;color:#d8d0c0;margin:0;}
@media(max-width:1000px){.aboutGrid{grid-template-columns:1fr}.aboutSide{position:static}.aboutText{padding:24px}.aboutText p{font-size:15px}}


/* DAMT v13 shop / price guide */
.shop .sectionTitle{max-width:980px;}
.shopGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:0 0 26px;}
.shopGrid.small{grid-template-columns:repeat(4,1fr);}
.shopCard{background:linear-gradient(180deg,#171719,#090909);border:1px solid rgba(255,255,255,.13);border-radius:24px;padding:26px;box-shadow:0 18px 42px rgba(0,0,0,.38);position:relative;overflow:hidden;}
.shopCard:before{content:"";position:absolute;left:0;top:0;right:0;height:4px;background:linear-gradient(90deg,#f5c800,#8b6a00);opacity:.75;}
.shopCard.featuredPrice{border-color:rgba(245,200,0,.48);box-shadow:0 22px 56px rgba(181,139,0,.18);}
.shopCat{color:var(--gold2);font-size:12px;font-weight:900;letter-spacing:.13em;margin:0 0 12px;text-transform:uppercase;}
.shopCard h3{font-size:26px;line-height:1.05;margin:0 0 18px;color:#fff;}
.shopCard ul{margin:0 0 24px;padding-left:18px;color:#d8d0c0;line-height:1.7;}
.shopCard p:not(.shopCat){color:#d8d0c0;line-height:1.65;margin:0 0 24px;}
.shopCard strong{display:inline-flex;padding:12px 16px;border-radius:999px;background:rgba(245,200,0,.13);border:1px solid rgba(245,200,0,.35);color:#f5d35c;font-size:17px;}
.priceTableWrap{margin-top:34px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:30px;}
.priceTableWrap h3{font-size:30px;margin:0 0 18px;color:#fff;}
.priceTable{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;}
.priceTable div{background:#0e0e10;border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:9px;}
.priceTable span{color:#d8d0c0;font-weight:800;}
.priceTable b{color:#f5d35c;font-size:17px;}
.shopNote{margin-top:24px;background:radial-gradient(circle at 0% 0%,rgba(245,200,0,.13),transparent 38%),#0e0e10;border:1px solid rgba(245,200,0,.24);border-radius:24px;padding:28px;display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;}
.shopNote h3{margin:0;color:#fff;font-size:28px;}
.shopNote p{margin:0;color:#d8d0c0;line-height:1.6;}
.shopNote .btn{justify-self:end;}
@media(max-width:1100px){.shopGrid,.shopGrid.small,.priceTable{grid-template-columns:1fr 1fr}.shopNote{grid-template-columns:1fr}.shopNote .btn{justify-self:start}}
@media(max-width:700px){.shopGrid,.shopGrid.small,.priceTable{grid-template-columns:1fr}.shopCard{padding:22px}.priceTableWrap{padding:22px}}

/* Multi-page additions */
.pageIntro{margin-top:114px;min-height:330px;padding:88px 54px 70px;background:radial-gradient(circle at 75% 20%,rgba(226,180,0,.14),transparent 34%),linear-gradient(135deg,#030303 0%,#0a0a0a 58%,#15120a 100%);border-bottom:1px solid rgba(255,255,255,.12);color:#fff}
.pageIntro p{margin:0 0 15px;color:var(--gold2);font-weight:900;letter-spacing:.32em;font-size:13px;text-transform:uppercase}
.pageIntro h1{font-family:'Arial Narrow',Impact,sans-serif;font-size:64px;line-height:.95;margin:0 0 18px;letter-spacing:.02em;text-transform:uppercase}
.pageIntro span{display:block;max-width:780px;color:#ddd;font-size:19px;line-height:1.55}
.centerActions{justify-content:center;margin-top:22px}
.techRow{grid-template-columns:repeat(4,1fr);margin-top:28px;border:1px solid var(--line)}
@media(max-width:900px){.pageIntro{margin-top:84px;padding:70px 24px 46px}.pageIntro h1{font-size:44px}.techRow{grid-template-columns:1fr}.centerActions{flex-direction:column;align-items:stretch}}


/* DAMT v17 hero manifesto card */
.heroManifest{position:absolute;z-index:3;right:54px;top:82px;width:min(470px,36vw);max-height:520px;overflow:auto;padding:30px 32px 28px;background:linear-gradient(180deg,rgba(18,18,20,.92),rgba(5,5,5,.86));border:1px solid rgba(245,200,0,.26);box-shadow:0 28px 70px rgba(0,0,0,.58);backdrop-filter:blur(8px);color:#f5f2eb;}
.heroManifest:before{content:"";position:absolute;left:0;top:0;right:0;height:4px;background:linear-gradient(90deg,#f5c800,#9b7300);}
.heroManifest .manifestKicker{margin:0 0 12px;color:var(--gold2);font-size:12px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;}
.heroManifest h2{font-family:'Arial Narrow',Impact,sans-serif;font-size:34px;line-height:1;margin:0 0 16px;text-transform:uppercase;letter-spacing:.03em;}
.heroManifest p{font-size:15px;line-height:1.58;color:#ded7c9;margin:0 0 13px;}
.heroManifest .manifestLast{color:#fff;font-weight:800;margin-bottom:0;}
@media(max-width:1180px){.heroManifest{right:28px;width:42vw}.heroText{width:470px}.heroText h1{font-size:54px}}
@media(max-width:900px){.hero{min-height:1040px}.heroManifest{position:relative;right:auto;top:auto;width:auto;margin:24px 22px 40px;padding:24px}.heroText{padding-bottom:0}.heroManifest h2{font-size:29px}}


/* DAMT prejudice / philosophy homepage block */
.prejudice{
  background:
    radial-gradient(circle at 15% 0%, rgba(214,164,55,.13), transparent 32%),
    linear-gradient(135deg, #050505 0%, #101010 55%, #070707 100%);
  padding: 72px 5vw;
}
.prejudiceBox{
  max-width: 980px;
  margin-left: auto;
  margin-right: 0;
  border: 1px solid rgba(214,164,55,.30);
  background: rgba(8,8,8,.78);
  box-shadow: 0 24px 80px rgba(0,0,0,.45);
  padding: clamp(28px, 4vw, 54px);
  border-radius: 22px;
  color: rgba(255,255,255,.86);
  line-height: 1.72;
}
.prejudiceBox h2{
  margin: 0 0 24px;
  font-size: clamp(32px, 4vw, 56px);
  letter-spacing: .04em;
  color: #fff;
}
.prejudiceBox p{
  margin: 0 0 18px;
  font-size: clamp(15px, 1.25vw, 18px);
}
.prejudiceBox strong{
  color: #f2c15c;
  font-weight: 800;
}
.prejudiceBox .statement{
  font-size: clamp(22px, 2.5vw, 34px);
  margin: 30px 0;
}
.prejudiceBox .signature{
  margin-top: 30px;
  color: #fff;
  letter-spacing: .04em;
}
@media (max-width: 900px){
  .prejudice{padding: 48px 18px;}
  .prejudiceBox{margin: 0; border-radius: 16px;}
}


/* v22: full philosophy text moved into hero, compact top-right column */
.heroManifestFull{
  position: absolute;
  right: clamp(22px, 4vw, 76px);
  top: clamp(92px, 12vh, 132px);
  width: min(520px, 42vw);
  max-height: calc(100vh - 150px);
  overflow: auto;
  z-index: 5;
  padding: clamp(18px, 2.2vw, 30px);
  border-radius: 20px;
  border: 1px solid rgba(214,164,55,.32);
  background: linear-gradient(135deg, rgba(5,5,5,.82), rgba(18,18,18,.62));
  box-shadow: 0 28px 90px rgba(0,0,0,.52);
  backdrop-filter: blur(7px);
}
.heroManifestFull h2{
  margin: 0 0 12px;
  font-size: clamp(22px, 2.2vw, 36px);
  line-height: 1.05;
}
.heroManifestFull .manifestKicker,
.heroManifestFull .gold{
  color: #f2c15c;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin: 0 0 10px;
}
.heroManifestFull p{
  margin: 0 0 10px;
  font-size: clamp(12px, .92vw, 15px);
  line-height: 1.45;
  color: rgba(255,255,255,.86);
}
.heroManifestFull strong{
  color: #f2c15c;
  font-weight: 800;
}
.heroManifestFull ul{
  margin: 8px 0 0;
  padding-left: 18px;
}
.heroManifestFull li{
  margin: 0 0 8px;
  font-size: clamp(12px, .92vw, 15px);
  line-height: 1.45;
}
@media (max-width: 980px){
  .heroManifestFull{
    position: relative;
    right: auto;
    top: auto;
    width: auto;
    max-height: none;
    margin: 20px;
  }
}


/* v23: full article directly under hero, before feature graphics */
.prejudiceArticle{
  position: relative;
  overflow: hidden;
  padding: clamp(44px, 6vw, 86px) 5vw;
  background:
    radial-gradient(circle at 12% 8%, rgba(214,164,55,.18), transparent 28%),
    radial-gradient(circle at 92% 18%, rgba(214,164,55,.08), transparent 34%),
    linear-gradient(135deg, #050505 0%, #111 52%, #070707 100%);
  border-top: 1px solid rgba(214,164,55,.28);
  border-bottom: 1px solid rgba(214,164,55,.28);
}
.prejudiceArticle:before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.12;
  background:
    linear-gradient(45deg, transparent 0 48%, rgba(255,255,255,.10) 49% 51%, transparent 52% 100%);
  background-size: 26px 26px;
  pointer-events:none;
}
.articleShell{
  position:relative;
  max-width: 1320px;
  margin: 0 auto;
}
.articleIntro{
  max-width: 980px;
  margin-bottom: clamp(26px, 4vw, 46px);
}
.articleIntro .gold{
  margin:0 0 10px;
  color:#f2c15c;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.articleIntro h2{
  margin:0 0 18px;
  font-size: clamp(36px, 5vw, 76px);
  line-height:.95;
  color:#fff;
}
.articleIntro .lead{
  color:rgba(255,255,255,.80);
  font-size: clamp(17px, 1.45vw, 23px);
  line-height:1.55;
  max-width: 900px;
}
.articleGrid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(16px, 2vw, 26px);
}
.articleCard{
  position:relative;
  display:grid;
  grid-template-columns: 54px 1fr;
  gap: 18px;
  padding: clamp(20px, 2.4vw, 34px);
  background: rgba(8,8,8,.72);
  border:1px solid rgba(214,164,55,.26);
  border-radius: 22px;
  box-shadow: 0 22px 70px rgba(0,0,0,.42);
}
.articleCard.wide{
  grid-column: span 2;
}
.articleIcon{
  width:54px;
  height:54px;
  display:grid;
  place-items:center;
  border:1px solid rgba(242,193,92,.75);
  border-radius:50%;
  color:#f2c15c;
  font-size:22px;
}
.articleCard p{
  margin:0;
  color:rgba(255,255,255,.84);
  font-size: clamp(15px, 1.1vw, 18px);
  line-height:1.62;
}
.articleCard strong{
  color:#f2c15c;
  font-weight:800;
}
.articleFooter{
  margin-top: clamp(22px, 3vw, 38px);
  padding-top: 24px;
  border-top:1px solid rgba(214,164,55,.26);
  color:#fff;
}
.articleFooter p{
  margin:0 0 8px;
  font-size: clamp(18px, 1.6vw, 26px);
}
.articleFooter span{
  color:#f2c15c;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-size:13px;
}
@media (max-width: 900px){
  .articleGrid{grid-template-columns:1fr;}
  .articleCard.wide{grid-column:auto;}
  .articleCard{grid-template-columns:1fr;}
}

.heroManifestFull{display:none!important;}


/* v27: celý článek v hero sekci vpravo od středu přes obrázek kola */
.hero{height:760px;min-height:760px;}
.heroArticleOverlay{
  position:absolute;
  z-index:6;
  top:58px;
  right:clamp(34px,5vw,88px);
  width:min(616px,47vw);
  max-height:none;
  overflow:visible;
  padding:24px 29px 24px;
  border-radius:20px;
  border:1px solid rgba(242,193,92,.26);
  background:linear-gradient(135deg,rgba(6,6,6,.64),rgba(20,20,20,.48));
  box-shadow:0 24px 80px rgba(0,0,0,.42);
  backdrop-filter:blur(6px);
  color:rgba(255,255,255,.82);
}
.heroArticleOverlay:before{
  content:"";
  position:absolute;
  left:0;top:0;right:0;height:3px;
  background:linear-gradient(90deg,#f5c800,rgba(245,200,0,.25));
}
.heroArticleKicker{
  margin:0 0 8px;
  color:rgba(242,193,92,.86);
  font-size:10px;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.heroArticleOverlay h2{
  margin:0 0 11px;
  font-family:'Arial Narrow',Impact,sans-serif;
  font-size:clamp(28px,2.8vw,44px);
  line-height:.98;
  letter-spacing:.035em;
  color:rgba(255,255,255,.92);
  text-transform:uppercase;
}
.heroArticleText p{
  margin:0 0 9px;
  font-size:clamp(13.2px,1.01vw,15.4px);
  line-height:1.43;
  color:rgba(255,255,255,.80);
}
.heroArticleText strong{color:rgba(242,193,92,.92);font-weight:850;}
.heroArticleSign{margin-top:12px!important;color:rgba(255,255,255,.88)!important;}
.heroArticleSign span{color:rgba(242,193,92,.82);font-size:11px;letter-spacing:.07em;text-transform:uppercase;}
.prejudiceArticle{display:none!important;}
@media(max-width:1180px){
  .heroArticleOverlay{right:24px;width:45vw;max-height:none;}
}
@media(max-width:900px){
  .hero{height:auto;min-height:1040px;}
  .heroArticleOverlay{position:relative;top:auto;right:auto;width:auto;max-height:none;margin:22px 20px 38px;padding:22px;}
}


/* DAMT full-screen 3D logo overlay */
.brand.logoTrigger{cursor:pointer}
.logoModal{position:fixed;inset:0;z-index:999;display:none;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at center,rgba(226,180,0,.20),rgba(0,0,0,.94) 46%,#000 100%);backdrop-filter:blur(10px)}
.logoModal.open{display:flex}
.logoModal:before{content:"";position:absolute;inset:-20%;background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.08) 42%,rgba(242,194,0,.18) 50%,transparent 62%);transform:translateX(-42%) rotate(8deg);animation:damtLogoShine 3.2s ease-in-out infinite}
.logoModalClose{position:absolute;top:30px;right:38px;z-index:3;width:54px;height:54px;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:rgba(0,0,0,.45);color:#fff;font-size:42px;line-height:48px;cursor:pointer;box-shadow:0 12px 35px rgba(0,0,0,.65)}
.logo3dStage{position:relative;z-index:2;width:min(1180px,92vw);min-height:68vh;display:flex;flex-direction:column;align-items:center;justify-content:center;perspective:1100px;text-align:center}
.logo3dGlow{position:absolute;width:min(760px,76vw);height:min(760px,76vw);border-radius:50%;background:radial-gradient(circle,rgba(242,194,0,.32),rgba(242,194,0,.08) 36%,transparent 68%);filter:blur(18px);animation:damtGlow 3.5s ease-in-out infinite}
.logo3dWrap{position:relative;transform-style:preserve-3d;animation:damtFloat3d 5s ease-in-out infinite;filter:drop-shadow(0 38px 38px rgba(0,0,0,.9))}
.logo3dWrap:before,.logo3dWrap:after{content:"";position:absolute;inset:0;background:url('img/damt-logo-cropped.png') center/contain no-repeat;opacity:.55;filter:brightness(.35) sepia(1) saturate(2.2) hue-rotate(4deg);transform:translateZ(-42px) translate(18px,22px);z-index:-2}
.logo3dWrap:after{opacity:.35;transform:translateZ(-84px) translate(34px,42px);filter:brightness(.12)}
.logo3dWrap img{width:min(980px,84vw);max-height:58vh;object-fit:contain;transform:translateZ(58px);filter:drop-shadow(0 0 18px rgba(242,194,0,.28)) drop-shadow(0 18px 20px rgba(0,0,0,.9))}
.logo3dStage p{margin:30px 0 0;color:var(--gold2);font-size:18px;font-weight:900;letter-spacing:.48em;text-shadow:0 5px 18px #000}
body.logoModalOpen{overflow:hidden}
@keyframes damtFloat3d{0%,100%{transform:rotateX(8deg) rotateY(-16deg) translateY(0) scale(1)}50%{transform:rotateX(2deg) rotateY(16deg) translateY(-18px) scale(1.04)}}
@keyframes damtGlow{0%,100%{opacity:.72;transform:scale(.94)}50%{opacity:1;transform:scale(1.08)}}
@keyframes damtLogoShine{0%{transform:translateX(-70%) rotate(8deg)}55%,100%{transform:translateX(70%) rotate(8deg)}}
@media(max-width:800px){.logoModalClose{top:18px;right:18px;width:48px;height:48px;font-size:36px}.logo3dStage{min-height:72vh}.logo3dStage p{font-size:12px;letter-spacing:.26em}.logo3dWrap img{width:90vw}}

/* DAMT v31 – ručně vyráběná zapletená kola */
.benefitGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:28px}
.benefitGrid article{background:linear-gradient(180deg,#171719,#090909);border:1px solid rgba(255,255,255,.14);padding:24px;box-shadow:0 18px 38px rgba(0,0,0,.35)}
.benefitGrid h3{margin:0 0 10px;font-size:20px;color:#fff;text-transform:uppercase;letter-spacing:.04em}
.benefitGrid p{margin:0;color:#cfc8ba;line-height:1.55}
.photoGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.photoGrid figure{margin:0;background:#101010;border:1px solid rgba(0,0,0,.12);overflow:hidden;box-shadow:0 16px 34px rgba(0,0,0,.18)}
.photoGrid img{width:100%;height:340px;object-fit:cover;transition:transform .35s ease, opacity .35s ease}
.photoGrid figure:hover img{transform:scale(1.045);opacity:.9}
.photoGrid figcaption{padding:15px 16px;color:#f4f0e8;background:#090909;font-size:14px;line-height:1.45;font-weight:700}
.wheelsGallery .sectionTitle span{color:#5d5851}
@media(max-width:1200px){.benefitGrid{grid-template-columns:repeat(2,1fr)}.photoGrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.benefitGrid,.photoGrid{grid-template-columns:1fr}.photoGrid img{height:290px}}


/* v32 — DAMT wheels product presentation without photos */
.productInfoGrid,.benefitGrid,.specGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:28px}.benefitGrid,.specGrid{grid-template-columns:repeat(4,1fr)}.productInfoGrid article,.benefitGrid article,.specGrid article{background:#141416;border:1px solid var(--line);padding:26px;min-height:150px}.productInfoGrid h3,.benefitGrid h3,.specGrid h3{margin:0 0 12px;font-size:24px;color:#fff}.productInfoGrid p,.benefitGrid p,.specGrid p{margin:0;color:#cfc8ba;line-height:1.6}.wheelsPurchase{background:#f3f0e7;color:#070707}.wheelsPurchase .sectionTitle span{color:#5d5851}.wheelsPurchase .specGrid article{background:#fff;border:1px solid #d8d0c2}.wheelsPurchase .specGrid h3{color:#070707}.wheelsPurchase .specGrid p{color:#5d5851}

/* v32 — separate full-screen 3D DAMT logo page */
.logo3dPageBody{margin:0;min-height:100vh;background:radial-gradient(circle at 50% 42%,rgba(226,180,0,.18),rgba(0,0,0,.96) 38%,#000 74%);overflow:hidden}.logo3dPage{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;perspective:1800px}.logoBack{position:fixed;z-index:5;top:28px;left:34px;color:#fff;text-decoration:none;text-transform:uppercase;font-size:13px;font-weight:900;letter-spacing:.12em;border:1px solid rgba(255,255,255,.32);background:rgba(0,0,0,.35);padding:14px 18px}.logoBack:hover{color:#f2c200;border-color:#f2c200}.logoFlyStage{position:relative;width:min(94vw,1180px);height:min(70vh,620px);display:flex;align-items:center;justify-content:center;transform-style:preserve-3d}.logoFlyGlow{position:absolute;width:62vw;height:62vw;max-width:850px;max-height:850px;border-radius:50%;background:radial-gradient(circle,rgba(242,194,0,.38),rgba(242,194,0,.10) 35%,rgba(255,255,255,.03) 56%,transparent 72%);filter:blur(18px);animation:logoGlow 4.8s ease-out forwards}.logoFlyWrap{position:relative;z-index:2;width:min(88vw,1050px);transform-style:preserve-3d;animation:logoFlyIn 3.2s cubic-bezier(.12,.82,.16,1) forwards;filter:drop-shadow(0 28px 32px rgba(0,0,0,.9))}.logoFlyWrap:before{content:"";position:absolute;inset:4% 1% -4% 3%;background:linear-gradient(135deg,#5c4300,#f2c200,#fff5a8,#8a6500);transform:translateZ(-52px) translate(18px,16px) skewY(-2deg);filter:blur(.3px);opacity:.72;border-radius:20px}.logoFlyWrap img{width:100%;height:auto;position:relative;z-index:3;filter:contrast(1.12) saturate(1.15) drop-shadow(0 0 18px rgba(242,194,0,.25))}.logoFlyShadow{position:absolute;bottom:7vh;width:min(62vw,760px);height:52px;background:radial-gradient(ellipse,rgba(0,0,0,.78),transparent 70%);filter:blur(8px);animation:shadowFly 3.2s cubic-bezier(.12,.82,.16,1) forwards}.logoFlyText{position:fixed;left:0;right:0;bottom:42px;text-align:center;color:#f2c200;font-weight:900;letter-spacing:.48em;font-size:18px;text-shadow:0 0 16px rgba(242,194,0,.42);animation:logoTextIn 3.7s ease-out forwards}@keyframes logoFlyIn{0%{opacity:0;transform:translateZ(-2600px) scale(.05) rotateX(24deg) rotateY(-34deg)}45%{opacity:1;transform:translateZ(-640px) scale(.42) rotateX(10deg) rotateY(-14deg)}76%{transform:translateZ(150px) scale(1.08) rotateX(0deg) rotateY(4deg)}100%{opacity:1;transform:translateZ(0) scale(1) rotateX(0deg) rotateY(0deg)}}@keyframes logoGlow{0%{opacity:0;transform:scale(.18)}70%{opacity:1;transform:scale(1.05)}100%{opacity:.86;transform:scale(1)}}@keyframes shadowFly{0%{opacity:0;transform:scale(.12)}68%{opacity:.18;transform:scale(.55)}100%{opacity:1;transform:scale(1)}}@keyframes logoTextIn{0%,62%{opacity:0;transform:translateY(18px)}100%{opacity:1;transform:translateY(0)}}
@media(max-width:900px){.productInfoGrid,.benefitGrid,.specGrid{grid-template-columns:1fr}.logoFlyStage{height:62vh}.logoFlyText{font-size:12px;letter-spacing:.28em;bottom:28px}.logoBack{top:18px;left:18px}.logoFlyWrap:before{transform:translateZ(-36px) translate(10px,9px)}}

/* v33 — zaoblené bílé pozadí loga a čistší 3D bez žluté podložky */
.brand img{
  border-radius:18px;
  overflow:hidden;
  background:#fff;
}
.logo3dWrap img,
.logoFlyWrap img{
  border-radius:34px;
  overflow:hidden;
  background:#fff;
}
.logoFlyWrap:before{
  display:none!important;
  content:none!important;
}
.logo3dWrap:before,
.logo3dWrap:after{
  border-radius:34px;
}
.logo3dGlow,
.logoFlyGlow{
  background:radial-gradient(circle,rgba(255,255,255,.22),rgba(255,255,255,.06) 35%,transparent 70%);
}
.logo3dPageBody{
  background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.10),rgba(0,0,0,.96) 38%,#000 74%);
}
.logoModal{
  background:radial-gradient(circle at center,rgba(255,255,255,.10),rgba(0,0,0,.94) 46%,#000 100%);
}
.logoModal:before{
  background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.08) 44%,rgba(255,255,255,.16) 50%,transparent 62%);
}
@media(max-width:800px){.brand img{border-radius:14px}.logo3dWrap img,.logoFlyWrap img{border-radius:24px}}

/* v34 — sjednocené pozadí 3D loga s úvodní obrazovkou a symetrický podklad loga */
.brand img{
  width:250px;
  height:auto;
  object-fit:contain;
  object-position:center center;
  padding:8px 10px;
  background:#fff;
  border-radius:18px;
}

.logo3dPageBody{
  background:#000!important;
}
.logo3dPage::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background-image:url('img/home-original-bike-background.png');
  background-size:cover;
  background-position:center 43%;
  filter:contrast(1.08) saturate(1.1);
  transform:scale(1.02);
}
.logo3dPage::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:
    linear-gradient(90deg,#000 0%,rgba(0,0,0,.86) 23%,rgba(0,0,0,.36) 52%,rgba(0,0,0,.22) 100%),
    linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,.02) 44%,rgba(0,0,0,.22));
  pointer-events:none;
}
.logo3dPage > *{
  position:relative;
  z-index:2;
}
.logoFlyGlow{
  background:radial-gradient(circle,rgba(255,255,255,.20),rgba(255,255,255,.06) 35%,transparent 70%);
}
.logoFlyWrap img{
  background:#fff;
  border-radius:34px;
  padding:16px 20px;
}

.logoModal{
  background:#000!important;
}
.logoModal::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:
    linear-gradient(90deg,#000 0%,rgba(0,0,0,.86) 23%,rgba(0,0,0,.36) 52%,rgba(0,0,0,.22) 100%),
    linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,.02) 44%,rgba(0,0,0,.22)),
    url('img/home-original-bike-background.png') center 43%/cover no-repeat;
  filter:contrast(1.08) saturate(1.1);
  transform:scale(1.02);
}
.logoModal::before{
  z-index:1;
}
.logoModalClose,
.logo3dStage{
  position:relative;
  z-index:2;
}
.logo3dWrap img{
  background:#fff;
  border-radius:34px;
  padding:16px 20px;
}

@media(max-width:1200px){
  .brand img{width:220px;height:auto;}
}
@media(max-width:800px){
  .brand img{width:190px;height:auto;padding:7px 9px;border-radius:14px;}
  .logo3dWrap img,.logoFlyWrap img{border-radius:24px;padding:10px 12px;}
}


/* v35 — logo po kliknutí přijede blíže + pozadí přesně jako úvodní hero */
.logoModal{
  background:#000 url('img/home-original-bike-background.png') center 43%/cover no-repeat!important;
}
.logoModal::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:
    linear-gradient(90deg,#000 0%,rgba(0,0,0,.86) 23%,rgba(0,0,0,.36) 52%,rgba(0,0,0,.22) 100%),
    linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,.02) 44%,rgba(0,0,0,.22));
  pointer-events:none;
  filter:none!important;
  transform:none!important;
}
.logo3dStage{
  width:min(1500px,98vw);
  min-height:82vh;
  perspective:1450px;
}
.logo3dWrap img{
  width:min(1380px,96vw);
  max-height:82vh;
  padding:14px 20px;
}
.logo3dGlow{
  width:min(980px,90vw);
  height:min(980px,90vw);
}
@keyframes damtFloat3d{
  0%,100%{transform:rotateX(7deg) rotateY(-12deg) translateY(0) scale(1.18)}
  50%{transform:rotateX(1deg) rotateY(12deg) translateY(-16px) scale(1.24)}
}
.logo3dPageBody{background:#000!important;}
.logo3dPage::before{
  background-image:url('img/home-original-bike-background.png')!important;
  background-size:cover!important;
  background-position:center 43%!important;
  filter:contrast(1.08) saturate(1.1)!important;
  transform:scale(1.02)!important;
}
.logo3dPage::after{
  background:
    linear-gradient(90deg,#000 0%,rgba(0,0,0,.86) 23%,rgba(0,0,0,.36) 52%,rgba(0,0,0,.22) 100%),
    linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,.02) 44%,rgba(0,0,0,.22))!important;
}
.logoFlyStage{width:min(98vw,1500px);height:min(82vh,760px)}
.logoFlyWrap{width:min(96vw,1380px)}
@keyframes logoFlyIn{
  0%{opacity:0;transform:translateZ(-3000px) scale(.04) rotateX(24deg) rotateY(-34deg)}
  45%{opacity:1;transform:translateZ(-620px) scale(.44) rotateX(10deg) rotateY(-14deg)}
  76%{transform:translateZ(260px) scale(1.30) rotateX(0deg) rotateY(4deg)}
  100%{opacity:1;transform:translateZ(120px) scale(1.18) rotateX(0deg) rotateY(0deg)}
}
@media(max-width:800px){
  .logo3dStage{min-height:78vh;width:98vw;}
  .logo3dWrap img{width:98vw;max-height:76vh;padding:12px 14px;}
}

/* v36 — po kliknutí: logo letí z malého vzdáleného loga, pozadí je celá úvodní stránka za overlayem */
.logoModal{
  background:rgba(0,0,0,.18)!important;
  backdrop-filter:none!important;
}
.logoModal::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:rgba(0,0,0,.18)!important;
  pointer-events:none;
  filter:none!important;
  transform:none!important;
}
.logoModal::before{
  display:none!important;
  content:none!important;
}
.logoModal.open .logo3dStage{
  perspective:1800px;
}
.logoModal.open .logo3dWrap{
  animation:logoModalFlyFromBack 2.9s cubic-bezier(.12,.82,.16,1) forwards,
            damtFloat3d 5s ease-in-out 2.9s infinite;
  transform-style:preserve-3d;
}
.logoModal.open .logo3dGlow{
  animation:logoModalGlowIn 2.9s ease-out forwards, damtGlow 3.5s ease-in-out 2.9s infinite;
}
.logoModal.open .logo3dWrap img{
  width:min(1380px,96vw);
  max-height:82vh;
}
@keyframes logoModalFlyFromBack{
  0%{opacity:0;transform:translateZ(-3200px) scale(.045) rotateX(24deg) rotateY(-34deg)}
  35%{opacity:1;transform:translateZ(-900px) scale(.28) rotateX(14deg) rotateY(-20deg)}
  70%{opacity:1;transform:translateZ(-150px) scale(.82) rotateX(5deg) rotateY(-7deg)}
  100%{opacity:1;transform:translateZ(0) scale(1.18) rotateX(7deg) rotateY(-12deg)}
}
@keyframes logoModalGlowIn{
  0%{opacity:0;transform:scale(.12)}
  65%{opacity:.55;transform:scale(.72)}
  100%{opacity:.85;transform:scale(1)}
}
@media(max-width:800px){
  .logoModal.open .logo3dWrap img{width:98vw;max-height:76vh;}
  @keyframes logoModalFlyFromBack{
    0%{opacity:0;transform:translateZ(-2600px) scale(.05) rotateX(20deg) rotateY(-28deg)}
    60%{opacity:1;transform:translateZ(-220px) scale(.70) rotateX(6deg) rotateY(-10deg)}
    100%{opacity:1;transform:translateZ(0) scale(1.03) rotateX(5deg) rotateY(-8deg)}
  }
}

/* v37 — oprava pozadí v záložce DAMT zapletená kola */
body:has(.wheelsPurchase) .pageIntro,
body:has(.wheelsPurchase) .section,
body:has(.wheelsPurchase) .wheelsPurchase{
  background:radial-gradient(circle at 80% 10%,rgba(226,180,0,.08),transparent 32%),linear-gradient(180deg,#080809,#020202)!important;
  color:#f5f2eb!important;
  border-top:1px solid rgba(255,255,255,.09);
}
body:has(.wheelsPurchase) .sectionTitle span,
body:has(.wheelsPurchase) .wheelsPurchase .sectionTitle span{
  color:#c8c2b8!important;
}
body:has(.wheelsPurchase) .productInfoGrid article,
body:has(.wheelsPurchase) .benefitGrid article,
body:has(.wheelsPurchase) .specGrid article,
body:has(.wheelsPurchase) .wheelsPurchase .specGrid article{
  background:linear-gradient(180deg,#171719,#090909)!important;
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:0 18px 38px rgba(0,0,0,.35);
}
body:has(.wheelsPurchase) .productInfoGrid h3,
body:has(.wheelsPurchase) .benefitGrid h3,
body:has(.wheelsPurchase) .specGrid h3,
body:has(.wheelsPurchase) .wheelsPurchase .specGrid h3{
  color:#fff!important;
}
body:has(.wheelsPurchase) .productInfoGrid p,
body:has(.wheelsPurchase) .benefitGrid p,
body:has(.wheelsPurchase) .specGrid p,
body:has(.wheelsPurchase) .wheelsPurchase .specGrid p{
  color:#cfc8ba!important;
}


/* Kontakt – DAMT styled layout */
.contact-hero {
  padding: clamp(35px, 5vw, 65px) clamp(20px, 5vw, 70px);
  text-align: center;
  border-radius: 28px;
  background:
    radial-gradient(circle at top, rgba(212, 175, 55, 0.22), transparent 38%),
    linear-gradient(135deg, rgba(255,255,255,0.08), rgba(255,255,255,0.02));
  border: 1px solid rgba(212, 175, 55, 0.28);
  margin-bottom: 18px;
}

.contact-hero h1 {
  font-size: clamp(36px, 6vw, 60px);
  line-height: 0.9;
  margin: 10px 0 22px;
  letter-spacing: 0.08em;
}

.lead-xl {
  max-width: 950px;
  margin: 0 auto;
  font-size: clamp(18px, 2.5vw, 28px);
  line-height: 1.12;
  font-weight: 800;
  color: #fff;
}

.contact-intro {
  max-width: 1050px;
  margin: 0 auto 34px;
  font-size: clamp(19px, 2vw, 25px);
  line-height: 1.55;
  color: rgba(255,255,255,0.86);
  text-align: center;
}

.contact-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin: 34px 0;
}

.contact-card,
.process-panel,
.inquiry-panel {
  border-radius: 28px;
  border: 1px solid rgba(212, 175, 55, 0.25);
  background: linear-gradient(145deg, rgba(255,255,255,0.09), rgba(255,255,255,0.025));
  box-shadow: 0 25px 70px rgba(0,0,0,0.32);
}

.big-card {
  padding: clamp(18px, 2.5vw, 28px);
}

.card-label,
.eyebrow {
  color: #d4af37;
  font-weight: 900;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  font-size: 13px;
}

.contact-card h2 {
  font-size: clamp(22px, 3vw, 32px);
  line-height: 1.02;
  margin: 14px 0 30px;
}

.contact-line {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  border-top: 1px solid rgba(255,255,255,0.13);
  padding: 18px 0 0;
  margin: 18px 0 0;
  font-size: clamp(16px, 1.6vw, 20px);
}

.contact-line span {
  color: rgba(255,255,255,0.62);
}

.contact-line strong,
.contact-line a {
  color: #fff;
  text-decoration: none;
}

.address-big {
  font-size: clamp(24px, 3vw, 38px);
  line-height: 1.22;
  font-weight: 800;
  color: #fff;
  margin: 0 0 24px;
}

.process-panel {
  padding: clamp(22px, 3vw, 30px);
  margin: 36px 0;
}

.section-head h2,
.inquiry-panel h2 {
  font-size: clamp(24px, 3vw, 38px);
  line-height: 1;
  margin: 12px 0 28px;
}

.process-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 16px;
}

.process-step {
  min-height: 120px;
  padding: 24px;
  border-radius: 22px;
  background: rgba(0,0,0,0.28);
  border: 1px solid rgba(255,255,255,0.12);
}

.process-step span {
  display: block;
  font-size: 24px;
  font-weight: 950;
  color: #d4af37;
  margin-bottom: 22px;
}

.process-step p {
  font-size: 18px;
  line-height: 1.35;
  margin: 0;
  color: rgba(255,255,255,0.9);
}

.inquiry-panel {
  padding: clamp(22px, 3vw, 30px);
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 28px;
  align-items: center;
  margin-bottom: 40px;
}

.inquiry-panel p {
  font-size: 24px;
  color: rgba(255,255,255,0.82);
}

.inquiry-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 14px;
}

.inquiry-list li {
  font-size: clamp(19px, 2vw, 26px);
  font-weight: 750;
  padding: 18px 20px;
  border-radius: 18px;
  background: rgba(0,0,0,0.28);
  border: 1px solid rgba(255,255,255,0.11);
}

.inquiry-list li::before {
  content: "✓";
  color: #d4af37;
  font-weight: 900;
  margin-right: 12px;
}

.contact-cta {
  grid-column: 1 / -1;
  justify-self: start;
  font-size: clamp(18px, 2vw, 24px);
  padding: 18px 28px;
  border-radius: 999px;
  margin-top: 8px;
}

@media (max-width: 980px) {
  .contact-grid,
  .inquiry-panel {
    grid-template-columns: 1fr;
  }

  .process-grid {
    grid-template-columns: 1fr;
  }

  .process-step {
    min-height: auto;
  }

  .contact-line {
    flex-direction: column;
    gap: 6px;
  }
}


/* Kontakt v43 – kompaktní dvousloupcový layout */
.contact-compact-hero {
  padding: 28px 30px;
  margin-bottom: 24px;
  border-radius: 22px;
  border: 1px solid rgba(212, 175, 55, 0.22);
  background: linear-gradient(135deg, rgba(255,255,255,0.07), rgba(255,255,255,0.02));
}

.contact-compact-hero h1 {
  margin: 8px 0 10px;
  font-size: clamp(34px, 5vw, 54px);
  line-height: 1;
  letter-spacing: 0.04em;
}

.contact-compact-hero p {
  max-width: 820px;
  margin: 0;
  font-size: clamp(17px, 2vw, 23px);
  font-weight: 700;
  color: rgba(255,255,255,0.92);
}

.contact-two-column {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(340px, 1.05fr);
  gap: 24px;
  align-items: start;
}

.contact-left {
  display: grid;
  gap: 18px;
}

.contact-box,
.form-placeholder {
  border-radius: 22px;
  border: 1px solid rgba(212, 175, 55, 0.22);
  background: linear-gradient(145deg, rgba(255,255,255,0.075), rgba(255,255,255,0.025));
  box-shadow: 0 18px 45px rgba(0,0,0,0.26);
}

.compact-box {
  padding: 24px;
}

.compact-box h2,
.form-placeholder h2 {
  font-size: clamp(22px, 3vw, 32px);
  line-height: 1.08;
  margin: 0 0 18px;
}

.contact-names {
  font-size: 18px;
  margin: 0 0 14px;
}

.contact-row {
  display: grid;
  grid-template-columns: 90px 1fr;
  gap: 14px;
  padding: 12px 0;
  border-top: 1px solid rgba(255,255,255,0.11);
  font-size: 16px;
  line-height: 1.35;
}

.contact-row span {
  color: rgba(255,255,255,0.58);
}

.contact-row strong,
.contact-row a {
  color: #fff;
  text-decoration: none;
}

.compact-steps {
  margin: 0;
  padding-left: 22px;
  display: grid;
  gap: 10px;
  font-size: 16px;
  line-height: 1.45;
  color: rgba(255,255,255,0.88);
}

.contact-right {
  position: sticky;
  top: 22px;
}

.form-placeholder {
  min-height: 430px;
  padding: 26px;
}

.form-placeholder p {
  font-size: 17px;
  line-height: 1.5;
  color: rgba(255,255,255,0.78);
}

.form-placeholder ul {
  list-style: none;
  padding: 0;
  margin: 22px 0 0;
  display: grid;
  gap: 10px;
}

.form-placeholder li {
  padding: 12px 14px;
  border-radius: 14px;
  background: rgba(0,0,0,0.25);
  border: 1px solid rgba(255,255,255,0.1);
  font-size: 15px;
  color: rgba(255,255,255,0.86);
}

.form-placeholder li::before {
  content: "✓";
  color: #d4af37;
  font-weight: 900;
  margin-right: 10px;
}

@media (max-width: 900px) {
  .contact-two-column {
    grid-template-columns: 1fr;
  }

  .contact-right {
    position: static;
  }
}


/* Kontakt v44 – funkční poptávkový formulář */
.inquiry-form {
  border-radius: 22px;
  border: 1px solid rgba(212, 175, 55, 0.22);
  background: linear-gradient(145deg, rgba(255,255,255,0.075), rgba(255,255,255,0.025));
  box-shadow: 0 18px 45px rgba(0,0,0,0.26);
  padding: 26px;
}

.inquiry-form h2 {
  font-size: clamp(22px, 3vw, 32px);
  line-height: 1.08;
  margin: 0 0 10px;
}

.inquiry-form p {
  font-size: 16px;
  line-height: 1.45;
  color: rgba(255,255,255,0.78);
  margin: 0 0 18px;
}

.inquiry-form label {
  display: grid;
  gap: 7px;
  margin-bottom: 13px;
  font-size: 14px;
  font-weight: 750;
  color: rgba(255,255,255,0.86);
}

.inquiry-form .field-label {
  display: inline-flex;
  align-items: baseline;
}

.inquiry-form .required-mark {
  margin-left: 2px;
  color: #ffff00;
  font: inherit;
  line-height: 1;
}

.inquiry-form input,
.inquiry-form select,
.inquiry-form textarea {
  width: 100%;
  box-sizing: border-box;
  border-radius: 13px;
  border: 1px solid rgba(255,255,255,0.16);
  background: rgba(0,0,0,0.28);
  color: #fff;
  padding: 12px 13px;
  font-size: 15px;
  outline: none;
}

.inquiry-form input::placeholder,
.inquiry-form textarea::placeholder {
  color: rgba(255,255,255,0.42);
}

.inquiry-form input:focus,
.inquiry-form select:focus,
.inquiry-form textarea:focus {
  border-color: rgba(212, 175, 55, 0.75);
  box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.12);
}

.inquiry-form textarea {
  resize: vertical;
  min-height: 120px;
}

.form-submit {
  width: 100%;
  justify-content: center;
  margin-top: 4px;
  border: none;
  cursor: pointer;
  font-size: 16px;
}

.form-note {
  margin-top: 12px !important;
  font-size: 13px !important;
  color: rgba(255,255,255,0.58) !important;
}


/* v54 - posun lišty s 5 boxy dolů na spodní hranu první obrazovky */
.hero {
    min-height: 100vh !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
}

.iconRow {
    margin-top: auto !important;
}


/* v55 - hero + lišta 5 buněk viditelné bez scrollování */
main {
  min-height: calc(100vh - var(--header-height, 0px));
}

main > .hero {
  min-height: calc(100vh - 150px) !important;
  height: calc(100vh - 150px) !important;
  display: flex !important;
  align-items: center !important;
  overflow: hidden !important;
}

main > .iconRow {
  min-height: 150px !important;
  height: 150px !important;
  margin-top: 0 !important;
  display: grid !important;
  align-items: center !important;
}

@media (max-height: 760px) {
  main > .hero {
    min-height: calc(100vh - 130px) !important;
    height: calc(100vh - 130px) !important;
  }

  main > .iconRow {
    min-height: 130px !important;
    height: 130px !important;
  }
}

@media (max-width: 800px) {
  main > .hero {
    min-height: auto !important;
    height: auto !important;
  }

  main > .iconRow {
    min-height: auto !important;
    height: auto !important;
  }
}


/* v56 - první obrazovka bez scrollování: hero + 5 buněk */
body.home main,
body.home-page main,
main:has(> .hero + .iconRow) {
  display: grid !important;
  grid-template-rows: minmax(0, 1fr) auto !important;
  min-height: calc(100vh - 88px) !important;
  height: calc(100vh - 88px) !important;
  overflow: hidden !important;
}

main:has(> .hero + .iconRow) > .hero {
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  overflow: hidden !important;
}

main:has(> .hero + .iconRow) > .iconRow {
  height: auto !important;
  min-height: 92px !important;
  max-height: 118px !important;
  margin: 0 !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  display: grid !important;
  align-items: stretch !important;
}

main:has(> .hero + .iconRow) > .iconRow > * {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

main:has(> .hero + .iconRow) > .iconRow h3,
main:has(> .hero + .iconRow) > .iconRow .title {
  font-size: 14px !important;
  margin-bottom: 3px !important;
}

main:has(> .hero + .iconRow) > .iconRow p {
  font-size: 12px !important;
  line-height: 1.2 !important;
  margin: 0 !important;
}

@media (max-height: 780px) {
  main:has(> .hero + .iconRow) {
    min-height: calc(100vh - 76px) !important;
    height: calc(100vh - 76px) !important;
  }

  main:has(> .hero + .iconRow) > .iconRow {
    min-height: 78px !important;
    max-height: 96px !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }

  main:has(> .hero + .iconRow) > .iconRow > * {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }
}

@media (max-width: 800px) {
  main:has(> .hero + .iconRow) {
    height: auto !important;
    min-height: auto !important;
    overflow: visible !important;
    display: block !important;
  }
}


/* v57 - vrácení hero textu vlevo */
.hero,
.heroContent,
.heroCopy,
.heroText,
.heroInner {
    text-align: left !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
}

.hero h1,
.hero p,
.hero .eyebrow,
.hero .heroKicker,
.hero .heroActions {
    text-align: left !important;
}

.heroContent,
.heroCopy,
.heroText,
.heroInner {
    margin-left: 40px !important;
    margin-right: auto !important;
    max-width: 650px !important;
}


/* v60 - pouze původní nahraný obrázek jako pozadí úvodní obrazovky */
.heroPhoto {
  background-image: url('img/home-original-bike-background.png') !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}


/* v62 - zmenšení úvodního obrázku o 15 % */
.heroPhoto {
  background-size: 85% auto !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-color: #fff !important;
}


/* v63 — čistší a souměrné logo: ořezaný podklad, bez zbytečného bílého prostoru */
.brand img{
  width:250px!important;
  height:auto!important;
  padding:0!important;
  background:#fff!important;
  border-radius:16px!important;
  object-fit:contain!important;
  object-position:center center!important;
}
.logo3dWrap img,.logoFlyWrap img{
  background:#fff!important;
  padding:0!important;
  border-radius:28px!important;
}
.logo3dWrap:before,.logo3dWrap:after,.logoFlyWrap:before{display:none!important;content:none!important;}
@media(max-width:800px){.brand img{width:190px!important;border-radius:12px!important}.logo3dWrap img,.logoFlyWrap img{border-radius:20px!important}}


/* v64 - náhled cenových řad na úvodním obrázku */
.heroModelsPreview{
  position:absolute;
  z-index:7;
  left:49%;
  top:31%;
  transform:translate(-50%,-50%);
  width:min(520px,40vw);
  padding:14px 18px;
  border-radius:18px;
  border:1px solid rgba(226,180,0,.40);
  background:linear-gradient(135deg,rgba(6,6,6,.70),rgba(18,18,18,.42));
  box-shadow:0 22px 70px rgba(0,0,0,.38);
  backdrop-filter:blur(5px);
  box-sizing:border-box;
}
.modelLine{
  display:grid;
  grid-template-columns:76px 1fr 115px;
  align-items:center;
  gap:18px;
  padding:12px 8px;
  min-height:52px;
  border-bottom:1px solid rgba(226,180,0,.45);
  color:#fff;
  box-sizing:border-box;
  white-space:nowrap;
}
.modelLine:last-child{border-bottom:0;}
.modelLine strong{
  display:block;
  width:76px;
  text-align:left;
  justify-self:start;
  font-family:'Arial Narrow',Impact,sans-serif;
  font-size:clamp(10px,.85vw,14px);
  letter-spacing:.06em;
  line-height:1;
  white-space:nowrap;
}
.modelLine span,
.modelLine b{
  justify-self:start;
  text-align:left;
  color:#fff;
  font-weight:900;
  font-size:clamp(16px,1.15vw,20px);
  letter-spacing:-.02em;
}
.modelLine span{
  justify-self:start;
  text-align:left;
  color:#f2c200;
  font-weight:900;
  font-size:clamp(21px,1.65vw,26px);
  letter-spacing:-.02em;
}
.modelLine b{
  justify-self:start;
  text-align:left;
  color:#fff;
  font-weight:900;
  font-size:clamp(16px,1.15vw,20px);
  letter-spacing:-.02em;
}
.modelLine.featured{
  margin:0;
  border-radius:0;
  background:transparent;
  border-bottom:1px solid rgba(226,180,0,.45);
}
@media(max-width:1180px){
  .heroModelsPreview{
  position:absolute;
  z-index:7;
  left:49%;
  top:31%;
  transform:translate(-50%,-50%);
  width:min(520px,40vw);
  padding:14px 18px;
  border-radius:18px;
  border:1px solid rgba(226,180,0,.40);
  background:linear-gradient(135deg,rgba(6,6,6,.70),rgba(18,18,18,.42));
  box-shadow:0 22px 70px rgba(0,0,0,.38);
  backdrop-filter:blur(5px);
  box-sizing:border-box;
}
  .heroArticleOverlay{display:none!important;}
}
@media(max-width:800px){
  .heroModelsPreview{
  position:absolute;
  z-index:7;
  left:49%;
  top:31%;
  transform:translate(-50%,-50%);
  width:min(520px,40vw);
  padding:14px 18px;
  border-radius:18px;
  border:1px solid rgba(226,180,0,.40);
  background:linear-gradient(135deg,rgba(6,6,6,.70),rgba(18,18,18,.42));
  box-shadow:0 22px 70px rgba(0,0,0,.38);
  backdrop-filter:blur(5px);
  box-sizing:border-box;
}
}


/* DAMT v99 – skutečný responzivní web jako BMC:
   - desktop 2560×1440 zůstává podle původní v84
   - na menších oknech se text nezmenšuje do nečitelna
   - bloky se nepřekrývají, ale dostanou vlastní prostor
   - žádné škálování celé stránky jako obrázku */

html, body{
  max-width:100%;
  overflow-x:hidden;
}

/* Desktop / velký monitor: nechat původní vzhled */
@media (min-width:1801px){
  .heroCopy,
  .heroModelsPreview,
  .philosophyPanel{
    /* původní v84 */
  }
}

/* Běžné notebooky, 13" MacBook, zmenšené okno:
   hero přestane být poskládané přes sebe a přepne se do čitelného layoutu */
@media (max-width:1800px){
  .topbar{
    height:auto !important;
    min-height:94px !important;
    display:grid !important;
    grid-template-columns:260px 1fr !important;
    align-items:center !important;
    padding:0 !important;
  }

  .brand{
    padding-left:38px !important;
  }

  .brand img{
    width:auto !important;
    max-width:220px !important;
    height:auto !important;
  }

  .nav{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:24px !important;
    padding:18px 34px 18px 0 !important;
    flex-wrap:wrap !important;
  }

  .nav a{
    font-size:13px !important;
    line-height:1.15 !important;
    white-space:nowrap !important;
  }

  .hero{
    position:relative !important;
    height:auto !important;
    min-height:0 !important;
    padding:clamp(42px,5vw,70px) clamp(36px,5vw,72px) 34px !important;
    display:grid !important;
    grid-template-columns:minmax(360px,0.9fr) minmax(420px,1.1fr) !important;
    grid-template-areas:
      "copy panel"
      "models panel" !important;
    gap:26px 42px !important;
    align-items:start !important;
    overflow:visible !important;
    box-sizing:border-box !important;
  }

  .heroCopy,
  .heroModelsPreview,
  .philosophyPanel{
    position:relative !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;
    transform:none !important;
    box-sizing:border-box !important;
    margin:0 !important;
  }

  .heroCopy{
    grid-area:copy !important;
    width:100% !important;
    max-width:520px !important;
    z-index:4 !important;
  }

  .heroCopy h1{
    font-size:clamp(52px,5.2vw,76px) !important;
    line-height:.92 !important;
  }

  .heroCopy p{
    font-size:clamp(16px,1.1vw,19px) !important;
    line-height:1.55 !important;
    max-width:500px !important;
  }

  .heroCopy .kicker{
    font-size:clamp(14px,1vw,17px) !important;
  }

  .heroModelsPreview{
    grid-area:models !important;
    width:100% !important;
    max-width:520px !important;
    z-index:5 !important;
    padding:14px 18px !important;
    align-self:start !important;
    justify-self:start !important;
  }

  .modelLine{
    display:grid !important;
    grid-template-columns:64px minmax(205px,1fr) 98px !important;
    gap:12px !important;
    align-items:center !important;
    min-height:48px !important;
    padding:10px 6px !important;
    box-sizing:border-box !important;
    white-space:nowrap !important;
  }

  .modelLine strong{
    display:block !important;
    width:64px !important;
    min-width:64px !important;
    text-align:left !important;
    font-size:12px !important;
    line-height:1 !important;
    white-space:nowrap !important;
  }

  .modelLine span{
    display:block !important;
    text-align:left !important;
    font-size:22px !important;
    line-height:1 !important;
    white-space:nowrap !important;
    letter-spacing:-.02em !important;
  }

  .modelLine b{
    display:block !important;
    text-align:left !important;
    font-size:16px !important;
    line-height:1 !important;
    white-space:nowrap !important;
    letter-spacing:-.02em !important;
  }

  .philosophyPanel{
    grid-area:panel !important;
    width:100% !important;
    max-width:620px !important;
    max-height:560px !important;
    justify-self:end !important;
    z-index:4 !important;
    overflow:auto !important;
  }

  .philosophyPanel h2{
    font-size:clamp(36px,3vw,52px) !important;
    line-height:1 !important;
  }

  .philosophyPanel p{
    font-size:clamp(15px,1vw,17px) !important;
    line-height:1.52 !important;
  }

  .featureGrid{
    display:grid !important;
    grid-template-columns:repeat(5,1fr) !important;
  }
}

/* Menší notebookové okno / tablet:
   už nejsou dvě kolony bezpečné, vše půjde pod sebe, text zůstane čitelný */
@media (max-width:1150px){
  .topbar{
    grid-template-columns:1fr !important;
    justify-items:center !important;
    min-height:120px !important;
  }

  .brand{
    padding-left:0 !important;
    padding-top:14px !important;
  }

  .brand img{
    max-width:190px !important;
  }

  .nav{
    justify-content:center !important;
    padding:12px 18px 16px !important;
    gap:16px !important;
  }

  .nav a{
    font-size:12px !important;
  }

  .hero{
    grid-template-columns:1fr !important;
    grid-template-areas:
      "copy"
      "models"
      "panel" !important;
    padding:34px 24px 32px !important;
    gap:24px !important;
  }

  .heroCopy,
  .heroModelsPreview,
  .philosophyPanel{
    width:100% !important;
    max-width:760px !important;
    justify-self:center !important;
  }

  .heroModelsPreview{
    max-width:540px !important;
  }

  .philosophyPanel{
    max-height:440px !important;
  }

  .featureGrid{
    grid-template-columns:repeat(2,1fr) !important;
  }
}

/* Mobil */
@media (max-width:700px){
  .nav{
    gap:10px !important;
  }

  .nav a{
    font-size:11px !important;
  }

  .hero{
    padding:28px 16px 28px !important;
  }

  .heroCopy h1{
    font-size:clamp(38px,12vw,56px) !important;
  }

  .heroCopy p{
    font-size:15px !important;
  }

  .heroModelsPreview{
    padding:12px !important;
    border-radius:14px !important;
  }

  .modelLine{
    grid-template-columns:54px minmax(145px,1fr) 78px !important;
    gap:7px !important;
    min-height:44px !important;
    padding:9px 3px !important;
  }

  .modelLine strong{
    width:54px !important;
    min-width:54px !important;
    font-size:10px !important;
  }

  .modelLine span{
    font-size:clamp(16px,5vw,20px) !important;
  }

  .modelLine b{
    font-size:clamp(11px,3.5vw,14px) !important;
  }

  .featureGrid{
    grid-template-columns:1fr !important;
  }
}


/* DAMT v100 – povolení svislého scrollování na menších obrazovkách */
html,
body{
  overflow-x:hidden !important;
  overflow-y:auto !important;
  height:auto !important;
  min-height:100% !important;
}

@media (max-width:1800px){
  .hero{
    overflow:visible !important;
    height:auto !important;
    min-height:calc(100vh - 94px) !important;
  }

  .philosophyPanel{
    overflow-y:auto !important;
  }
}

@media (max-width:1150px){
  .hero{
    overflow:visible !important;
    height:auto !important;
    min-height:auto !important;
  }

  .heroCopy,
  .heroModelsPreview,
  .philosophyPanel{
    flex-shrink:0 !important;
  }
}


/* DAMT v101 – oprava: box s modely nesmí mizet pod spodní lištou */
@media (max-width:1800px){
  html,
  body{
    overflow-y:auto !important;
    height:auto !important;
    min-height:100% !important;
  }

  .hero{
    height:auto !important;
    min-height:calc(100vh - 94px) !important;
    overflow:visible !important;
    padding-bottom:120px !important;
  }

  .heroModelsPreview{
    position:relative !important;
    z-index:10 !important;
    margin-bottom:32px !important;
  }

  .featureGrid{
    position:relative !important;
    z-index:3 !important;
    clear:both !important;
    margin-top:0 !important;
  }

  footer{
    position:relative !important;
    z-index:3 !important;
  }
}

@media (max-width:1150px){
  .hero{
    height:auto !important;
    min-height:auto !important;
    overflow:visible !important;
    padding-bottom:40px !important;
  }

  .heroModelsPreview{
    margin-bottom:24px !important;
  }

  .featureGrid{
    margin-top:0 !important;
  }
}


/* DAMT v103 – FINÁLNÍ OPRAVA SCROLLU DOMŮ
   Původní v55/v56 zamykalo hlavní stránku na výšku obrazovky:
   main:has(> .hero + .iconRow){ height:...; overflow:hidden; }
   Tady to přepisujeme až na konci CSS a používáme skutečné třídy z HTML:
   .heroText, .heroModelsPreview, .heroArticleOverlay. */
body.home main,
body.home main:has(> .hero + .iconRow){
  display:block !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  overflow:visible !important;
}

body.home .hero{
  margin-top:114px !important;
  position:relative !important;
  height:auto !important;
  min-height:calc(100vh - 114px) !important;
  max-height:none !important;
  overflow:visible !important;
  display:grid !important;
  grid-template-columns:minmax(360px,500px) minmax(420px,560px) !important;
  grid-template-areas:
    "copy article"
    "models article" !important;
  gap:24px 54px !important;
  align-items:start !important;
  justify-content:space-between !important;
  padding:78px 54px 70px !important;
  box-sizing:border-box !important;
}

body.home .heroText{
  grid-area:copy !important;
  position:relative !important;
  z-index:6 !important;
  width:100% !important;
  max-width:500px !important;
  padding:0 !important;
  margin:0 !important;
}

body.home .heroModelsPreview{
  grid-area:models !important;
  position:relative !important;
  z-index:7 !important;
  left:auto !important;
  right:auto !important;
  top:auto !important;
  bottom:auto !important;
  transform:none !important;
  width:100% !important;
  max-width:520px !important;
  margin:0 !important;
}

body.home .heroArticleOverlay{
  grid-area:article !important;
  position:relative !important;
  z-index:6 !important;
  left:auto !important;
  right:auto !important;
  top:auto !important;
  bottom:auto !important;
  transform:none !important;
  width:100% !important;
  max-width:560px !important;
  max-height:none !important;
  overflow:visible !important;
  margin:0 !important;
}

body.home .iconRow{
  position:relative !important;
  z-index:5 !important;
  height:auto !important;
  min-height:auto !important;
  max-height:none !important;
  margin-top:0 !important;
  overflow:visible !important;
}

body.home footer{
  position:relative !important;
  z-index:5 !important;
}

@media(max-width:1150px){
  body.home .hero{
    margin-top:120px !important;
    min-height:auto !important;
    grid-template-columns:1fr !important;
    grid-template-areas:
      "copy"
      "models"
      "article" !important;
    padding:34px 24px 42px !important;
    gap:24px !important;
  }

  body.home .heroText,
  body.home .heroModelsPreview,
  body.home .heroArticleOverlay{
    max-width:760px !important;
    width:100% !important;
    justify-self:center !important;
  }
}

@media(max-width:800px){
  body.home .hero{
    margin-top:78px !important;
    padding:28px 16px 36px !important;
  }

  body.home .heroArticleOverlay{
    display:block !important;
  }
}

.nav a.active::after{content:none!important;display:none!important;background:transparent!important;height:0!important;}

/* DAMT v117 – proklik cenových řádků na Zakázkovou stavbu */
.modelLine{
  text-decoration:none;
  cursor:pointer;
  transition:background .18s ease, transform .18s ease, border-color .18s ease;
}
.modelLine:hover,
.modelLine:focus-visible{
  background:rgba(226,180,0,.10);
  outline:none;
}
.modelLine:active{
  transform:translateY(1px);
}

/* DAMT v142 – skutečná responzivita úvodní stránky
   Nic se neskrývá: text, ceník i FILOZOFIE DAMT zůstávají viditelné
   a při zmenšení okna se skládají pod sebe do jednoho profesionálního sloupce. */
html,
body{
  width:100% !important;
  max-width:100% !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
  height:auto !important;
  min-height:100% !important;
}

body.home main,
body.home main:has(> .hero + .iconRow){
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  overflow:visible !important;
}

body.home .hero{
  height:auto !important;
  min-height:calc(100vh - 114px) !important;
  max-height:none !important;
  overflow:visible !important;
  box-sizing:border-box !important;
}

body.home .heroText,
body.home .heroModelsPreview,
body.home .heroArticleOverlay,
body.home .heroArticleOverlay#predsudky{
  box-sizing:border-box !important;
}

body.home .heroArticleOverlay,
body.home .heroArticleOverlay#predsudky{
  display:flex !important;
  flex-direction:column !important;
  opacity:1 !important;
  visibility:visible !important;
}

body.home .heroArticleOverlay#predsudky .heroArticleTextScroll{
  min-height:0 !important;
  overflow-y:auto !important;
  padding-right:10px !important;
}

@media (max-width:1180px){
  body.home .hero{
    display:grid !important;
    grid-template-columns:1fr !important;
    grid-template-areas:
      "copy"
      "models"
      "article" !important;
    justify-items:center !important;
    align-items:start !important;
    gap:22px !important;
    margin-top:96px !important;
    padding:34px 20px 44px !important;
    min-height:auto !important;
  }

  body.home .heroText{
    grid-area:copy !important;
    position:relative !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;
    transform:none !important;
    width:min(100%,680px) !important;
    max-width:680px !important;
    margin:0 !important;
    padding:0 !important;
  }

  body.home .heroModelsPreview,
  body.home .heroArticleOverlay,
  body.home .heroArticleOverlay#predsudky{
    position:relative !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;
    transform:none !important;
    width:min(100%,680px) !important;
    min-width:0 !important;
    max-width:680px !important;
    margin:0 !important;
  }

  body.home .heroModelsPreview{
    grid-area:models !important;
    z-index:7 !important;
    padding:16px 20px !important;
  }

  body.home .heroArticleOverlay,
  body.home .heroArticleOverlay#predsudky{
    grid-area:article !important;
    z-index:6 !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    padding:22px 22px 24px !important;
    overflow:visible !important;
  }

  body.home .heroArticleOverlay#predsudky .heroArticleTextScroll{
    max-height:min(520px,62vh) !important;
  }
}

@media (max-width:760px){
  body.home .topbar{
    min-height:auto !important;
  }

  body.home .hero{
    margin-top:78px !important;
    padding:24px 14px 34px !important;
    gap:18px !important;
  }

  body.home .heroText,
  body.home .heroModelsPreview,
  body.home .heroArticleOverlay,
  body.home .heroArticleOverlay#predsudky{
    width:100% !important;
    max-width:100% !important;
  }

  body.home .heroText h1{
    font-size:clamp(34px,10vw,54px) !important;
    line-height:.94 !important;
  }

  body.home .heroText .lead{
    font-size:16px !important;
    line-height:1.45 !important;
  }

  body.home .heroActions{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
  }

  body.home .heroModelsPreview{
    padding:14px 15px !important;
    border-radius:16px !important;
  }

  body.home .modelLine{
    grid-template-columns:64px 1fr auto !important;
    gap:10px !important;
  }

  body.home .modelLine span{
    font-size:clamp(18px,5.2vw,26px) !important;
  }

  body.home .modelLine b{
    font-size:13px !important;
    white-space:nowrap !important;
  }

  body.home .heroArticleOverlay,
  body.home .heroArticleOverlay#predsudky{
    padding:20px 17px 22px !important;
    border-radius:17px !important;
  }

  body.home .heroArticleOverlay#predsudky h2{
    font-size:clamp(25px,7.2vw,36px) !important;
  }

  body.home .heroArticleOverlay#predsudky .heroArticleTextScroll{
    max-height:58vh !important;
  }
}

@media (max-width:430px){
  body.home .modelLine{
    grid-template-columns:1fr !important;
    gap:4px !important;
    padding:12px 0 !important;
  }

  body.home .modelLine strong,
  body.home .modelLine span,
  body.home .modelLine b{
    text-align:left !important;
  }
}

/* DAMT v143 – oprava patičky na úvodní stránce
   Patička nesmí lézt do sekce výhod. Musí být samostatný blok až pod všemi kartami. */
body.home .iconRow{
  position:relative !important;
  z-index:1 !important;
  width:100% !important;
  clear:both !important;
  overflow:visible !important;
}

body.home footer{
  position:static !important;
  display:block !important;
  width:100% !important;
  clear:both !important;
  z-index:auto !important;
  margin:0 !important;
  padding:26px 7vw !important;
  background:#050505 !important;
  border-top:1px solid rgba(255,255,255,.10) !important;
  color:#888 !important;
  line-height:1.4 !important;
}


/* DAMT v147 – definitivní oprava spodku úvodní stránky.
   Bez zásahu do panelu FILOZOFIE DAMT.
   Opravuje:
   - patička nesmí být mezi kartami,
   - výhody jsou v malém okně pod sebou,
   - žádné překrývání a žádné prázdné černé pole vpravo. */

html body.home > main,
html body.home > main:has(> .hero + .iconRow){
  display:block !important;
  grid-template-rows:none !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  overflow:visible !important;
  contain:none !important;
}

html body.home > main > .iconRow{
  position:relative !important;
  float:none !important;
  clear:both !important;
  display:grid !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  margin:0 !important;
  padding:0 !important;
  overflow:visible !important;
  background:#050505 !important;
  border-top:1px solid rgba(255,255,255,.14) !important;
  border-bottom:1px solid rgba(255,255,255,.14) !important;
}

html body.home > main > .iconRow > article{
  position:relative !important;
  float:none !important;
  box-sizing:border-box !important;
  height:auto !important;
  min-height:112px !important;
  max-height:none !important;
  overflow:visible !important;
  background:#050505 !important;
}

html body.home > footer{
  position:relative !important;
  float:none !important;
  clear:both !important;
  display:block !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  margin:0 !important;
  padding:24px 7vw !important;
  transform:none !important;
  inset:auto !important;
  background:#050505 !important;
  border-top:1px solid rgba(255,255,255,.12) !important;
  z-index:1 !important;
}

@media (min-width:1181px){
  html body.home > main > .iconRow{
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  }
}

@media (max-width:1180px){
  html body.home > main > .iconRow{
    grid-template-columns:1fr !important;
  }

  html body.home > main > .iconRow > article{
    display:grid !important;
    grid-template-columns:64px minmax(0,1fr) !important;
    column-gap:24px !important;
    align-items:center !important;
    width:100% !important;
    padding:24px 7vw !important;
    border-right:0 !important;
    border-bottom:1px solid rgba(255,255,255,.14) !important;
  }

  html body.home > main > .iconRow > article:last-child{
    border-bottom:0 !important;
  }

  html body.home > main > .iconRow > article .icon{
    grid-row:1 / span 2 !important;
  }
}


/* DAMT v149 – DOMŮ: spodní výhody bez překrytí.
   Nemění FILOZOFII DAMT.
   V malém okně jsou karty výhod skutečně pod sebou a patička je až za nimi. */

body.home main{
  display:block !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  overflow:visible !important;
}

body.home main > .iconRow{
  position:relative !important;
  float:none !important;
  clear:both !important;
  width:100% !important;
  max-height:none !important;
  overflow:visible !important;
  background:#050505 !important;
  z-index:1 !important;
}

body.home main > .iconRow > article{
  position:relative !important;
  float:none !important;
  box-sizing:border-box !important;
  height:auto !important;
  min-height:112px !important;
  max-height:none !important;
  overflow:visible !important;
  background:#050505 !important;
}

body.home > footer.homeFooter,
body.home > footer{
  position:relative !important;
  float:none !important;
  clear:both !important;
  display:block !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  margin:0 !important;
  padding:24px 7vw !important;
  background:#050505 !important;
  border-top:1px solid rgba(255,255,255,.14) !important;
  color:#888 !important;
  z-index:1 !important;
  transform:none !important;
  inset:auto !important;
}

@media (max-width:1180px){
  body.home main > .iconRow{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    height:auto !important;
    min-height:560px !important;
    padding:0 !important;
    margin:0 !important;
    border-top:1px solid rgba(255,255,255,.14) !important;
    border-bottom:1px solid rgba(255,255,255,.14) !important;
  }

  body.home main > .iconRow > article{
    display:grid !important;
    grid-template-columns:64px minmax(0,1fr) !important;
    column-gap:24px !important;
    align-items:center !important;
    flex:0 0 auto !important;
    width:100% !important;
    min-height:112px !important;
    padding:24px 7vw !important;
    border-right:0 !important;
    border-bottom:1px solid rgba(255,255,255,.14) !important;
  }

  body.home main > .iconRow > article:last-child{
    border-bottom:0 !important;
  }

  body.home main > .iconRow > article .icon{
    grid-row:1 / span 2 !important;
  }
}

@media (min-width:1181px){
  body.home main > .iconRow{
    display:grid !important;
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    height:auto !important;
    min-height:112px !important;
  }
}


/* DAMT v150 – oprava pouze DOMŮ / hlavní stránka.
   Nemění panel FILOZOFIE DAMT.
   Spodní karty jsou na menším okně v jednom sloupci a patička je až pod nimi. */

body.home{
  overflow-y:auto !important;
}

body.home main{
  display:block !important;
  position:relative !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  overflow:visible !important;
}

/* spodní sekce výhod */
body.home .iconRow{
  position:relative !important;
  top:auto !important;
  left:auto !important;
  right:auto !important;
  bottom:auto !important;
  transform:none !important;
  float:none !important;
  clear:both !important;
  z-index:1 !important;
  width:100% !important;
  max-width:none !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  margin:0 !important;
  overflow:visible !important;
  background:#050505 !important;
}

body.home .iconRow article{
  position:relative !important;
  top:auto !important;
  left:auto !important;
  right:auto !important;
  bottom:auto !important;
  transform:none !important;
  float:none !important;
  box-sizing:border-box !important;
  height:auto !important;
  max-height:none !important;
  overflow:visible !important;
  background:#050505 !important;
}

body.home .siteFooter,
body.home footer{
  position:relative !important;
  top:auto !important;
  left:auto !important;
  right:auto !important;
  bottom:auto !important;
  transform:none !important;
  float:none !important;
  clear:both !important;
  display:block !important;
  z-index:1 !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  margin:0 !important;
  padding:24px 7vw !important;
  box-sizing:border-box !important;
  background:#050505 !important;
  border-top:1px solid rgba(255,255,255,.14) !important;
  color:#8f9aa4 !important;
}

/* desktop ponecháme v původním profesionálním řádku */
@media (min-width:1181px){
  body.home .iconRow{
    display:grid !important;
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  }
  body.home .iconRow article{
    min-height:122px !important;
  }
}

/* úzké okno: varianta A, jedna karta pod druhou */
@media (max-width:1180px){
  body.home .iconRow{
    display:block !important;
    padding:0 !important;
    border-top:1px solid rgba(255,255,255,.14) !important;
    border-bottom:1px solid rgba(255,255,255,.14) !important;
  }

  body.home .iconRow article{
    display:grid !important;
    grid-template-columns:64px minmax(0,1fr) !important;
    grid-template-rows:auto auto !important;
    column-gap:24px !important;
    align-items:center !important;
    width:100% !important;
    min-height:112px !important;
    padding:24px 7vw !important;
    border-right:0 !important;
    border-left:0 !important;
    border-bottom:1px solid rgba(255,255,255,.14) !important;
  }

  body.home .iconRow article:last-child{
    border-bottom:0 !important;
  }

  body.home .iconRow article .icon{
    grid-column:1 !important;
    grid-row:1 / span 2 !important;
    justify-self:center !important;
    align-self:center !important;
  }

  body.home .iconRow article h3{
    grid-column:2 !important;
    grid-row:1 !important;
    margin:0 0 12px 0 !important;
    align-self:end !important;
  }

  body.home .iconRow article p{
    grid-column:2 !important;
    grid-row:2 !important;
    margin:0 !important;
    align-self:start !important;
  }

  body.home footer.siteFooter,
  body.home footer{
    margin-top:0 !important;
  }
}


/* DAMT v151 – DOMŮ: copyright fyzicky až pod poslední kartou výhod.
   Původní footer je z hlavní stránka odstraněný, aby se nemohl zobrazovat mezi kartami. */

body.home main{
  display:block !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  overflow:visible !important;
}

body.home .iconRow{
  position:relative !important;
  display:grid !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  overflow:visible !important;
  background:#050505 !important;
  margin:0 !important;
  padding:0 !important;
  border-top:1px solid rgba(255,255,255,.14) !important;
  border-bottom:0 !important;
}

body.home .iconRow article{
  position:relative !important;
  box-sizing:border-box !important;
  height:auto !important;
  min-height:112px !important;
  overflow:visible !important;
  background:#050505 !important;
}

body.home .bottomCopyright{
  grid-column:1 / -1 !important;
  display:block !important;
  width:100% !important;
  box-sizing:border-box !important;
  padding:24px 7vw !important;
  margin:0 !important;
  text-align:left !important;
  color:#8f9aa4 !important;
  background:#050505 !important;
  border-top:1px solid rgba(255,255,255,.14) !important;
  position:relative !important;
  z-index:1 !important;
}

@media (min-width:1181px){
  body.home .iconRow{
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  }
}

@media (max-width:1180px){
  body.home .iconRow{
    display:block !important;
  }

  body.home .iconRow article{
    display:grid !important;
    grid-template-columns:64px minmax(0,1fr) !important;
    grid-template-rows:auto auto !important;
    column-gap:24px !important;
    align-items:center !important;
    width:100% !important;
    min-height:112px !important;
    padding:24px 7vw !important;
    border-right:0 !important;
    border-left:0 !important;
    border-bottom:1px solid rgba(255,255,255,.14) !important;
  }

  body.home .iconRow article .icon{
    grid-column:1 !important;
    grid-row:1 / span 2 !important;
    justify-self:center !important;
    align-self:center !important;
  }

  body.home .iconRow article h3{
    grid-column:2 !important;
    grid-row:1 !important;
    margin:0 0 12px 0 !important;
  }

  body.home .iconRow article p{
    grid-column:2 !important;
    grid-row:2 !important;
    margin:0 !important;
  }

  body.home .bottomCopyright{
    padding:24px 7vw !important;
  }
}


<style>
.heroArticleOverlay,
.hero-article-overlay{
    border-top:none !important;
}
.heroArticleOverlay::before,
.hero-article-overlay::before{
    display:none !important;
    content:none !important;
}
</style>


/* DAMT v160 – správné sjednocení podkladu karet.
   Cíl:
   - panel FILOZOFIE DAMT zůstává tmavý, není zesvětlený,
   - všechny ostatní buňky/karty dostanou stejný tmavý podklad,
   - nepoužívá se šedý/světlý overlay z chybné v159. */

:root{
  --damt-card-bg-final: linear-gradient(135deg, rgba(10,10,10,.92), rgba(18,18,18,.88));
}

/* referenční panel FILOZOFIE DAMT – vrácen na tmavý vzhled, ne světlejší šedou */
.heroArticleOverlay{
  background: var(--damt-card-bg-final) !important;
}

/* karty / buňky napříč webem */
.pricePanel,
.price-card,
.priceCard,
.shopCard,
.modelCard,
.card,
.panel,
.box,
.tile,
.articleBox,
.infoCard,
.serviceCard,
.featureCard,
.benefitCard,
.productCard,
.portfolioCard,
.galleryCard,
.processCard,
.formPanel,
.contactCard,
.contact-box,
.contact-left,
.contact-right,
.contactGrid > *,
.contact-grid > *,
.cards > *,
.grid > article,
section.cards article,
section.grid article,
.iconRow article,
.aboutCard,
.about-card,
.aboutText,
.brotherBox,
.twoCards article,
.specGrid article,
.benefitGrid article,
.productInfoGrid article,
.priceTableWrap,
.compact-box,
.compact-steps,
.shopNote,
.wheelCustom,
.noPhotos{
  background: var(--damt-card-bg-final) !important;
}

/* formulářová pole ponechat tmavá, ale ne jako šedé karty */
input,
textarea,
select{
  background: rgba(8,8,8,.82) !important;
}

/* žádné zesvětlení při hoveru */
.pricePanel:hover,
.price-card:hover,
.priceCard:hover,
.shopCard:hover,
.modelCard:hover,
.card:hover,
.panel:hover,
.box:hover,
.tile:hover,
.articleBox:hover,
.infoCard:hover,
.serviceCard:hover,
.featureCard:hover,
.benefitCard:hover,
.productCard:hover,
.portfolioCard:hover,
.galleryCard:hover,
.processCard:hover,
.formPanel:hover,
.contactCard:hover,
.grid > article:hover,
.iconRow article:hover{
  background: var(--damt-card-bg-final) !important;
}


/* DAMT v161 – všechny karty/buňky ještě tmavší, jednotně na celém webu.
   Bez generování obrázků, pouze úprava CSS webu. */

:root{
  --damt-card-bg-final: linear-gradient(135deg, rgba(3,3,3,.96), rgba(8,8,8,.94));
  --damt-card-bg-darker: linear-gradient(135deg, rgba(3,3,3,.96), rgba(8,8,8,.94));
}

.heroArticleOverlay,
.pricePanel,
.price-card,
.priceCard,
.shopCard,
.modelCard,
.card,
.panel,
.box,
.tile,
.articleBox,
.infoCard,
serviceCard,
.serviceCard,
.featureCard,
.benefitCard,
.productCard,
.portfolioCard,
.galleryCard,
.processCard,
.formPanel,
.contactCard,
.contact-box,
.contact-left,
.contact-right,
.contactGrid > *,
.contact-grid > *,
.cards > *,
.grid > article,
section.cards article,
section.grid article,
.iconRow article,
.aboutCard,
.about-card,
.aboutText,
.brotherBox,
.twoCards article,
.specGrid article,
.benefitGrid article,
.productInfoGrid article,
.priceTableWrap,
.compact-box,
.compact-steps,
.shopNote,
.wheelCustom,
.noPhotos{
  background: var(--damt-card-bg-darker) !important;
}

input,
textarea,
select{
  background: rgba(3,3,3,.88) !important;
}


/* DAMT v162 – sjednocení všech buněk/karet podle barvy panelu FILOZOFIE DAMT.
   Barva: velmi tmavý černý podklad jako na dodaném screenshotu. */

:root{
  --damt-unified-card-bg: rgba(6, 6, 6, 0.94);
}

/* samotný panel FILOZOFIE DAMT */
.heroArticleOverlay{
  background: var(--damt-unified-card-bg) !important;
}

/* všechny běžné karty/buňky na webu */
.card,
.panel,
.box,
.tile,
.articleBox,
.infoCard,
.serviceCard,
.featureCard,
.benefitCard,
.productCard,
.portfolioCard,
.galleryCard,
.processCard,
.formPanel,
.contactCard,
.contact-box,
.contact-left,
.contact-right,
.contactGrid > *,
.contact-grid > *,
.cards > *,
.grid > article,
section.cards article,
section.grid article,
.iconRow article,
.aboutCard,
.about-card,
.aboutText,
.brotherBox,
.twoCards article,
.specGrid article,
.benefitGrid article,
.productInfoGrid article,
.pricePanel,
.price-card,
.priceCard,
.shopCard,
.modelCard,
.priceTableWrap,
.compact-box,
.compact-steps,
.shopNote,
.wheelCustom,
.noPhotos,
form,
fieldset{
  background: var(--damt-unified-card-bg) !important;
}

/* políčka formulářů tmavší ve stejném tónu */
input,
textarea,
select{
  background: rgba(3, 3, 3, 0.92) !important;
}

/* žádné zesvětlení při najetí myší */
.card:hover,
.panel:hover,
.box:hover,
.tile:hover,
.articleBox:hover,
.infoCard:hover,
.serviceCard:hover,
.featureCard:hover,
.benefitCard:hover,
.productCard:hover,
.portfolioCard:hover,
.galleryCard:hover,
.processCard:hover,
.formPanel:hover,
.contactCard:hover,
.grid > article:hover,
.iconRow article:hover,
.pricePanel:hover,
.price-card:hover,
.priceCard:hover,
.shopCard:hover,
.modelCard:hover{
  background: var(--damt-unified-card-bg) !important;
}


/* DAMT v163 – sjednocení skutečně všech buněk/karet včetně cenové buňky DOMŮ.
   Použitá barva podle panelu FILOZOFIE DAMT. */

:root{
  --damt-unified-card-bg: rgba(6, 6, 6, 0.94);
}

/* hlavní panel filozofie */
.heroArticleOverlay,
.heroArticleOverlay *:not(h1):not(h2):not(h3):not(p):not(span):not(strong):not(em):not(a){
  background-color: transparent;
}

/* všechny vizuální karty/buňky */
.heroArticleOverlay,
.pricePanel,
.priceTable,
.priceBox,
.price-box,
.priceList,
.price-list,
.pricing,
.pricingPanel,
.pricing-panel,
.pricingCard,
.pricing-card,
.heroPricePanel,
.hero-price-panel,
.homePricePanel,
.home-price-panel,
.homePrices,
.home-prices,
.priceRows,
.price-rows,
.priceRow,
.price-row,
.priceTableWrap,
.price-table-wrap,
.prices,
.pricesBox,
.prices-box,
.card,
.panel,
.box,
.tile,
.articleBox,
.infoCard,
.serviceCard,
.featureCard,
.benefitCard,
.productCard,
.portfolioCard,
.galleryCard,
.processCard,
.formPanel,
.contactCard,
.contact-box,
.contact-left,
.contact-right,
.contactGrid > *,
.contact-grid > *,
.cards > *,
.grid > article,
section.cards article,
section.grid article,
.iconRow article,
.aboutCard,
.about-card,
.aboutText,
.brotherBox,
.twoCards article,
.specGrid article,
.benefitGrid article,
.productInfoGrid article,
.shopCard,
.modelCard,
.compact-box,
.compact-steps,
.shopNote,
.wheelCustom,
.noPhotos,
form,
fieldset{
  background: var(--damt-unified-card-bg) !important;
  background-color: rgba(6, 6, 6, 0.94) !important;
}

/* Pokud je cenový box udělaný jako tabulka/div bez běžné třídy */
body.home [class*="price"],
body.home [class*="Price"],
body.home [class*="cen"],
body.home [class*="Cen"]{
  background: var(--damt-unified-card-bg) !important;
  background-color: rgba(6, 6, 6, 0.94) !important;
}

/* Řádky v cenové buňce nesmí mít jiný podklad */
.pricePanel *,
.priceTable *,
.priceBox *,
.price-box *,
.priceList *,
.price-list *,
.pricing *,
.heroPricePanel *,
.homePricePanel *,
.homePrices *,
.priceRows *,
.priceRow *,
body.home [class*="price"] *,
body.home [class*="Price"] *,
body.home [class*="cen"] *,
body.home [class*="Cen"] *{
  background-color: transparent !important;
}

/* formulářová pole ve stejném tmavém tónu */
input,
textarea,
select{
  background: rgba(3, 3, 3, 0.92) !important;
  background-color: rgba(3, 3, 3, 0.92) !important;
}

/* žádné zesvětlení při hoveru */
.card:hover,
.panel:hover,
.box:hover,
.tile:hover,
.articleBox:hover,
.infoCard:hover,
.serviceCard:hover,
.featureCard:hover,
.benefitCard:hover,
.productCard:hover,
.portfolioCard:hover,
.galleryCard:hover,
.processCard:hover,
.formPanel:hover,
.contactCard:hover,
.grid > article:hover,
.iconRow article:hover,
.pricePanel:hover,
.priceTable:hover,
.priceBox:hover,
.price-box:hover,
.pricingCard:hover,
.shopCard:hover,
.modelCard:hover{
  background: var(--damt-unified-card-bg) !important;
  background-color: rgba(6, 6, 6, 0.94) !important;
}


/* DAMT v164 – DOMŮ: sjednocení barvy i u cenové buňky a tlačítka Nezávazná poptávka.
   Barva podle panelu FILOZOFIE DAMT. */

body.home{
  --damt-unified-card-bg: rgba(6, 6, 6, 0.94);
}

/* CENOVÁ BUŇKA START/RACE/ELITE NA DOMŮ */
body.home .heroPrices,
body.home .hero-prices,
body.home .heroPrice,
body.home .hero-price,
body.home .heroPricePanel,
body.home .hero-price-panel,
body.home .priceBox,
body.home .price-box,
body.home .pricePanel,
body.home .price-panel,
body.home .pricesBox,
body.home .prices-box,
body.home .pricingBox,
body.home .pricing-box,
body.home .pricingPanel,
body.home .pricing-panel,
body.home .priceTable,
body.home .price-table,
body.home .priceTableWrap,
body.home .price-table-wrap,
body.home .priceList,
body.home .price-list,
body.home .modelPrices,
body.home .model-prices,
body.home .offerPrices,
body.home .offer-prices,
body.home [class*="price"],
body.home [class*="Price"],
body.home [class*="cen"],
body.home [class*="Cen"]{
  background: var(--damt-unified-card-bg) !important;
  background-color: rgba(6,6,6,.94) !important;
  background-image: none !important;
}

/* Řádky uvnitř cenového panelu ponechat průhledné, aby byla tmavá celá buňka */
body.home .heroPrices *,
body.home .hero-prices *,
body.home .heroPrice *,
body.home .hero-price *,
body.home .priceBox *,
body.home .price-box *,
body.home .pricePanel *,
body.home .price-panel *,
body.home .pricesBox *,
body.home .prices-box *,
body.home .pricingPanel *,
body.home .pricing-panel *,
body.home .priceTable *,
body.home .price-table *,
body.home [class*="price"] *,
body.home [class*="Price"] *,
body.home [class*="cen"] *,
body.home [class*="Cen"] *{
  background-color: transparent !important;
  background-image: none !important;
}

/* ŠEDÉ TLAČÍTKO / BUŇKA NAD CENAMI – NEZÁVAZNÁ POPTÁVKA */
body.home .heroActions a:not(:first-child),
body.home .hero-actions a:not(:first-child),
body.home .ctaRow a:not(:first-child),
body.home .cta-row a:not(:first-child),
body.home .actions a:not(:first-child),
body.home a[href*="kontakt"],
body.home a[href*="poptav"],
body.home a[href*="poptáv"],
body.home a[href*="zakaz"],
body.home a[href*="zakáz"]{
  background: var(--damt-unified-card-bg) !important;
  background-color: rgba(6,6,6,.94) !important;
  background-image: none !important;
}

/* Zachovat žluté hlavní tlačítko Prohlédnout realizace */
body.home .heroActions a:first-child,
body.home .hero-actions a:first-child,
body.home .ctaRow a:first-child,
body.home .cta-row a:first-child,
body.home .actions a:first-child{
  background-color: #f0c400 !important;
  background-image: none !important;
}


/* DAMT v165 – sjednocení rohů: všechny buňky/karty/panely mají hranaté rohy.
   Bez změny barev, textů, rozložení a bez generování obrázků. */
.card,.panel,.box,.tile,.articleBox,.infoCard,.serviceCard,.featureCard,
.benefitCard,.productCard,.portfolioCard,.galleryCard,.processCard,.formPanel,
.contactCard,.contact-box,.contact-left,.contact-right,.contactGrid > *,
.contact-grid > *,.cards > *,.grid > article,section.cards article,
section.grid article,.iconRow article,.aboutCard,.about-card,.aboutText,
.brotherBox,.twoCards article,.specGrid article,.benefitGrid article,
.productInfoGrid article,.pricePanel,.price-card,.priceCard,.priceTable,
.priceTableWrap,.priceBox,.price-box,.pricesBox,.prices-box,.pricingPanel,
.pricing-panel,.shopCard,.modelCard,.compact-box,.compact-steps,.shopNote,
.wheelCustom,.noPhotos,.heroArticleOverlay,form,fieldset,input,textarea,select,
button,a,.heroActions a,.hero-actions a,.ctaRow a,.cta-row a,.actions a{
  border-radius:0 !important;
}

[class*="card"],[class*="Card"],[class*="panel"],[class*="Panel"],
[class*="box"],[class*="Box"],[class*="price"],[class*="Price"],
[class*="contact"],[class*="Contact"]{
  border-radius:0 !important;
}

/* DAMT v167 – pouze DOMŮ: odstranit světlé okraje u cenového panelu START/RACE/ELITE.
   Kontakt je vrácený zpět tím, že vycházíme z v165, ne z v166. */

body.home .pricePanel,
body.home .price-card,
body.home .priceCard,
body.home .priceTable,
body.home .priceTableWrap,
body.home .priceBox,
body.home .price-box,
body.home .pricesBox,
body.home .prices-box,
body.home .pricingPanel,
body.home .pricing-panel,
body.home .heroPrices,
body.home .hero-prices,
body.home .heroPricePanel,
body.home .hero-price-panel,
body.home [class*="price"],
body.home [class*="Price"],
body.home [class*="cen"],
body.home [class*="Cen"]{
    border:none !important;
    outline:none !important;
    box-shadow:none !important;
}

body.home .pricePanel *,
body.home .price-card *,
body.home .priceCard *,
body.home .priceTable *,
body.home .priceTableWrap *,
body.home .priceBox *,
body.home .price-box *,
body.home .pricesBox *,
body.home .prices-box *,
body.home .pricingPanel *,
body.home .pricing-panel *,
body.home .heroPrices *,
body.home .hero-prices *,
body.home .heroPricePanel *,
body.home .hero-price-panel *,
body.home [class*="price"] *,
body.home [class*="Price"] *,
body.home [class*="cen"] *,
body.home [class*="Cen"] *{
    border-color:transparent !important;
    outline:none !important;
    box-shadow:none !important;
}


/* v168
   - odstranit okraje na celém webu
   - NECHÁVAT původní okraje pouze na stránce Kontakt
*/

/* mimo Kontakt */
body:not(.kontakt) .card,
body:not(.kontakt) .panel,
body:not(.kontakt) .box,
body:not(.kontakt) .tile,
body:not(.kontakt) .articleBox,
body:not(.kontakt) .pricePanel,
body:not(.kontakt) .priceCard,
body:not(.kontakt) .shopCard,
body:not(.kontakt) .modelCard,
body:not(.kontakt) .iconRow article,
body:not(.kontakt) .grid > article,
body:not(.kontakt) .cards > *,
body:not(.kontakt) [class*="card"],
body:not(.kontakt) [class*="Card"],
body:not(.kontakt) [class*="panel"],
body:not(.kontakt) [class*="Panel"]{
    border:none !important;
    outline:none !important;
    box-shadow:none !important;
}

/* cenový panel DOMŮ */
body.home [class*="price"],
body.home [class*="Price"],
body.home [class*="cen"],
body.home [class*="Cen"]{
    border:none !important;
    outline:none !important;
    box-shadow:none !important;
}


/* v169 - odstranit okraje všude, kromě stránky kontakt */
body:not(.kontakt) *{
  border-color: transparent !important;
}

body:not(.kontakt) .card,
body:not(.kontakt) .panel,
body:not(.kontakt) .box,
body:not(.kontakt) article,
body:not(.kontakt) section,
body:not(.kontakt) [class*="card"],
body:not(.kontakt) [class*="Card"],
body:not(.kontakt) [class*="panel"],
body:not(.kontakt) [class*="Panel"],
body:not(.kontakt) [class*="box"],
body:not(.kontakt) [class*="Box"],
body:not(.kontakt) [class*="price"],
body:not(.kontakt) [class*="Price"]{
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

/* DAMT v188 – jednotná žlutá scrollovací lišta na celém webu */
*{
  scrollbar-width:auto;
  scrollbar-color:#e2b400 #101010;
}
html, body{
  scrollbar-width:auto;
  scrollbar-color:#e2b400 #101010;
}
::-webkit-scrollbar{
  width:16px;
  height:16px;
}
::-webkit-scrollbar-track{
  background:#101010;
}
::-webkit-scrollbar-thumb{
  background:#e2b400;
  border-radius:8px;
  border:3px solid #101010;
}
::-webkit-scrollbar-thumb:hover{
  background:#f2c200;
}
::-webkit-scrollbar-corner{
  background:#101010;
}
::-webkit-scrollbar-button:single-button{
  display:block;
  width:16px;
  height:16px;
  background:#101010;
  background-repeat:no-repeat;
  background-position:center;
}
::-webkit-scrollbar-button:single-button:vertical:decrement{
  background-image:linear-gradient(135deg,transparent 40%,#e2b400 40%,#e2b400 60%,transparent 60%),linear-gradient(45deg,transparent 40%,#e2b400 40%,#e2b400 60%,transparent 60%);
  background-size:8px 8px,8px 8px;
  background-position:4px 5px,8px 5px;
}
::-webkit-scrollbar-button:single-button:vertical:increment{
  background-image:linear-gradient(45deg,transparent 40%,#e2b400 40%,#e2b400 60%,transparent 60%),linear-gradient(135deg,transparent 40%,#e2b400 40%,#e2b400 60%,transparent 60%);
  background-size:8px 8px,8px 8px;
  background-position:4px 4px,8px 4px;
}
::-webkit-scrollbar-button:single-button:horizontal:decrement{
  background-image:linear-gradient(45deg,transparent 40%,#e2b400 40%,#e2b400 60%,transparent 60%),linear-gradient(135deg,transparent 40%,#e2b400 40%,#e2b400 60%,transparent 60%);
  background-size:8px 8px,8px 8px;
  background-position:5px 4px,5px 8px;
}
::-webkit-scrollbar-button:single-button:horizontal:increment{
  background-image:linear-gradient(135deg,transparent 40%,#e2b400 40%,#e2b400 60%,transparent 60%),linear-gradient(45deg,transparent 40%,#e2b400 40%,#e2b400 60%,transparent 60%);
  background-size:8px 8px,8px 8px;
  background-position:4px 4px,4px 8px;
}


/* v226 REAL FIX – DAMT Zapletená kola: zrušení černých panelů */
body.damt-wheels-page .wheels-page section,
body.damt-wheels-page .wheels-page article,
body.damt-wheels-page .wheels-page .section,
body.damt-wheels-page .wheels-page .panel,
body.damt-wheels-page .wheels-page .card,
body.damt-wheels-page .wheels-page .box,
body.damt-wheels-page .wheels-page .tile,
body.damt-wheels-page .wheels-page .info-card,
body.damt-wheels-page .wheels-page .category-card,
body.damt-wheels-page .wheels-page .feature-card,
body.damt-wheels-page .wheels-page .configurator,
body.damt-wheels-page .wheels-page .wheel-configurator,
body.damt-wheels-page .wheels-page .config-panel,
body.damt-wheels-page .wheels-page .config-summary,
body.damt-wheels-page .wheels-page .summary,
body.damt-wheels-page .wheels-page .technology,
body.damt-wheels-page .wheels-page .tech-section,
body.damt-wheels-page .wheels-page [class*="panel"],
body.damt-wheels-page .wheels-page [class*="card"],
body.damt-wheels-page .wheels-page [class*="box"],
body.damt-wheels-page .wheels-page [class*="section"],
body.damt-wheels-page .wheels-page [class*="summary"],
body.damt-wheels-page .wheels-page [class*="config"] {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    border-color: transparent !important;
    outline: none !important;
    backdrop-filter: none !important;
}

/* pseudo-vrstvy, které kreslily černé obdélníky */
body.damt-wheels-page .wheels-page section::before,
body.damt-wheels-page .wheels-page section::after,
body.damt-wheels-page .wheels-page .section::before,
body.damt-wheels-page .wheels-page .section::after,
body.damt-wheels-page .wheels-page .panel::before,
body.damt-wheels-page .wheels-page .panel::after,
body.damt-wheels-page .wheels-page .card::before,
body.damt-wheels-page .wheels-page .card::after,
body.damt-wheels-page .wheels-page [class*="panel"]::before,
body.damt-wheels-page .wheels-page [class*="panel"]::after,
body.damt-wheels-page .wheels-page [class*="card"]::before,
body.damt-wheels-page .wheels-page [class*="card"]::after,
body.damt-wheels-page .wheels-page [class*="section"]::before,
body.damt-wheels-page .wheels-page [class*="section"]::after {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    border: 0 !important;
}

/* Text nad pozadím */
body.damt-wheels-page .wheels-page h1,
body.damt-wheels-page .wheels-page h2,
body.damt-wheels-page .wheels-page h3,
body.damt-wheels-page .wheels-page h4,
body.damt-wheels-page .wheels-page p,
body.damt-wheels-page .wheels-page span,
body.damt-wheels-page .wheels-page label,
body.damt-wheels-page .wheels-page li,
body.damt-wheels-page .wheels-page strong,
body.damt-wheels-page .wheels-page small {
    text-shadow: 0 2px 8px rgba(0,0,0,.98), 0 0 20px rgba(0,0,0,.95) !important;
}

/* Formulářová pole zůstanou rozpoznatelná, ale jsou průhledná */
body.damt-wheels-page .wheels-page select,
body.damt-wheels-page .wheels-page input,
body.damt-wheels-page .wheels-page textarea {
    background: rgba(0,0,0,.28) !important;
    background-color: rgba(0,0,0,.28) !important;
    background-image: none !important;
    border: 1px solid rgba(255, 210, 0, .45) !important;
    box-shadow: none !important;
}

/* Souhrn pouze jako text s jemnou oddělovací linkou */
body.damt-wheels-page .wheels-page .config-summary,
body.damt-wheels-page .wheels-page .summary,
body.damt-wheels-page .wheels-page [class*="summary"] {
    border-left: 1px solid rgba(255,255,255,.15) !important;
    padding-left: 18px !important;
}

/* Tlačítko zůstane */
body.damt-wheels-page .wheels-page button,
body.damt-wheels-page .wheels-page .btn,
body.damt-wheels-page .wheels-page input[type="submit"] {
    background-color: #d8b638 !important;
    color: #000 !important;
    border: none !important;
}

/* DAMT v348 – zarovnání podle nové filosofie: Kontakt vlevo uvnitř středového bloku + nadpis zapletených kol uprostřed */
body.kontakt main{
  width:min(1180px, calc(100% - 44px))!important;
  max-width:1180px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
body.kontakt .contact-compact-hero,
body.kontakt .contact-compact-hero .eyebrow,
body.kontakt .contact-compact-hero h1,
body.kontakt .contact-compact-hero p,
body.kontakt .contact-two-column,
body.kontakt .contact-left,
body.kontakt .contact-right,
body.kontakt .contact-box,
body.kontakt .compact-box,
body.kontakt .inquiry-form,
body.kontakt .inquiry-form .eyebrow,
body.kontakt .inquiry-form h2,
body.kontakt .inquiry-form p,
body.kontakt .inquiry-form label,
body.kontakt .contact-row,
body.kontakt .compact-steps{
  text-align:left!important;
}
body.kontakt .contact-compact-hero{
  width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
body.kontakt .contact-compact-hero p{
  margin-left:0!important;
  margin-right:auto!important;
}
body.kontakt .form-submit{
  justify-content:center!important;
}
body.damt-wheels-page .pageIntro,
body.damt-wheels-page .pageIntro p,
body.damt-wheels-page .pageIntro h1,
body.damt-wheels-page h1.damt-page-title{
  text-align:center!important;
}
body.damt-wheels-page .pageIntro{
  width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* DAMT v350 – finální přepsání: Zapletená kola nadpis vlevo v šířce hlavního bloku */
body.damt-wheels-page .pageIntro{
  width:min(1180px, calc(100% - 44px))!important;
  max-width:1180px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:0!important;
  padding-right:0!important;
  text-align:left!important;
}
body.damt-wheels-page .pageIntro p,
body.damt-wheels-page .pageIntro h1,
body.damt-wheels-page h1.damt-page-title,
body.damt-wheels-page .pageIntro span{
  text-align:left!important;
  margin-left:0!important;
  margin-right:auto!important;
}

/* DAMT v350 – Kontakt: začátky slov/vět vždy vlevo */
body.kontakt .contact-compact-hero,
body.kontakt .contact-compact-hero *,
body.kontakt .contact-two-column,
body.kontakt .contact-two-column *,
body.kontakt .contact-box,
body.kontakt .contact-box *,
body.kontakt .contact-right,
body.kontakt .contact-right *,
body.kontakt .inquiry-form,
body.kontakt .inquiry-form *{
  text-align:left!important;
}
body.kontakt .form-submit{
  justify-content:flex-start!important;
}

/* DAMT v365 – FINÁLNÍ OPRAVA MOBILNÍHO MENU
   Na mobilu je menu standardně schované. Viditelná je jen horní lišta s logem a hamburgerem. */
@media (max-width: 800px){
  .topbar{
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 9999 !important;
    height: 82px !important;
    min-height: 82px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 0 16px !important;
    background: #050505 !important;
    border-bottom: 1px solid rgba(255,255,255,.12) !important;
  }

  .brand{
    padding: 0 !important;
    flex: 0 0 auto !important;
  }

  .brand img{
    width: 178px !important;
    max-width: 52vw !important;
    height: auto !important;
    max-height: 62px !important;
    object-fit: contain !important;
  }

  .navToggle{
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 48px !important;
    height: 48px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    color: #fff !important;
    font-size: 34px !important;
    line-height: 1 !important;
    cursor: pointer !important;
  }

  .nav{
    display: none !important;
    position: fixed !important;
    top: 82px !important;
    left: 0 !important;
    right: 0 !important;
    bottom: auto !important;
    width: 100% !important;
    height: auto !important;
    max-height: calc(100vh - 82px) !important;
    overflow-y: auto !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    padding: 10px 22px 18px !important;
    background: rgba(5,5,5,.98) !important;
    border-bottom: 1px solid rgba(255,255,255,.14) !important;
    box-shadow: 0 18px 38px rgba(0,0,0,.65) !important;
  }

  .nav.open{
    display: flex !important;
  }

  .nav a{
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    height: auto !important;
    padding: 14px 0 !important;
    font-size: 14px !important;
    line-height: 1.15 !important;
    letter-spacing: .08em !important;
    text-align: left !important;
    border-bottom: 1px solid rgba(255,255,255,.08) !important;
  }

  

  body{
    padding-top: 82px !important;
  }

  .hero,
  .pageHero,
  main{
    margin-top: 0 !important;
  }
}

/* DAMT v366 – oprava mobilního menu i pro telefon na ležato / malé tablety.
   Pro šířky do 1180 px používáme hamburger, aby se desktopové menu nikdy nerozpadlo přes obsah. */
@media (max-width: 1180px){
  .topbar{
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 9999 !important;
    height: 82px !important;
    min-height: 82px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    grid-template-columns: none !important;
    padding: 0 16px !important;
    background: #050505 !important;
    border-bottom: 1px solid rgba(255,255,255,.12) !important;
    overflow: visible !important;
  }

  .brand{
    padding: 0 !important;
    flex: 0 0 auto !important;
  }

  .brand img{
    width: 178px !important;
    max-width: 52vw !important;
    height: auto !important;
    max-height: 62px !important;
    object-fit: contain !important;
  }

  .navToggle{
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 48px !important;
    height: 48px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    color: #fff !important;
    font-size: 34px !important;
    line-height: 1 !important;
    cursor: pointer !important;
  }

  .nav{
    display: none !important;
    position: fixed !important;
    top: 82px !important;
    left: 0 !important;
    right: 0 !important;
    bottom: auto !important;
    width: 100vw !important;
    height: auto !important;
    max-height: calc(100dvh - 82px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    padding: 10px 22px 18px !important;
    background: rgba(5,5,5,.98) !important;
    border-bottom: 1px solid rgba(255,255,255,.14) !important;
    box-shadow: 0 18px 38px rgba(0,0,0,.65) !important;
  }

  .nav.open{
    display: flex !important;
  }

  .nav a{
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 13px 0 !important;
    font-size: 14px !important;
    line-height: 1.15 !important;
    letter-spacing: .08em !important;
    text-align: left !important;
    border-bottom: 1px solid rgba(255,255,255,.08) !important;
    white-space: normal !important;
  }

  .nav a.active:after{
    display: none !important;
    content: none !important;
  }

  

  body{
    padding-top: 82px !important;
  }

  .hero,
  .pageHero,
  main{
    margin-top: 0 !important;
  }
}

/* Telefon na ležato: nižší hlavička a kompaktnější rozbalené menu. */
@media (max-width: 1180px) and (orientation: landscape) and (max-height: 520px){
  .topbar{
    height: 68px !important;
    min-height: 68px !important;
    padding: 0 18px !important;
  }

  .brand img{
    width: 150px !important;
    max-height: 50px !important;
  }

  .navToggle{
    width: 44px !important;
    height: 44px !important;
    font-size: 32px !important;
  }

  .nav{
    top: 68px !important;
    max-height: calc(100dvh - 68px) !important;
    padding: 6px 24px 12px !important;
  }

  .nav a{
    padding: 8px 0 !important;
    font-size: 13px !important;
    line-height: 1.1 !important;
  }

  

  body{
    padding-top: 68px !important;
  }
}

/* DAMT unified footer - single source */
html, body{
  min-height:100%;
}
body{
  display:flex !important;
  flex-direction:column !important;
  min-height:100vh !important;
  overflow-x:hidden;
}
.damtFooterUnified{
  width:100% !important;
  background:#050505 !important;
  border-top:1px solid rgba(255,255,255,.10) !important;
  padding:22px 0 24px !important;
  margin-top:42px !important;
  box-sizing:border-box !important;
  position:relative !important;
  z-index:9999 !important;
  clear:both !important;
  flex:0 0 auto !important;
  display:block !important;
}
.damtFooterUnifiedInner{
  width:min(1180px,calc(100% - 44px)) !important;
  margin:0 auto !important;
  box-sizing:border-box !important;
}
.damtFooterCopyright{
  color:rgba(255,255,255,.58) !important;
  font-size:14px !important;
  line-height:1.45 !important;
  margin:0 0 8px !important;
  font-weight:400 !important;
}
.damtFooterLinks{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:9px !important;
  align-items:center !important;
  color:rgba(255,255,255,.42) !important;
  font-size:11px !important;
  line-height:1.45 !important;
}
.damtFooterLinks a{
  color:rgba(255,255,255,.62) !important;
  text-decoration:none !important;
  font-size:11px !important;
  line-height:1.45 !important;
}
.damtFooterLinks a:hover{
  color:#d6b35a !important;
}
.damtFooterLinks .sep{
  color:rgba(214,179,90,.38) !important;
  margin:0 4px !important;
}
@media(max-width:900px){
  .damtFooterUnified{
    padding:20px 0 22px !important;
    margin-top:34px !important;
  }
  .damtFooterUnifiedInner{
    width:calc(100% - 28px) !important;
  }
  .damtFooterLinks{
    gap:6px !important;
    line-height:1.65 !important;
  }
}



/* DAMT site search */
.damtSearch{
  position:relative;
  display:flex;
  align-items:center;
  min-width:220px;
  max-width:280px;
  margin-left:14px;
  z-index:50;
}
.damtSearchForm{
  width:100%;
  display:flex;
  align-items:center;
  border:1px solid rgba(255,255,255,.55);
  border-radius:8px;
  background:rgba(0,0,0,.38);
  overflow:hidden;
  height:42px;
}
.damtSearchInput{
  width:100%;
  min-width:0;
  border:0!important;
  outline:none;
  background:transparent!important;
  color:#fff;
  padding:0 8px 0 13px;
  font-size:14px;
  font-weight:600;
}
.damtSearchInput::placeholder{color:rgba(255,255,255,.62)}
.damtSearchClear,
.damtSearchSubmit{
  border:0;
  background:transparent;
  color:#fff;
  cursor:pointer;
  height:42px;
  width:34px;
  font-size:22px;
  line-height:1;
}
.damtSearchClear{
  display:none;
  color:rgba(255,255,255,.72);
  font-size:20px;
}
.damtSearchSubmit{
  font-size:20px;
  padding-right:10px;
}
.damtSearchResults{
  display:none;
  position:absolute;
  top:50px;
  right:0;
  width:min(430px,88vw);
  background:rgba(3,3,3,.96);
  border:1px solid rgba(255,255,255,.24);
  border-radius:8px;
  box-shadow:0 18px 44px rgba(0,0,0,.58);
  overflow:hidden;
  z-index:9999;
}
.damtSearchResults.isOpen{display:block}
.damtSearchItem{
  display:block!important;
  padding:14px 16px!important;
  border-bottom:1px solid rgba(255,255,255,.12);
  text-decoration:none!important;
  color:#fff!important;
  line-height:1.35;
  text-transform:none!important;
  letter-spacing:0!important;
}
.damtSearchItem:hover{background:rgba(255,212,0,.10)}
.damtSearchItem strong{
  display:block;
  color:#fff;
  font-size:15px;
  font-weight:900;
  text-transform:uppercase;
  margin-bottom:4px;
}
.damtSearchItem span{
  display:block;
  color:rgba(255,255,255,.68);
  font-size:13px;
  font-weight:500;
}
.damtSearchHint,
.damtSearchAll{
  display:block;
  width:100%;
  padding:14px 16px;
  color:#ffd400;
  background:transparent;
  border:0;
  text-align:left;
  font-size:14px;
  font-weight:700;
}
.damtSearchAll{cursor:pointer;border-top:1px solid rgba(255,255,255,.12)}
.damtSearchAll:hover{background:rgba(255,212,0,.10)}
.damtSearchMark{
  background:#ffd400;
  color:#000;
  padding:0 .12em;
  border-radius:3px;
}
@media (max-width:1200px){
  .damtSearch{order:20;width:100%;max-width:none;margin:12px 0 0}
  .damtSearchResults{left:0;right:auto;width:100%}
}



/* Na menších obrazovkách se může zalomit, ale na desktopu drží místo vedle Kontakt */
@media (max-width:1200px){
  .nav .damtSearch{
    order:initial !important;
    width:190px !important;
    min-width:190px !important;
    max-width:190px !important;
    margin:0 6px !important;
  }
}


/* DAMT search corrected inline position */
.nav .damtSearch{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  align-self:center !important;
  flex:0 0 175px !important;
  width:175px !important;
  min-width:175px !important;
  max-width:175px !important;
  height:34px !important;
  margin-left:-16px !important;
  margin-right:-14px !important;
  z-index:9999 !important;
}
.nav .damtSearchForm{
  width:175px !important;
  height:34px !important;
  display:flex !important;
  align-items:center !important;
  border:1px solid rgba(255,255,255,.55) !important;
  border-radius:7px !important;
  background:rgba(0,0,0,.42) !important;
  overflow:hidden !important;
}
.nav .damtSearchInput{
  height:34px !important;
  line-height:34px !important;
  font-size:13px !important;
  padding:0 6px 0 10px !important;
  background:transparent !important;
}
.nav .damtSearchClear,
.nav .damtSearchSubmit{
  height:34px !important;
  width:28px !important;
  min-width:28px !important;
}
.nav .damtSearchResults{
  top:42px !important;
  right:0 !important;
  left:auto !important;
  width:380px !important;
}


/* Jednotná navigace detailů zapletených kol DAMT */
.damtProductHeader{
  width:100%;
  max-width:1500px;
  min-height:64px;
  margin:0 auto;
  padding:0 28px;
  display:flex;
  align-items:center;
  gap:32px;
  background:#050505;
  border-bottom:1px solid rgba(255,255,255,.12);
  font-family:Arial,Helvetica,sans-serif;
  box-sizing:border-box;
}
.damtProductHeader nav{
  min-width:0;
  margin-left:auto;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:28px;
  flex-wrap:nowrap;
}
.damtProductHeader a{
  min-height:64px;
  display:inline-flex;
  align-items:center;
  color:#fff;
  text-decoration:none;
  font-family:inherit;
  font-size:14px;
  font-weight:900;
  line-height:1;
  letter-spacing:.08em;
  white-space:nowrap;
}
.damtProductHeader a:hover{color:var(--gold2,#f2c200)}
.damtProductHeader .damtBack{
  color:var(--gold2,#f2c200);
  font-size:14px;
  font-weight:900;
  line-height:1;
}
.damtProductHeader .damtSearch{
  position:relative;
  flex:0 0 175px;
  width:175px;
  min-width:175px;
  max-width:175px;
  height:34px;
  margin:0;
  align-self:center;
}
.damtProductHeader .damtSearchForm{
  width:100%;
  height:34px;
  margin:0;
  display:flex;
  align-items:center;
}
.damtProductHeader .damtSearchInput{
  height:32px;
  font-family:inherit;
  font-size:13px;
  line-height:32px;
}
.damtProductHeader .damtSearchResults{
  top:42px;
  right:0;
  left:auto;
  width:min(380px,calc(100vw - 32px));
}
@media(max-width:1120px){
  .damtProductHeader{
    padding:14px 16px;
    min-height:0;
    flex-direction:column;
    align-items:stretch;
    gap:12px;
  }
  .damtProductHeader nav{
    width:100%;
    margin-left:0;
    justify-content:flex-start;
    flex-wrap:wrap;
    gap:10px 18px;
  }
  .damtProductHeader a,
  .damtProductHeader .damtBack{
    min-height:32px;
    font-size:13px;
    line-height:1.2;
  }
  .damtProductHeader .damtSearch{
    flex:1 1 100%;
    width:100%;
    min-width:0;
    max-width:100%;
    margin:2px 0 0;
  }
  .damtProductHeader .damtSearchForm{width:100%}
  .damtProductHeader .damtSearchResults{
    right:auto;
    left:0;
    width:100%;
  }
}
@media(max-width:700px){
  html:has(body > .damtProductHeader),
  body:has(> .damtProductHeader){
    margin:0 !important;
    padding:0 !important;
  }
  body > .damtProductHeader:first-child{
    position:relative;
    top:0 !important;
    margin-top:0 !important;
    transform:none !important;
  }
  .damtProductHeader{
    width:100%;
    min-height:0;
    height:auto;
    margin:0 auto;
    padding:14px 16px;
    flex-direction:column;
    align-items:stretch;
    gap:10px;
  }
  .damtProductHeader nav{
    width:100%;
    min-height:0;
    height:auto;
    margin:0;
    padding:0;
    position:static;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:flex-start;
    gap:8px 16px;
  }
  .damtProductHeader a,
  .damtProductHeader .damtBack{
    min-height:0;
    height:auto;
    margin:0;
    padding:0;
    line-height:1.35;
  }
  .damtProductHeader .damtBack{
    width:100%;
  }
  .damtProductHeader .damtSearch{
    position:relative;
    order:20;
    flex:1 1 100%;
    width:100%;
    min-width:0;
    max-width:none;
    height:42px;
    margin:2px 0 0;
  }
  .damtProductHeader .damtSearchForm{
    width:100%;
    height:42px;
  }
  .damtProductHeader .damtSearchInput{
    height:40px;
    line-height:40px;
  }
  .damtProductHeader .damtSearchResults{
    top:calc(100% + 8px);
    width:100%;
  }
  body:not(.home) main.damtProductPage{
    padding-top:16px !important;
  }
  .productHero{
    margin-top:0 !important;
  }
}
@media (max-width:1350px){
  .nav{gap:22px !important;padding-right:24px !important}
  .nav .damtSearch{
    flex-basis:155px !important;
    width:155px !important;
    min-width:155px !important;
    max-width:155px !important;
    margin-left:-12px !important;
    margin-right:-10px !important;
  }
  .nav .damtSearchForm{width:155px !important}
}


/* DAMT FIX – vyhledávání: správné vyjíždění výsledků jako na ostatních stránkách */
.topbar{
  overflow:visible !important;
  z-index:2147482000 !important;
}
.nav{
  overflow:visible !important;
}
.damtSearch{
  position:relative !important;
  z-index:2147483000 !important;
}
.damtSearchResults{
  position:absolute !important;
  top:calc(100% + 8px) !important;
  right:0 !important;
  left:auto !important;
  width:min(360px, calc(100vw - 24px)) !important;
  max-height:360px !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  background:#050505 !important;
  background-color:#050505 !important;
  opacity:1 !important;
  border:1px solid rgba(255,255,255,.28) !important;
  border-radius:10px !important;
  box-shadow:0 18px 44px rgba(0,0,0,.78) !important;
  z-index:2147483640 !important;
}
.damtSearchResults.isOpen{
  display:block !important;
}
.damtSearchItem{
  padding:11px 14px !important;
  background:#050505 !important;
}
.damtSearchItem:hover{
  background:#151515 !important;
}
.damtSearchItem strong{
  font-size:13px !important;
  line-height:1.25 !important;
}
.damtSearchItem span{
  font-size:12px !important;
  line-height:1.32 !important;
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
}
.damtSearchHint,
.damtSearchAll{
  background:#050505 !important;
  font-size:13px !important;
  padding:11px 14px !important;
}
body.damt-wheels-page .damtSearchResults{
  background:#050505 !important;
  background-color:#050505 !important;
}



/* DAMT FIX – kurzor zoom-out i při zavírání zvětšené fotky */
.damtImageZoomOverlay,
.damtImageZoomOverlay img,
.damtPhotoZoomOverlay,
.damtPhotoZoomOverlay img,
.damtRealZoomLayer,
.damtRealZoomLayer img,
.damtRealZoomItem.zoomed{
  cursor: zoom-out !important;
}
.productPhoto,
.productPhoto img,
.damtWheelThumb,
.damtWheelThumb img,
.eshopWheelExpandedPhoto img{
  cursor: zoom-in !important;
}

/* DAMT FINAL: sjednocená reflexní žlutá pro hlavní klikací CTA tlačítka */
.btn.primary,
a.btn.primary,
button.btn.primary,
.damtOrderBtn,
a.damtOrderBtn,
.orderBtn,
.addToCart{
  background:#ffff00 !important;
  background-color:#ffff00 !important;
  background-image:none !important;
  color:#050505 !important;
  border-color:#ffff00 !important;
}
.btn.primary:hover,
a.btn.primary:hover,
button.btn.primary:hover,
.damtOrderBtn:hover,
a.damtOrderBtn:hover{
  background:#ffff33 !important;
  background-color:#ffff33 !important;
  border-color:#ffff33 !important;
}

/* DAMT 20260704 – úpravy hlavičky, blogu a modal programu výměny */
.topbar{height:78px !important;grid-template-columns:300px 1fr !important;}
.brand img{height:68px !important;width:300px !important;}
.nav{gap:20px !important;padding-right:32px !important;}
.nav a{font-size:14px !important;}
.hero{margin-top:78px !important;}
body:not(.home) main{padding-top:78px;}
.damtCrashProgramModal{position:fixed;inset:0;z-index:2147483646;display:none;align-items:center;justify-content:center;padding:24px;}
.damtCrashProgramModal.is-open{display:flex;}
.damtCrashProgramBackdrop{position:absolute;inset:0;background:rgba(0,0,0,.82);backdrop-filter:blur(5px);}
.damtCrashProgramPanel{position:relative;width:min(820px,92vw);background:#060606;border:1px solid rgba(242,194,0,.55);border-radius:20px;padding:34px 38px;color:#fff;box-shadow:0 20px 80px rgba(0,0,0,.75);}
.damtCrashProgramPanel h3{margin:0 0 18px;color:#f2c200;font-size:34px;line-height:1.1;text-transform:uppercase;letter-spacing:.06em;}
.damtCrashProgramPanel p{font-size:22px;line-height:1.55;color:#ddd;margin:0;}
.damtCrashProgramClose{position:absolute;right:16px;top:10px;background:transparent;border:0;color:#fff;font-size:38px;line-height:1;cursor:pointer;}
.damtFooterCol a.damtCrashProgramFooterLink{color:#fff;}
@media(max-width:1200px){.nav{gap:14px !important;padding-right:18px !important}.nav a{font-size:13px !important}.topbar{grid-template-columns:250px 1fr !important}.brand img{width:240px !important;}}
@media(max-width:800px){.topbar{height:78px !important}.nav{top:78px !important}.hero{margin-top:78px !important}.damtCrashProgramPanel{padding:28px 22px}.damtCrashProgramPanel h3{font-size:26px}.damtCrashProgramPanel p{font-size:18px;}}


/* DAMT 20260704 FIX 2 – skutečně nižší horní lišta + menu v jedné řadě */
.topbar{
  height:52px !important;
  min-height:52px !important;
  grid-template-columns:260px 1fr !important;
  align-items:center !important;
  overflow:visible !important;
}
.brand{
  padding-left:28px !important;
  height:52px !important;
  display:flex !important;
  align-items:center !important;
}
.brand img{
  width:230px !important;
  height:58px !important;
  object-fit:contain !important;
}
.nav{
  height:52px !important;
  min-height:52px !important;
  display:flex !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:14px !important;
  padding-right:22px !important;
  white-space:nowrap !important;
  overflow:visible !important;
}
.nav a{
  height:52px !important;
  font-size:12px !important;
  line-height:1 !important;
  letter-spacing:.055em !important;
  flex:0 0 auto !important;
  white-space:nowrap !important;
}


.nav .damtSearch{flex:0 0 auto !important;}
.nav .damtSearchForm{height:34px !important;width:150px !important;}
.nav .damtSearchInput{font-size:12px !important;}
.hero{margin-top:52px !important;}
body:not(.home) main{padding-top:52px !important;}
@media(max-width:1400px){
  .topbar{grid-template-columns:220px 1fr !important;}
  .brand{padding-left:18px !important;}
  .brand img{width:205px !important;height:54px !important;}
  .nav{gap:10px !important;padding-right:12px !important;}
  .nav a{font-size:11px !important;letter-spacing:.04em !important;}
  .nav .damtSearchForm{width:130px !important;}
}
@media(max-width:1120px){
  .topbar{height:78px !important;min-height:78px !important;}
  .brand{height:78px !important;}
  .brand img{width:190px !important;height:66px !important;}
  .navToggle{display:block !important;}
  .nav{display:none !important;position:absolute !important;top:78px !important;left:0 !important;right:0 !important;height:auto !important;min-height:0 !important;flex-direction:column !important;align-items:flex-start !important;background:#050505 !important;padding:20px !important;gap:12px !important;}
  .nav.open{display:flex !important;}
  .nav a{height:auto !important;font-size:14px !important;padding:8px 0 !important;}
  .hero{margin-top:78px !important;}
  body:not(.home) main{padding-top:78px !important;}
}

/* DAMT header logo small top gap - all pages */
.brand.logoTrigger img, a.brand.logoTrigger img{transform:translateY(4px)!important;}

/* DAMT 20260704 FIX3 – sjednocení horní mezery headeru na všech podstránkách podle DOMŮ */
body:not(.home) .topbar{
  top:4px !important;
}
body:not(.home) .pageIntro{
  margin-top:56px !important;
}
body:not(.home) .nav .damtSearch{
  top:58px !important;
}
@media(max-width:1120px){
  body:not(.home) .topbar{top:4px !important;}
  body:not(.home) .nav{top:82px !important;}
  body:not(.home) .pageIntro{margin-top:82px !important;}
}

html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
/* Jednotné technické specifikace produktu DAMT CORE */
.damtCoreSpecs {
  width: 100%;
  max-width: 1040px;
  margin-inline: auto;
  padding: 26px;
  border: 1px solid rgba(215, 184, 74, .35);
  border-radius: 18px;
  background: #0b0b0b;
  box-sizing: border-box;
}

.damtCoreSpecs > h2,
.damtCoreSpecs > h4 {
  margin: 0 0 22px;
  color: var(--gold, #d7b84a);
  text-align: left;
}

.damtCoreSpecsTable {
  display: table !important;
  width: 100% !important;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  overflow: visible !important;
  border: 0;
  background: #0b0b0b;
  color: #fff;
  font-size: 15px;
  line-height: 1.55;
}

.damtCoreSpecsTable .damtCoreSpecsParam { width: 42%; }
.damtCoreSpecsTable .damtCoreSpecsValue { width: 58%; }

.damtCoreSpecsTable th,
.damtCoreSpecsTable td {
  display: table-cell !important;
  padding: 12px 16px;
  border: 0;
  border-bottom: 1px solid rgba(255, 255, 255, .10);
  background: transparent;
  color: #fff;
  text-align: left !important;
  vertical-align: top;
  white-space: normal;
  overflow-wrap: normal;
  word-break: normal;
  font-size: 15px;
  line-height: 1.55;
}

.damtCoreSpecsTable th:first-child,
.damtCoreSpecsTable td:first-child,
.damtCoreSpecsTable th:nth-child(2),
.damtCoreSpecsTable td:nth-child(2) {
  text-align: left !important;
}

.damtCoreSpecsTable th > *,
.damtCoreSpecsTable td > * {
  display: revert !important;
  width: auto !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-inline: 0 !important;
  text-align: inherit !important;
}

.damtCoreSpecsTable thead th {
  background: rgba(215, 184, 74, .14);
  color: #f0c400;
  font-weight: 700;
  border-bottom-color: rgba(215, 184, 74, .35);
}

.damtCoreSpecsTable tbody th { font-weight: 600; }
.damtCoreSpecsTable tbody td { font-weight: 400; }
.damtCoreSpecsTable tbody tr:last-child th,
.damtCoreSpecsTable tbody tr:last-child td { border-bottom: 0; }

@media (max-width: 768px) {
  .damtCoreSpecs {
    max-width: 100%;
    padding: 10px 6px;
  }

  .damtCoreSpecs > h2,
  .damtCoreSpecs > h4 {
    margin: 0 0 16px;
    font-size: 20px;
    line-height: 1.2;
  }

  .damtCoreSpecsTable {
    display: table !important;
    width: 100% !important;
    margin: 0 !important;
    table-layout: fixed;
    overflow: visible !important;
  }

  .damtCoreSpecsTable .damtCoreSpecsParam { width: 48%; }
  .damtCoreSpecsTable .damtCoreSpecsValue { width: 52%; }

  .damtCoreSpecsTable th,
  .damtCoreSpecsTable td {
    display: table-cell !important;
    padding: 8px 6px;
    margin: 0;
    text-align: left !important;
    vertical-align: top;
    font-size: 14px;
    line-height: 1.35;
    white-space: normal;
    word-break: normal;
    overflow-wrap: normal;
  }

  .damtCoreSpecsTable thead th {
    font-size: 15px;
  }

  .detailSection p {
    white-space: normal !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
  }

  .detailSection p strong {
    display: inline !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

}

/* Společný vzhled hlavních CTA tlačítek */
.damtModelTitle .damtBrand,
.wheelCardInfo .damtBrand { color:#fff !important; }
.damtModelTitle .damtModel,
.wheelCardInfo .damtModel {
  color:var(--gold,#d7b84a) !important;
  margin-left:.22em !important;
}
.damtModelTitle { white-space:normal !important; word-spacing:normal !important; }
.productHero { align-items:start !important; }
.productPhoto { align-items:flex-start !important; justify-content:center !important; }
.productPhoto img { align-self:flex-start !important; margin-top:0 !important; }

:root {
  --damt-cta-neon: #ffff00;
  --damt-cta-neon-hover: #ffff33;
}

.btn.primary,
button.btn.primary,
a.btn.primary,
.damtCtaBtn,
.damtOrderBtn,
a.damtOrderBtn,
.orderBtn,
.addToCart,
button.orderBtn,
button.addToCart,
.heroActions a:first-child,
.hero-actions a:first-child,
.ctaRow a:first-child,
.cta-row a:first-child {
  background: var(--damt-cta-neon) !important;
  background-image: none !important;
  color: #050505 !important;
  -webkit-text-fill-color: #050505 !important;
  border-color: var(--damt-cta-neon) !important;
  box-shadow: 0 18px 44px rgba(255,255,0,.28) !important;
  font-weight: 900 !important;
}

.btn.primary:hover,
button.btn.primary:hover,
a.btn.primary:hover,
.damtCtaBtn:hover,
.damtOrderBtn:hover,
a.damtOrderBtn:hover,
.orderBtn:hover,
.addToCart:hover,
.heroActions a:first-child:hover,
.hero-actions a:first-child:hover,
.ctaRow a:first-child:hover,
.cta-row a:first-child:hover {
  background: var(--damt-cta-neon-hover) !important;
  border-color: var(--damt-cta-neon-hover) !important;
}
.damtCertification{width:100%;max-width:100%;overflow:hidden}
.damtCertificationList{display:block;margin:18px 0 0;padding:0}
.damtCertificationList p{display:block;margin:12px 0;color:#f5f5f5;font:inherit;line-height:inherit;overflow-wrap:anywhere}
.damtCertificationList p::first-letter{color:#ffd400;font-weight:900}