/* DTOX v12 — scoped (bezpečné pro staré stránky) */
/* DTOX v11 — kompletni CSS (externí soubor pro Shoptet) */

/* ==== z preview-detail-caps.html ==== */

:root{--gold:#C8921A;--gold-dark:#A9790F;--gold-light:#E8C97E;--gold-soft:#F4E4BE;
--gold-bg:rgba(200,146,26,.07);--gold-border:rgba(200,146,26,.22);
--bg:#FFFFFF;--bg-soft:#FBFAF7;--ink:#0A0A0A;--gray:#454B55;--gray-light:#7A808A;--line:rgba(10,10,10,.08);--r:20px;
--sh:0 1px 2px rgba(10,10,10,.03),0 10px 30px rgba(10,10,10,.05);
--shd:0 2px 8px rgba(10,10,10,.05),0 22px 60px rgba(169,121,15,.14)}
*{box-sizing:border-box;margin:0}
html{background:var(--bg)}
body{font-family:Poppins,sans-serif;background:transparent;color:var(--ink);-webkit-font-smoothing:antialiased;letter-spacing:-.005em;overflow-x:hidden}
.bgwrap{position:fixed;inset:0;z-index:-1;overflow:hidden;background:#fff;pointer-events:none}
.bgwrap::before{content:"";position:absolute;inset:-6%;background:url("assets/bg-gold-d.jpg") center/cover no-repeat;animation:bgdrift 46s ease-in-out infinite alternate;will-change:transform}
.bgwrap::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(255,255,255,.86))}
@keyframes bgdrift{0%{transform:scale(1.06)}100%{transform:scale(1.13) translate(-2%,-1.5%)}}
@media(max-width:760px){.bgwrap::before{background-image:url("assets/bg-gold-m.jpg")}}
@media(prefers-reduced-motion:reduce){.bgwrap::before{animation:none}}
body.dtox-on img{max-width:100%;display:block}body.dtox-on a{text-decoration:none;color:inherit}
body.dtox-on .wrap{max-width:1140px;margin:0 auto;padding:0 24px;position:relative}


@media(max-width:620px){}

body.dtox-on .hd{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;max-width:1140px;margin:0 auto}
body.dtox-on .logo img{height:36px;width:auto;display:block}




@media(min-width:900px){}




body.dtox-on .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--gold);color:#fff;border:1px solid var(--gold);border-radius:100px;font-weight:600;font-size:14px;padding:14px 32px;min-height:48px;transition:.18s;cursor:pointer}
body.dtox-on .btn:hover{background:var(--gold-dark);border-color:var(--gold-dark)}
body.dtox-on section{padding:46px 0;position:relative;z-index:2}
body.dtox-on .eyebrow{font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold-dark);font-weight:600;margin-bottom:10px}
body.dtox-on h1{font-size:2.05rem;font-weight:800;letter-spacing:-.025em;line-height:1.1}
body.dtox-on h2{font-size:1.4rem;font-weight:700;letter-spacing:-.015em;margin-bottom:16px}
body.dtox-on .lead{color:var(--gray);font-size:14.5px;line-height:1.78;font-weight:400;margin-top:12px;max-width:68ch}
body.dtox-on .crumb{font-size:11.5px;color:var(--gray);padding:18px 0;position:relative;z-index:2}
body.dtox-on .crumb a:hover{color:var(--gold-dark)}
body.dtox-on footer{background:var(--ink);color:#9BA0A8;font-size:13px;padding:34px 24px;text-align:center;position:relative;z-index:2}
body.dtox-on footer img{height:26px;margin:0 auto 12px;opacity:.95}
body.dtox-on footer b{color:var(--gold-light)}body.dtox-on footer .k{max-width:520px;margin:0 auto 8px;line-height:1.8;font-weight:300}

body.dtox-on .detail{display:grid;gap:34px;padding-bottom:36px;position:relative;z-index:2}
@media(min-width:900px){body.dtox-on .detail{grid-template-columns:1fr 1fr}}
body.dtox-on .gal{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh)}
body.dtox-on .gal .main{aspect-ratio:1/1;display:grid;place-items:center;padding:30px;
background:radial-gradient(340px 200px at 50% 92%,rgba(200,146,26,.14),transparent 72%),linear-gradient(180deg,#FFFFFF,#FBFAF6)}
body.dtox-on .gal .main img{max-height:88%;object-fit:contain;filter:drop-shadow(0 22px 28px rgba(101,72,12,.24))}
body.dtox-on .badge{display:inline-block;background:var(--ink);color:var(--gold-light);font-size:9px;letter-spacing:.14em;text-transform:uppercase;border-radius:100px;padding:5px 11px;font-weight:600;margin-bottom:12px}
body.dtox-on .badge.gold{background:var(--gold);color:#fff}
body.dtox-on .pd h1{font-size:1.9rem}
body.dtox-on .pd .claim{color:var(--gold-dark);font-weight:500;font-size:14px;margin-top:6px}
body.dtox-on .pd .desc{color:var(--gray);font-size:14px;line-height:1.7;font-weight:400;margin-top:14px}
body.dtox-on .pd .pricebox{display:flex;align-items:baseline;gap:12px;margin:22px 0 6px}
body.dtox-on .pd .price{font-size:2rem;font-weight:700}
body.dtox-on .pd .price s{font-size:1.1rem;color:var(--gray-light);font-weight:400;margin-left:10px}
body.dtox-on .pd .vat{font-size:11.5px;color:var(--gray)}
body.dtox-on .save{color:#2E7D32;font-size:12.5px;font-weight:600;margin-bottom:6px;display:block}
body.dtox-on .stock{color:#2E7D32;font-size:12.5px;font-weight:600;margin-bottom:16px}
body.dtox-on .buyrow{display:flex;gap:10px;align-items:stretch}
body.dtox-on .qty{display:flex;border:1px solid var(--line);border-radius:100px;background:#fff;overflow:hidden}
body.dtox-on .qty button{width:44px;border:0;background:none;font-size:18px;cursor:pointer}
body.dtox-on .qty input{width:40px;text-align:center;border:0;font-family:Poppins;font-size:14px}
body.dtox-on .buyrow .btn{flex:1}
body.dtox-on .binfo{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:11px;color:var(--gray);margin-top:14px}
body.dtox-on .binfo b{color:#2E7D32}
body.dtox-on .upsell{margin-top:22px;background:var(--gold-bg);border:1px solid var(--gold-border);border-radius:14px;padding:16px 18px;display:flex;gap:14px;align-items:center;transition:.15s}
body.dtox-on .upsell:hover{border-color:var(--gold);box-shadow:var(--sh)}
body.dtox-on .upsell img{width:56px;height:56px;object-fit:contain}
body.dtox-on .upsell .t{flex:1;font-size:12.5px;line-height:1.5;color:var(--ink)}
body.dtox-on .upsell .t b{display:block;font-size:13px}
body.dtox-on .upsell .go{font-size:12px;font-weight:600;color:var(--gold-dark);white-space:nowrap}
body.dtox-on .two{display:grid;gap:28px}
@media(min-width:900px){body.dtox-on .two{grid-template-columns:1fr 1fr}}
body.dtox-on .box{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:26px 28px;box-shadow:var(--sh)}
body.dtox-on .box p,body.dtox-on .box li{font-size:13.5px;color:#374151;line-height:1.7;font-weight:400}
body.dtox-on .box ul{padding-left:18px;margin-top:6px}
body.dtox-on table{width:100%;border-collapse:collapse;font-size:13.5px}
body.dtox-on th{font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--gray);text-align:left;padding:10px 6px;border-bottom:2px solid var(--gold);font-weight:600}
body.dtox-on td{padding:11px 6px;border-bottom:1px solid var(--line)}
body.dtox-on td:last-child{text-align:right;font-weight:600;color:var(--gold-dark);white-space:nowrap}
body.dtox-on .note{font-size:12px;color:var(--gray);font-weight:400;margin-top:12px;line-height:1.6}
body.dtox-on .params{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
body.dtox-on .params span{font-size:11px;color:#4B5563;background:#fff;border:1px solid var(--line);border-radius:100px;padding:7px 13px}
body.dtox-on .docs{background:var(--bg-soft);border:1px solid var(--gold-border);border-radius:var(--r);padding:24px 26px;margin-top:28px}
body.dtox-on .docs .list{display:grid;gap:8px;margin-top:12px}
@media(min-width:760px){body.dtox-on .docs .list{grid-template-columns:repeat(2,1fr)}}
body.dtox-on .docs a{display:flex;align-items:center;gap:10px;font-size:12.5px;font-weight:500;color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:12px;padding:12px 14px;transition:.15s}
body.dtox-on .docs a:hover{border-color:var(--gold-border);color:var(--gold-dark)}
body.dtox-on .sticky{position:fixed;left:0;right:0;bottom:0;z-index:180;display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.97);backdrop-filter:blur(12px);border-top:1px solid var(--line);padding:10px 16px;box-shadow:0 -6px 24px rgba(10,10,10,.1)}
body.dtox-on .sticky .p{font-weight:700;font-size:16px;white-space:nowrap}
body.dtox-on .sticky .p small{display:block;font-size:9px;color:#2E7D32;font-weight:600}
body.dtox-on .sticky .btn{flex:1;padding:12px}
@media(min-width:992px){body.dtox-on .sticky{display:none}}

/* ==== z preview-hub-brain.html ==== */

:root{--gold:#C8921A;--gold-dark:#A9790F;--gold-light:#E8C97E;--gold-soft:#F4E4BE;
--gold-bg:rgba(200,146,26,.07);--gold-border:rgba(200,146,26,.22);
--bg:#FFFFFF;--bg-soft:#FBFAF7;--ink:#0A0A0A;--gray:#454B55;--gray-light:#7A808A;--line:rgba(10,10,10,.08);--r:20px;
--sh:0 1px 2px rgba(10,10,10,.03),0 10px 30px rgba(10,10,10,.05);
--shd:0 2px 8px rgba(10,10,10,.05),0 22px 60px rgba(169,121,15,.14)}
*{box-sizing:border-box;margin:0}
html{background:var(--bg)}
body{font-family:Poppins,sans-serif;background:transparent;color:var(--ink);-webkit-font-smoothing:antialiased;letter-spacing:-.005em;overflow-x:hidden}
.bgwrap{position:fixed;inset:0;z-index:-1;overflow:hidden;background:#fff;pointer-events:none}
.bgwrap::before{content:"";position:absolute;inset:-6%;background:url("assets/bg-gold-d.jpg") center/cover no-repeat;animation:bgdrift 46s ease-in-out infinite alternate;will-change:transform}
.bgwrap::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(255,255,255,.86))}
@keyframes bgdrift{0%{transform:scale(1.06)}100%{transform:scale(1.13) translate(-2%,-1.5%)}}
@media(max-width:760px){.bgwrap::before{background-image:url("assets/bg-gold-m.jpg")}}
@media(prefers-reduced-motion:reduce){.bgwrap::before{animation:none}}
body.dtox-on img{max-width:100%;display:block}body.dtox-on a{text-decoration:none;color:inherit}
body.dtox-on .wrap{max-width:1140px;margin:0 auto;padding:0 24px;position:relative}


@media(max-width:620px){}

body.dtox-on .hd{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;max-width:1140px;margin:0 auto}
body.dtox-on .logo img{height:36px;width:auto;display:block}




@media(min-width:900px){}




body.dtox-on .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--gold);color:#fff;border:1px solid var(--gold);border-radius:100px;font-weight:600;font-size:14px;padding:14px 32px;min-height:48px;transition:.18s;cursor:pointer}
body.dtox-on .btn:hover{background:var(--gold-dark);border-color:var(--gold-dark)}
body.dtox-on section{padding:46px 0;position:relative;z-index:2}
body.dtox-on .eyebrow{font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold-dark);font-weight:600;margin-bottom:10px}
body.dtox-on h1{font-size:2.05rem;font-weight:800;letter-spacing:-.025em;line-height:1.1}
body.dtox-on h2{font-size:1.4rem;font-weight:700;letter-spacing:-.015em;margin-bottom:16px}
body.dtox-on .lead{color:var(--gray);font-size:14.5px;line-height:1.78;font-weight:400;margin-top:12px;max-width:68ch}
body.dtox-on .crumb{font-size:11.5px;color:var(--gray);padding:18px 0;position:relative;z-index:2}
body.dtox-on .crumb a:hover{color:var(--gold-dark)}
body.dtox-on footer{background:var(--ink);color:#9BA0A8;font-size:13px;padding:34px 24px;text-align:center;position:relative;z-index:2}
body.dtox-on footer img{height:26px;margin:0 auto 12px;opacity:.95}
body.dtox-on footer b{color:var(--gold-light)}body.dtox-on footer .k{max-width:520px;margin:0 auto 8px;line-height:1.8;font-weight:300}

body.dtox-on .hhero{position:relative;overflow:hidden;min-height:340px;display:flex;align-items:flex-end}
body.dtox-on .hhero img.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
body.dtox-on .hhero::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,10,10,.05) 20%,rgba(10,10,10,.66) 100%);z-index:1}
body.dtox-on .hhero .in{position:relative;z-index:2;max-width:1140px;margin:0 auto;padding:70px 24px 34px;width:100%;color:#fff}
body.dtox-on .hhero .eyebrow{color:var(--gold-light)}
body.dtox-on .hhero h1{color:#fff}
body.dtox-on .hhero p{color:#E3DDD0;font-size:14px;margin-top:8px;font-weight:400;max-width:58ch}
body.dtox-on .art{max-width:760px}
body.dtox-on .art h2{margin-top:34px}
body.dtox-on .art p{color:#33383F;font-size:14.5px;line-height:1.85;font-weight:400;margin-top:12px}
body.dtox-on .art ul{padding-left:20px;margin-top:12px}
body.dtox-on .art li{color:#33383F;font-size:14px;line-height:1.8;font-weight:400}
body.dtox-on .callout{margin:26px 0;padding:20px 24px;border-left:3px solid var(--gold);background:linear-gradient(90deg,rgba(244,228,190,.4),rgba(255,255,255,.3));border-radius:0 14px 14px 0;font-size:14px;line-height:1.7;color:var(--ink)}
body.dtox-on .pcta{margin-top:36px;background:#fff;border:1px solid var(--gold-border);border-radius:var(--r);box-shadow:var(--shd);padding:24px 26px;display:flex;gap:20px;align-items:center;flex-wrap:wrap}
body.dtox-on .pcta img{width:84px;height:84px;object-fit:contain}
body.dtox-on .pcta .t{flex:1;min-width:220px}
body.dtox-on .pcta .t b{display:block;font-size:15px;font-weight:600}
body.dtox-on .pcta .t span{font-size:12.5px;color:var(--gray);line-height:1.6;display:block;margin-top:3px}
body.dtox-on .pcta .price{font-weight:700;font-size:17px;margin-top:4px;display:block}
body.dtox-on .faq{margin-top:40px;max-width:760px}
body.dtox-on .faq details{background:#fff;border:1px solid var(--line);border-radius:14px;margin-bottom:10px;box-shadow:var(--sh)}
body.dtox-on .faq summary{cursor:pointer;padding:16px 20px;font-weight:600;font-size:14px;list-style:none;display:flex;justify-content:space-between;align-items:center}
body.dtox-on .faq summary::after{content:"+";color:var(--gold);font-size:20px;font-weight:400}
body.dtox-on .faq details[open] summary::after{content:"–"}
body.dtox-on .faq .a{padding:0 20px 16px;font-size:13.5px;color:var(--gray);line-height:1.75;font-weight:400}
body.dtox-on .related{display:grid;gap:12px;margin-top:36px}
@media(min-width:760px){body.dtox-on .related{grid-template-columns:repeat(3,1fr)}}
body.dtox-on .rl{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 20px;box-shadow:var(--sh);transition:.15s;font-size:13px;font-weight:600;display:block}
body.dtox-on .rl:hover{border-color:var(--gold-border);box-shadow:var(--shd)}
body.dtox-on .rl span{display:block;font-size:11.5px;color:var(--gray);font-weight:400;margin-top:4px}

/* ==== z preview-doprava.html ==== */

:root{--gold:#C8921A;--gold-dark:#A9790F;--gold-light:#E8C97E;--gold-soft:#F4E4BE;
--gold-bg:rgba(200,146,26,.07);--gold-border:rgba(200,146,26,.22);
--bg:#FFFFFF;--bg-soft:#FBFAF7;--ink:#0A0A0A;--gray:#454B55;--gray-light:#7A808A;--line:rgba(10,10,10,.08);--r:20px;
--sh:0 1px 2px rgba(10,10,10,.03),0 10px 30px rgba(10,10,10,.05);
--shd:0 2px 8px rgba(10,10,10,.05),0 22px 60px rgba(169,121,15,.14)}
*{box-sizing:border-box;margin:0}
html{background:var(--bg)}
body{font-family:Poppins,sans-serif;background:transparent;color:var(--ink);-webkit-font-smoothing:antialiased;letter-spacing:-.005em;overflow-x:hidden}
.bgwrap{position:fixed;inset:0;z-index:-1;overflow:hidden;background:#fff;pointer-events:none}
.bgwrap::before{content:"";position:absolute;inset:-6%;background:url("assets/bg-gold-d.jpg") center/cover no-repeat;animation:bgdrift 46s ease-in-out infinite alternate;will-change:transform}
.bgwrap::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(255,255,255,.86))}
@keyframes bgdrift{0%{transform:scale(1.06)}100%{transform:scale(1.13) translate(-2%,-1.5%)}}
@media(max-width:760px){.bgwrap::before{background-image:url("assets/bg-gold-m.jpg")}}
@media(prefers-reduced-motion:reduce){.bgwrap::before{animation:none}}
body.dtox-on img{max-width:100%;display:block}body.dtox-on a{text-decoration:none;color:inherit}
body.dtox-on .wrap{max-width:1140px;margin:0 auto;padding:0 24px;position:relative}


@media(max-width:620px){}

body.dtox-on .hd{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;max-width:1140px;margin:0 auto}
body.dtox-on .logo img{height:36px;width:auto;display:block}




@media(min-width:900px){}




body.dtox-on .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--gold);color:#fff;border:1px solid var(--gold);border-radius:100px;font-weight:600;font-size:14px;padding:14px 32px;min-height:48px;transition:.18s;cursor:pointer}
body.dtox-on .btn:hover{background:var(--gold-dark);border-color:var(--gold-dark)}
body.dtox-on section{padding:46px 0;position:relative;z-index:2}
body.dtox-on .eyebrow{font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold-dark);font-weight:600;margin-bottom:10px}
body.dtox-on h1{font-size:2.05rem;font-weight:800;letter-spacing:-.025em;line-height:1.1}
body.dtox-on h2{font-size:1.4rem;font-weight:700;letter-spacing:-.015em;margin-bottom:16px}
body.dtox-on .lead{color:var(--gray);font-size:14.5px;line-height:1.78;font-weight:400;margin-top:12px;max-width:68ch}
body.dtox-on .crumb{font-size:11.5px;color:var(--gray);padding:18px 0;position:relative;z-index:2}
body.dtox-on .crumb a:hover{color:var(--gold-dark)}
body.dtox-on footer{background:var(--ink);color:#9BA0A8;font-size:13px;padding:34px 24px;text-align:center;position:relative;z-index:2}
body.dtox-on footer img{height:26px;margin:0 auto 12px;opacity:.95}
body.dtox-on footer b{color:var(--gold-light)}body.dtox-on footer .k{max-width:520px;margin:0 auto 8px;line-height:1.8;font-weight:300}

body.dtox-on .cards{display:grid;gap:16px;margin-top:26px}
@media(min-width:900px){body.dtox-on .cards{grid-template-columns:repeat(3,1fr)}}
body.dtox-on .c{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:26px;box-shadow:var(--sh)}
body.dtox-on .c h3{font-size:1.02rem;font-weight:600;margin-bottom:8px}
body.dtox-on .c p{font-size:13px;color:var(--gray);line-height:1.7;font-weight:400}
body.dtox-on .c .pr{font-weight:700;color:var(--gold-dark);font-size:14px}
body.dtox-on .note2{margin-top:20px;padding:18px 22px;border:1px dashed var(--gold-border);border-radius:14px;background:rgba(244,228,190,.25);font-size:12.5px;color:var(--gray);line-height:1.7}

/* ==== z preview-b2b.html ==== */

:root{--gold:#C8921A;--gold-dark:#A9790F;--gold-light:#E8C97E;--gold-soft:#F4E4BE;
--gold-bg:rgba(200,146,26,.07);--gold-border:rgba(200,146,26,.22);
--bg:#FFFFFF;--bg-soft:#FBFAF7;--ink:#0A0A0A;--gray:#454B55;--gray-light:#7A808A;--line:rgba(10,10,10,.08);--r:20px;
--sh:0 1px 2px rgba(10,10,10,.03),0 10px 30px rgba(10,10,10,.05);
--shd:0 2px 8px rgba(10,10,10,.05),0 22px 60px rgba(169,121,15,.14)}
*{box-sizing:border-box;margin:0}
html{background:var(--bg)}
body{font-family:Poppins,sans-serif;background:transparent;color:var(--ink);-webkit-font-smoothing:antialiased;letter-spacing:-.005em;overflow-x:hidden}
.bgwrap{position:fixed;inset:0;z-index:-1;overflow:hidden;background:#fff;pointer-events:none}
.bgwrap::before{content:"";position:absolute;inset:-6%;background:url("assets/bg-gold-d.jpg") center/cover no-repeat;animation:bgdrift 46s ease-in-out infinite alternate;will-change:transform}
.bgwrap::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.68),rgba(255,255,255,.82))}
@keyframes bgdrift{0%{transform:scale(1.06) translate(0,0)}100%{transform:scale(1.13) translate(-2%,-1.5%)}}
@media(max-width:760px){.bgwrap::before{background-image:url("assets/bg-gold-m.jpg")}}
@media(prefers-reduced-motion:reduce){.bgwrap::before{animation:none}}
.bgwrap canvas{position:absolute;inset:0;width:100%;height:100%}
body.dtox-on .to:hover{text-decoration:underline}
body.dtox-on a.mail{color:var(--gold-dark);font-weight:600}
body.dtox-on a.mail:hover{color:var(--gold);text-decoration:underline}
body.dtox-on section:target h2{color:var(--gold-dark);transition:color .3s}
body.dtox-on section:target{scroll-margin-top:96px}
body.dtox-on img{max-width:100%;display:block}body.dtox-on a{text-decoration:none;color:inherit}
body.dtox-on .wrap{max-width:1080px;margin:0 auto;padding:0 24px;position:relative}


@media(max-width:620px){}

body.dtox-on .hd{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;max-width:1140px;margin:0 auto}
body.dtox-on .logo{display:inline-flex;align-items:center}body.dtox-on .logo img{height:34px;width:auto;display:block}


@media(min-width:900px){}
body.dtox-on section{padding:44px 0;position:relative;z-index:2}
body.dtox-on .eyebrow{font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold-dark);font-weight:600;margin-bottom:10px}
body.dtox-on h1{font-size:2.1rem;font-weight:800;letter-spacing:-.025em;line-height:1.1}
body.dtox-on h2{font-size:1.4rem;font-weight:700;letter-spacing:-.02em}
body.dtox-on .lead{color:var(--gray);font-size:14.5px;line-height:1.78;font-weight:400;margin-top:12px;max-width:70ch}
body.dtox-on .gline{display:flex;align-items:center;margin:14px 0 0;max-width:280px}
body.dtox-on .gline::before{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--gold),rgba(200,146,26,.15))}
body.dtox-on .gline::after{content:none}
/* download tabulka produktů */
body.dtox-on .dl-head{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:12px;padding:0 20px 10px;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--gray-light);font-weight:600}
body.dtox-on .dl-head span:nth-child(n+2){text-align:center}
@media(max-width:760px){body.dtox-on .dl-head{display:none}}
body.dtox-on .dl{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 20px;margin-bottom:10px;box-shadow:var(--sh)}
body.dtox-on .dl .pname{display:flex;align-items:center;gap:14px}
body.dtox-on .dl .pname img{width:46px;height:46px;object-fit:contain}
body.dtox-on .dl .pname b{font-size:14px;font-weight:600}body.dtox-on .dl .pname span{display:block;font-size:11px;color:var(--gray);font-weight:400}
body.dtox-on .dl .g{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}
body.dtox-on .chip{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;color:var(--gold-dark);border:1px solid var(--gold-border);background:var(--gold-bg);border-radius:100px;padding:7px 13px;transition:.15s}
body.dtox-on .chip:hover{background:var(--gold);color:#fff;border-color:var(--gold)}
body.dtox-on .chip svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:2}
body.dtox-on .langs{display:flex;justify-content:center;gap:5px;flex-wrap:wrap}
body.dtox-on .lang{font-size:11px;font-weight:600;color:var(--gold-dark);border:1px solid var(--gold-border);border-radius:8px;padding:5px 9px;transition:.15s}
body.dtox-on .lang:hover{background:var(--gold);color:#fff;border-color:var(--gold)}
@media(max-width:760px){body.dtox-on .dl{grid-template-columns:1fr;gap:14px}body.dtox-on .dl .g,body.dtox-on .langs{justify-content:flex-start}}
body.dtox-on .zipbar{margin-top:14px;padding:20px 24px;border:1px dashed var(--gold-border);border-radius:16px;background:linear-gradient(180deg,rgba(244,228,190,.28),rgba(255,255,255,.4));display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
body.dtox-on .zipbar p{font-size:13px;color:var(--ink);font-weight:400;line-height:1.6;max-width:60ch}
body.dtox-on .zipbar b{font-weight:600}
body.dtox-on .btn{display:inline-flex;align-items:center;gap:8px;background:var(--ink);color:#fff;border:1px solid var(--ink);border-radius:100px;font-weight:600;font-size:13px;padding:12px 24px;transition:.18s;white-space:nowrap}
body.dtox-on .btn:hover{background:var(--gold);border-color:var(--gold);color:#fff}
body.dtox-on .btn svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2}
/* dokumenty caps */
body.dtox-on .docs{background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--r);padding:28px 26px;margin-top:8px}
body.dtox-on .docs .list{display:grid;gap:8px;margin-top:14px}
@media(min-width:760px){body.dtox-on .docs .list{grid-template-columns:repeat(2,1fr)}}
body.dtox-on .docs a{display:flex;align-items:center;gap:10px;font-size:12.5px;font-weight:500;color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:12px;padding:12px 14px;transition:.15s}
body.dtox-on .docs a:hover{border-color:var(--gold-border);color:var(--gold-dark)}
body.dtox-on .docs a svg{width:16px;height:16px;stroke:var(--gold);fill:none;stroke-width:1.7;flex-shrink:0}
/* podmínky */
body.dtox-on .cards{display:grid;gap:16px;margin-top:8px}
@media(min-width:900px){body.dtox-on .cards{grid-template-columns:repeat(3,1fr)}}
body.dtox-on .c{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:26px;box-shadow:var(--sh)}
body.dtox-on .c h3{font-size:1.02rem;font-weight:600;margin-bottom:8px}
body.dtox-on .c p{font-size:13px;color:var(--gray);line-height:1.68;font-weight:400}
body.dtox-on .c .to{display:inline-block;font-size:12.5px;font-weight:600;color:var(--gold-dark);margin-top:12px}
body.dtox-on footer{background:var(--ink);color:#9BA0A8;font-size:13px;padding:38px 24px;text-align:center;position:relative;z-index:2}
body.dtox-on footer b{color:var(--gold-light)}body.dtox-on footer .k{max-width:520px;margin:0 auto 8px;line-height:1.8;font-weight:400}
body.dtox-on .back{display:inline-flex;gap:6px;font-size:12.5px;font-weight:600;color:var(--gold-dark);margin-top:22px}

/* mobilní menu */


@media(min-width:900px){}





/* ==== z preview-kontakt.html ==== */

:root{--gold:#C8921A;--gold-dark:#A9790F;--gold-light:#E8C97E;--gold-soft:#F4E4BE;
--gold-bg:rgba(200,146,26,.07);--gold-border:rgba(200,146,26,.22);
--bg:#FFFFFF;--bg-soft:#FBFAF7;--ink:#0A0A0A;--gray:#454B55;--gray-light:#7A808A;--line:rgba(10,10,10,.08);--r:20px;
--sh:0 1px 2px rgba(10,10,10,.03),0 10px 30px rgba(10,10,10,.05);
--shd:0 2px 8px rgba(10,10,10,.05),0 22px 60px rgba(169,121,15,.14)}
*{box-sizing:border-box;margin:0}
html{background:var(--bg)}
body{font-family:Poppins,sans-serif;background:transparent;color:var(--ink);-webkit-font-smoothing:antialiased;letter-spacing:-.005em;overflow-x:hidden}
.bgwrap{position:fixed;inset:0;z-index:-1;overflow:hidden;background:#fff;pointer-events:none}
.bgwrap::before{content:"";position:absolute;inset:-6%;background:url("assets/bg-gold-d.jpg") center/cover no-repeat;animation:bgdrift 46s ease-in-out infinite alternate;will-change:transform}
.bgwrap::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.68),rgba(255,255,255,.82))}
@keyframes bgdrift{0%{transform:scale(1.06) translate(0,0)}100%{transform:scale(1.13) translate(-2%,-1.5%)}}
@media(max-width:760px){.bgwrap::before{background-image:url("assets/bg-gold-m.jpg")}}
@media(prefers-reduced-motion:reduce){.bgwrap::before{animation:none}}
.bgwrap canvas{position:absolute;inset:0;width:100%;height:100%}
body.dtox-on img{max-width:100%;display:block}body.dtox-on a{text-decoration:none;color:inherit}
body.dtox-on .wrap{max-width:1080px;margin:0 auto;padding:0 24px;position:relative}


@media(max-width:620px){}

body.dtox-on .hd{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;max-width:1140px;margin:0 auto}
body.dtox-on .logo{display:inline-flex;align-items:center}body.dtox-on .logo img{height:34px;width:auto;display:block}


@media(min-width:900px){}
body.dtox-on section{padding:44px 0;position:relative;z-index:2}
body.dtox-on .eyebrow{font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold-dark);font-weight:600;margin-bottom:10px}
body.dtox-on h1{font-size:2.1rem;font-weight:800;letter-spacing:-.025em;line-height:1.1}
body.dtox-on .lead{color:var(--gray);font-size:14.5px;line-height:1.78;font-weight:400;margin-top:12px;max-width:66ch}
body.dtox-on .gline{display:flex;align-items:center;margin:14px 0 0;max-width:280px}
body.dtox-on .gline::before{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--gold),rgba(200,146,26,.15))}
body.dtox-on .grid{display:grid;gap:16px;margin-top:28px}
@media(min-width:900px){body.dtox-on .grid{grid-template-columns:repeat(3,1fr)}}
body.dtox-on .card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:28px 26px;box-shadow:var(--sh)}
body.dtox-on .card .ic{width:26px;height:26px;stroke:var(--gold);fill:none;stroke-width:1.6;margin-bottom:12px}
body.dtox-on .card h3{font-size:1.05rem;font-weight:600;margin-bottom:8px}
body.dtox-on .card p{font-size:13.5px;color:var(--gray);line-height:1.75;font-weight:400}
body.dtox-on .card a.mail,body.dtox-on .card a.tel{color:var(--gold-dark);font-weight:600}
body.dtox-on .card a.mail:hover,body.dtox-on .card a.tel:hover{color:var(--gold);text-decoration:underline}
body.dtox-on .card .to{display:inline-block;font-size:12.5px;font-weight:600;color:var(--gold-dark);margin-top:10px}
body.dtox-on .card .to:hover{text-decoration:underline}
body.dtox-on .wide{background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--r);padding:30px 28px;margin-top:16px;display:grid;gap:22px}
@media(min-width:760px){body.dtox-on .wide{grid-template-columns:1.2fr 1fr}}
body.dtox-on .wide h2{font-size:1.3rem;font-weight:700;letter-spacing:-.02em;margin-bottom:8px}
body.dtox-on .wide p{font-size:13.5px;color:var(--gray);line-height:1.75;font-weight:400}
body.dtox-on .pins{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
body.dtox-on .pin{font-size:12px;font-weight:600;color:var(--gold-dark);border:1px solid var(--gold-border);background:var(--gold-bg);border-radius:100px;padding:7px 14px}
body.dtox-on .mapph{border-radius:16px;overflow:hidden;box-shadow:var(--shd);min-height:200px;background:linear-gradient(135deg,#F4E4BE,#FBFAF7);display:grid;place-items:center;color:#8A7A4E;font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:600}
body.dtox-on footer{background:var(--ink);color:#9BA0A8;font-size:13px;padding:34px 24px;text-align:center;position:relative;z-index:2}
body.dtox-on footer img{height:26px;margin:0 auto 12px;opacity:.95}
body.dtox-on footer b{color:var(--gold-light)}body.dtox-on footer .k{max-width:520px;margin:0 auto 8px;line-height:1.8;font-weight:400}
body.dtox-on .back{display:inline-flex;gap:6px;font-size:12.5px;font-weight:600;color:var(--gold-dark);margin-top:22px}

/* mobilní menu */


@media(min-width:900px){}





/* ==== z preview-nas-pribeh.html ==== */

:root{--gold:#C8921A;--gold-dark:#A9790F;--gold-light:#E8C97E;--gold-soft:#F4E4BE;
--gold-bg:rgba(200,146,26,.07);--gold-border:rgba(200,146,26,.22);
--bg:#FFFFFF;--bg-soft:#FBFAF7;--ink:#0A0A0A;--gray:#454B55;--gray-light:#7A808A;--line:rgba(10,10,10,.08);--r:20px;
--sh:0 1px 2px rgba(10,10,10,.03),0 10px 30px rgba(10,10,10,.05);
--shd:0 2px 8px rgba(10,10,10,.05),0 22px 60px rgba(169,121,15,.14)}
*{box-sizing:border-box;margin:0}
html{background:var(--bg)}
body{font-family:Poppins,sans-serif;background:transparent;color:var(--ink);-webkit-font-smoothing:antialiased;letter-spacing:-.005em;overflow-x:hidden}
.bgwrap{position:fixed;inset:0;z-index:-1;overflow:hidden;background:#fff;pointer-events:none}
.bgwrap::before{content:"";position:absolute;inset:-6%;background:url("assets/bg-gold-d.jpg") center/cover no-repeat;animation:bgdrift 46s ease-in-out infinite alternate;will-change:transform}
.bgwrap::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.68),rgba(255,255,255,.82))}
@keyframes bgdrift{0%{transform:scale(1.06) translate(0,0)}100%{transform:scale(1.13) translate(-2%,-1.5%)}}
@media(max-width:760px){.bgwrap::before{background-image:url("assets/bg-gold-m.jpg")}}
@media(prefers-reduced-motion:reduce){.bgwrap::before{animation:none}}
.bgwrap canvas{position:absolute;inset:0;width:100%;height:100%}
body.dtox-on .to:hover{text-decoration:underline}
body.dtox-on a.mail{color:var(--gold-dark);font-weight:600}
body.dtox-on a.mail:hover{color:var(--gold);text-decoration:underline}
body.dtox-on section:target h2{color:var(--gold-dark);transition:color .3s}
body.dtox-on section:target{scroll-margin-top:96px}
body.dtox-on img{max-width:100%;display:block}body.dtox-on a{text-decoration:none;color:inherit}
body.dtox-on .wrap{max-width:1080px;margin:0 auto;padding:0 24px;position:relative}


@media(max-width:620px){}

body.dtox-on .hd{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;max-width:1140px;margin:0 auto}
body.dtox-on .logo{display:inline-flex;align-items:center}body.dtox-on .logo img{height:34px;width:auto;display:block}


@media(min-width:900px){}
body.dtox-on section{padding:48px 0;position:relative;z-index:2}
body.dtox-on .eyebrow{font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold-dark);font-weight:600;margin-bottom:10px}
body.dtox-on h1{font-size:2.3rem;font-weight:800;letter-spacing:-.025em;line-height:1.08}
body.dtox-on h2{font-size:1.5rem;font-weight:700;letter-spacing:-.02em}
body.dtox-on .lead{color:var(--ink);font-size:16px;line-height:1.8;font-weight:400;margin-top:14px;max-width:66ch}
body.dtox-on .lead.g{color:var(--gray)}
body.dtox-on p.body{color:var(--gray);font-size:14.5px;line-height:1.8;font-weight:400;margin-top:14px;max-width:66ch}
body.dtox-on .pull{margin:26px 0;padding:20px 26px;border-left:3px solid var(--gold);background:linear-gradient(90deg,rgba(244,228,190,.35),transparent);
  font-size:17px;font-weight:400;line-height:1.6;color:var(--ink);border-radius:0 12px 12px 0;max-width:60ch}
body.dtox-on .facts{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:30px}
@media(min-width:900px){body.dtox-on .facts{grid-template-columns:repeat(4,1fr)}}
body.dtox-on .st{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px 18px;box-shadow:var(--sh)}
body.dtox-on .st .n{font-size:1.15rem;font-weight:700;letter-spacing:-.01em}body.dtox-on .st .n em{font-style:normal;color:var(--gold)}
body.dtox-on .st .l{font-size:11.5px;color:var(--gray);margin-top:5px;line-height:1.5;font-weight:400}
body.dtox-on .split{display:grid;gap:30px;align-items:center;margin-top:16px}
@media(min-width:900px){body.dtox-on .split{grid-template-columns:.95fr 1.05fr}}
body.dtox-on .ph{border-radius:var(--r);overflow:hidden;box-shadow:var(--shd);position:relative}
body.dtox-on .ph .cap{position:absolute;left:16px;bottom:14px;font-size:9.5px;letter-spacing:.18em;color:#fff;background:rgba(10,10,10,.55);backdrop-filter:blur(4px);padding:7px 12px;border-radius:100px;font-weight:600;text-transform:uppercase}
body.dtox-on .zas{display:grid;grid-template-columns:auto 1fr;gap:16px;padding:16px 0;border-bottom:1px solid var(--line)}
body.dtox-on .zas:last-child{border-bottom:0}
body.dtox-on .zas .n{font-size:12px;color:var(--gold);font-weight:700;padding-top:2px}
body.dtox-on .zas b{display:block;margin-bottom:4px;font-weight:600;font-size:14px}
body.dtox-on .zas p{font-size:12.5px;line-height:1.65;color:var(--gray);font-weight:400}
body.dtox-on .kde{background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--r);padding:30px 28px;margin-top:14px}
body.dtox-on .kde .row{display:grid;gap:20px}
@media(min-width:900px){body.dtox-on .kde .row{grid-template-columns:repeat(3,1fr)}}
body.dtox-on .kde h3{font-size:1rem;font-weight:600;margin-bottom:6px}
body.dtox-on .kde p{font-size:13px;color:var(--gray);line-height:1.7;font-weight:400}
body.dtox-on .kde .to{display:inline-block;font-size:12.5px;font-weight:600;color:var(--gold-dark);margin-top:8px}
body.dtox-on .gline{display:flex;align-items:center;margin:8px 0 0;max-width:280px}
body.dtox-on .gline::before{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--gold),rgba(200,146,26,.15))}
body.dtox-on .gline::after{content:none}
body.dtox-on footer{background:var(--ink);color:#9BA0A8;font-size:13px;padding:38px 24px;text-align:center;position:relative;z-index:2}
body.dtox-on footer b{color:var(--gold-light)}
body.dtox-on footer .k{max-width:520px;margin:0 auto 8px;line-height:1.8;font-weight:400}
body.dtox-on .back{display:inline-flex;gap:6px;font-size:12.5px;font-weight:600;color:var(--gold-dark);margin-top:24px}

/* mobilní menu */


@media(min-width:900px){}





/* ==== z preview-pruvodce.html ==== */

:root{--gold:#C8921A;--gold-dark:#B07F16;--gold-light:#E8C97E;--gold-bg:rgba(200,146,26,.08);--gold-border:rgba(200,146,26,.22);
--bg:#F9F9F6;--white:#fff;--ink:#111;--gray:#4A5563;--line:rgba(0,0,0,.06);--r:20px;
--sh:0 1px 2px rgba(17,17,17,.04),0 8px 24px rgba(17,17,17,.06);
--shd:0 2px 6px rgba(17,17,17,.05),0 18px 50px rgba(139,101,22,.16)}
*{box-sizing:border-box;margin:0}
body{font-family:Poppins,sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}
body.dtox-on img{max-width:100%;display:block}body.dtox-on a{text-decoration:none;color:inherit}
body.dtox-on .wrap{max-width:1140px;margin:0 auto;padding:0 24px}



body.dtox-on .hd{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;max-width:1140px;margin:0 auto}
body.dtox-on .logo{display:inline-flex;align-items:center}body.dtox-on .logo img{height:34px;width:auto;display:block}


@media(min-width:900px){}
body.dtox-on .btn{display:inline-flex;align-items:center;justify-content:center;background:var(--gold);color:#fff;border:1px solid var(--gold);
border-radius:100px;font-weight:600;font-size:13px;padding:11px 24px;transition:.18s}
body.dtox-on .btn:hover{background:var(--gold-dark);border-color:var(--gold-dark)}
body.dtox-on .hero{position:relative;overflow:hidden;min-height:320px;display:flex;align-items:flex-end;
background:#EFEBE2 url("assets/edu-kalkulacka.jpg") center 30%/cover no-repeat}
body.dtox-on .hero::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(17,17,17,0) 20%,rgba(17,17,17,.62) 100%)}
body.dtox-on .hero .in{position:relative;z-index:2;max-width:1140px;margin:0 auto;padding:60px 24px 34px;width:100%;color:#fff}
body.dtox-on .hero .eyebrow{font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold-light);font-weight:600;margin-bottom:10px}
body.dtox-on .hero h1{font-size:2.1rem;font-weight:700;letter-spacing:-.015em}
body.dtox-on .hero p{color:#D9D3C6;font-size:14px;margin-top:8px;font-weight:400;max-width:56ch}
body.dtox-on section{padding:48px 0}
body.dtox-on .gg{display:grid;gap:16px}
@media(min-width:900px){body.dtox-on .gg{grid-template-columns:repeat(2,1fr)}}
body.dtox-on .ec{background:var(--white);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:.2s;box-shadow:var(--sh);display:flex;flex-direction:column}
body.dtox-on .ec:hover{box-shadow:var(--shd);transform:translateY(-3px);border-color:var(--gold-border)}
body.dtox-on .ec .ph{position:relative}
body.dtox-on .ec .ph img{width:100%;height:220px;object-fit:cover}
body.dtox-on .ec .ph .k{position:absolute;left:14px;top:14px;background:rgba(17,17,17,.6);backdrop-filter:blur(4px);color:#fff;
font-size:10px;letter-spacing:.16em;text-transform:uppercase;border-radius:100px;padding:6px 12px;font-weight:500}
body.dtox-on .ec .body{padding:22px 24px 24px;display:flex;flex-direction:column;gap:9px;flex:1}
body.dtox-on .ec h3{font-size:1.1rem;font-weight:600}
body.dtox-on .ec p{font-size:13px;color:var(--gray);line-height:1.65;font-weight:400;flex:1}
body.dtox-on .ec .row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
body.dtox-on .ec .to{font-size:12.5px;font-weight:600;color:var(--gold-dark)}
body.dtox-on .disc{background:var(--white);border:1px solid var(--line);border-radius:var(--r);padding:22px 26px;box-shadow:var(--sh);font-size:12.5px;color:var(--gray);line-height:1.7;font-weight:400;margin-top:26px}
body.dtox-on .disc b{color:var(--ink)}
body.dtox-on footer{background:var(--ink);color:#9BA0A8;font-size:13px;text-align:center;padding:28px 16px;margin-top:20px}
body.dtox-on footer b{color:var(--gold-light)}

/* mobilní menu */


@media(min-width:900px){}





/* ====== DTOX v9/v11 — hlavní CSS (homepage + sdílené komponenty) ====== */
:root{
  --gold:#C8921A;--gold-dark:#A9790F;--gold-light:#E8C97E;--gold-soft:#F4E4BE;
  --gold-bg:rgba(200,146,26,.07);--gold-border:rgba(200,146,26,.22);
  --bg:#FFFFFF;--bg-soft:#FBFAF7;--ink:#0A0A0A;--ink-soft:#1C1C1E;
  --gray:#454B55;--gray-light:#7A808A;--line:rgba(10,10,10,.08);
  --r-card:20px;--r-btn:100px;--r:20px;
  --sh-card:0 1px 2px rgba(10,10,10,.03),0 10px 30px rgba(10,10,10,.05);
  --sh-deep:0 2px 8px rgba(10,10,10,.05),0 22px 60px rgba(169,121,15,.14);
  --sh:0 1px 2px rgba(10,10,10,.03),0 10px 30px rgba(10,10,10,.05);
  --shd:0 2px 8px rgba(10,10,10,.05),0 22px 60px rgba(169,121,15,.14);
}
*{box-sizing:border-box;margin:0}
html{background:var(--bg)}
body{font-family:Poppins,-apple-system,sans-serif;background:transparent;color:var(--ink);
  -webkit-font-smoothing:antialiased;overflow-x:hidden;letter-spacing:-.005em}
.bgwrap{position:fixed;inset:0;z-index:-1;overflow:hidden;background:#fff;pointer-events:none}
.bgwrap::before{content:"";position:absolute;inset:-6%;background:url("/user/documents/upload/dtox-web/bg-gold-d.jpg") center/cover no-repeat;
  animation:bgdrift 46s ease-in-out infinite alternate;will-change:transform}
.bgwrap::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.62),rgba(255,255,255,.80))}
@keyframes bgdrift{0%{transform:scale(1.06) translate(0,0)}100%{transform:scale(1.13) translate(-2%,-1.5%)}}
@media(max-width:760px){.bgwrap::before{background-image:url("/user/documents/upload/dtox-web/bg-gold-m.jpg")}}
@media(prefers-reduced-motion:reduce){.bgwrap::before{animation:none}}
.bgwrap canvas{position:absolute;inset:0;width:100%;height:100%}
body.dtox-on img{max-width:100%;height:auto;display:block}
body.dtox-on a{text-decoration:none;color:inherit}
body.dtox-on .wrap{max-width:1140px;margin:0 auto;position:relative}



@media(max-width:620px){}

body.dtox-on .hd{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;max-width:1140px;margin:0 auto}
body.dtox-on .logo{display:inline-flex;align-items:center}
body.dtox-on .logo img{height:38px;width:auto;display:block}





body.dtox-on .hicons{display:flex;gap:18px;align-items:center;font-size:11px;font-weight:600}
body.dtox-on .hicons svg{width:20px;height:20px;stroke:var(--ink);fill:none;stroke-width:1.5}


@media(min-width:900px){}







body.dtox-on .hero{position:relative;overflow:hidden;min-height:520px;display:flex;align-items:center}
body.dtox-on .hero-in{position:relative;z-index:2;max-width:1140px;margin:0 auto;padding:64px 24px;width:100%;
  display:grid;gap:30px;align-items:center}
@media(min-width:900px){body.dtox-on .hero{min-height:640px}body.dtox-on .hero-in{grid-template-columns:1.05fr .95fr;padding:80px 8%}}
body.dtox-on .hero-txt{max-width:540px}
body.dtox-on .eyebrow{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold-dark);margin-bottom:18px;font-weight:600}
body.dtox-on .hero h1{font-size:2.6rem;line-height:1.06;letter-spacing:-.03em;font-weight:800;color:var(--ink)}
body.dtox-on .hero h1 .g{color:var(--ink)}
body.dtox-on .hero .sub{color:#33383F;font-size:15px;margin-top:16px;max-width:46ch;line-height:1.72;font-weight:400}
body.dtox-on .gline{display:flex;align-items:center;margin:22px 0 0;max-width:340px}
body.dtox-on .gline::before{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--gold),rgba(200,146,26,.15))}
body.dtox-on .gline::after{content:none}
body.dtox-on .cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
body.dtox-on .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:Poppins,sans-serif;
  background:var(--ink);color:#fff;border:1px solid var(--ink);border-radius:var(--r-btn);
  font-weight:600;font-size:14px;padding:14px 32px;min-height:48px;transition:.18s;cursor:pointer}
body.dtox-on .btn:hover{background:var(--gold);border-color:var(--gold);color:var(--ink);box-shadow:0 8px 24px rgba(200,146,26,.35)}
body.dtox-on .btn.gold{background:var(--gold);border-color:var(--gold);color:#fff}
body.dtox-on .btn.gold:hover{background:var(--gold-dark);border-color:var(--gold-dark);color:#fff}
body.dtox-on .btn.ghost{background:rgba(255,255,255,.7);color:var(--ink);border-color:rgba(10,10,10,.2)}
body.dtox-on .btn.ghost:hover{border-color:var(--gold);color:var(--gold-dark);background:#fff;box-shadow:none}
body.dtox-on .btn.dark{background:var(--ink);border-color:var(--ink);color:#fff}
body.dtox-on .btn.dark:hover{background:var(--gold);border-color:var(--gold);color:var(--ink)}
body.dtox-on .hero-vis{position:relative;border-radius:26px;overflow:hidden;min-height:300px;
  background:radial-gradient(120% 100% at 70% 20%,rgba(244,228,190,.85),rgba(255,255,255,.4) 60%),#fff;
  box-shadow:var(--sh-deep);display:grid;place-items:center}
body.dtox-on .hero-vis img{width:76%;filter:drop-shadow(0 26px 34px rgba(101,72,12,.22))}
body.dtox-on .hero-vis .cap{position:absolute;left:14px;bottom:12px;font-size:9px;letter-spacing:.14em;
  color:#7A6A45;background:rgba(255,255,255,.7);backdrop-filter:blur(4px);
  padding:5px 10px;border-radius:100px;font-weight:600;text-transform:uppercase}
@media(max-width:899px){body.dtox-on .hero-vis{min-height:230px}body.dtox-on .hero h1{font-size:2.15rem}body.dtox-on .hero-in{padding:44px 22px 40px}}
body.dtox-on .trust{background:var(--bg-soft);border-block:1px solid var(--line);position:relative;z-index:2}
body.dtox-on .trust .in{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr)}
body.dtox-on .trust .t{padding:26px 18px;text-align:center;border-bottom:1px solid var(--line)}
body.dtox-on .trust .t:nth-child(odd){border-right:1px solid var(--line)}
body.dtox-on .trust .ic{width:26px;height:26px;margin:0 auto 10px;stroke:var(--gold);fill:none;stroke-width:1.6}
body.dtox-on .trust .h{font-size:13.5px;font-weight:700;letter-spacing:-.01em}
body.dtox-on .trust .lbl{font-size:11.5px;color:var(--gray);margin-top:4px;font-weight:300;line-height:1.55}
@media(min-width:900px){body.dtox-on .trust .in{grid-template-columns:repeat(4,1fr)}body.dtox-on .trust .t{border-bottom:0;border-right:1px solid var(--line)}body.dtox-on .trust .t:last-child{border-right:0}}
body.dtox-on section{padding:52px 24px;position:relative}
@media(min-width:900px){body.dtox-on section{padding:76px 8%}}
body.dtox-on .sec-eyebrow{font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold-dark);margin-bottom:10px;font-weight:600}
body.dtox-on h2{font-size:1.75rem;letter-spacing:-.02em;font-weight:700;line-height:1.15;color:var(--ink)}
body.dtox-on .sec-sub{color:var(--gray);font-size:14px;margin:12px 0 34px;max-width:62ch;line-height:1.7;font-weight:400}
body.dtox-on .why{background:var(--bg);position:relative;z-index:2}
body.dtox-on .why-grid{display:grid;gap:16px}
@media(min-width:900px){body.dtox-on .why-grid{grid-template-columns:repeat(3,1fr)}}
body.dtox-on .wc{background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:28px 26px;box-shadow:var(--sh-card);transition:.2s}
body.dtox-on .wc:hover{box-shadow:var(--sh-deep);transform:translateY(-3px);border-color:var(--gold-border)}
body.dtox-on .wc .ic{width:30px;height:30px;stroke:var(--gold);fill:none;stroke-width:1.5;margin-bottom:14px}
body.dtox-on .wc h3{font-size:1.05rem;font-weight:600;margin-bottom:8px}
body.dtox-on .wc p{font-size:13px;color:var(--gray);line-height:1.68;font-weight:400}
body.dtox-on .wc .to{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--gold-dark);margin-top:12px}
body.dtox-on .uc{display:grid;gap:16px;position:relative;z-index:2}
@media(min-width:900px){body.dtox-on .uc{grid-template-columns:repeat(3,1fr)}}
body.dtox-on .card{background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:30px 26px;
  display:flex;flex-direction:column;gap:11px;transition:.2s;box-shadow:var(--sh-card)}
body.dtox-on .card:hover{box-shadow:var(--sh-deep);transform:translateY(-3px);border-color:var(--gold-border)}
body.dtox-on .tag{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-dark);font-weight:600}
body.dtox-on .card h3{font-size:1.08rem;font-weight:600}
body.dtox-on .card p{font-size:13px;color:var(--gray);line-height:1.65;flex:1;font-weight:400}
body.dtox-on .card .meta{font-size:12px;color:var(--gray);font-weight:400}
body.dtox-on .card .foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:6px}
body.dtox-on .card .btn{padding:11px 22px;font-size:13px;min-height:42px}
body.dtox-on .price{font-weight:700;font-size:16px}
body.dtox-on .price s{color:var(--gray-light);font-weight:400;font-size:13px;margin-left:8px}
body.dtox-on .cta-band{background:linear-gradient(135deg,#0B0A08,#241E14 60%,#3A2F1F);position:relative;overflow:hidden;text-align:center;color:#EDE7DA}
body.dtox-on .cta-band h2{color:#fff}
body.dtox-on .cta-band .sub2{color:#B8B0A0;font-size:14px;margin:12px auto 26px;max-width:52ch;font-weight:300}
body.dtox-on .caro{position:relative;z-index:2}
body.dtox-on .caro-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;
  -webkit-overflow-scrolling:touch;scrollbar-width:none}
body.dtox-on .caro-track::-webkit-scrollbar{display:none}
body.dtox-on .slide{flex:0 0 100%;scroll-snap-align:start;position:relative;display:block}
body.dtox-on .slide img{width:100%;display:block}
body.dtox-on .slide .s-cta{position:absolute;left:24px;bottom:22px;z-index:2}
@media(min-width:900px){body.dtox-on .slide .s-cta{left:8%;bottom:44px}}
body.dtox-on .caro-dots{position:absolute;right:24px;bottom:22px;display:flex;gap:8px;z-index:3}
@media(min-width:900px){body.dtox-on .caro-dots{right:8%;bottom:48px}}
body.dtox-on .caro-dots button{width:9px;height:9px;border-radius:50%;border:0;padding:0;cursor:pointer;background:rgba(255,255,255,.55);transition:.2s}
body.dtox-on .caro-dots button.on{background:var(--gold);transform:scale(1.25);box-shadow:0 0 8px rgba(200,146,26,.7)}
body.dtox-on .edu-sec{background:var(--bg-soft)}
body.dtox-on .edu{display:grid;gap:16px;position:relative;z-index:2}
@media(min-width:900px){body.dtox-on .edu{grid-template-columns:repeat(2,1fr)}}
body.dtox-on .ec{background:#fff;border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden;transition:.2s;box-shadow:var(--sh-card);display:flex;flex-direction:column}
body.dtox-on .ec:hover{box-shadow:var(--sh-deep);transform:translateY(-3px);border-color:var(--gold-border)}
body.dtox-on .ec .ph{position:relative;overflow:hidden}
body.dtox-on .ec .ph img{width:100%;height:240px;object-fit:cover;transition:transform .35s}
body.dtox-on .ec:hover .ph img{transform:scale(1.04)}
body.dtox-on .ec .ph .k{position:absolute;left:14px;top:14px;background:rgba(10,10,10,.62);backdrop-filter:blur(4px);color:#fff;font-size:10px;letter-spacing:.16em;text-transform:uppercase;border-radius:100px;padding:6px 12px;font-weight:500}
body.dtox-on .ec .body{padding:22px 24px 26px;display:flex;flex-direction:column;gap:8px;flex:1}
body.dtox-on .ec h3{font-size:1.1rem;font-weight:600}
body.dtox-on .ec p{font-size:13px;color:var(--gray);line-height:1.65;font-weight:400;flex:1}
body.dtox-on .ec .to{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--gold-dark)}
body.dtox-on .ec .row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
body.dtox-on .edu-mini{display:grid;gap:16px;margin-top:16px;position:relative;z-index:2}
@media(min-width:900px){body.dtox-on .edu-mini{grid-template-columns:repeat(2,1fr)}}
body.dtox-on .em{background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:24px 26px;box-shadow:var(--sh-card);transition:.2s}
body.dtox-on .em:hover{box-shadow:var(--sh-deep);border-color:var(--gold-border)}
body.dtox-on .em h3{font-size:1rem;font-weight:600;margin-bottom:6px}
body.dtox-on .em p{font-size:12.5px;color:var(--gray);line-height:1.6;font-weight:400}
body.dtox-on .em .to{display:inline-flex;font-size:12px;font-weight:600;color:var(--gold-dark);margin-top:12px}
body.dtox-on .grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;position:relative;z-index:2}
@media(min-width:900px){body.dtox-on .grid{grid-template-columns:repeat(3,1fr)}}
body.dtox-on .pc{background:#fff;border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden;position:relative;transition:.2s;box-shadow:var(--sh-card)}
body.dtox-on .pc:hover{box-shadow:var(--sh-deep);transform:translateY(-3px)}
body.dtox-on .pc .im{aspect-ratio:4/3;display:grid;place-items:center;padding:16px;
  background:radial-gradient(300px 170px at 50% 92%,rgba(200,146,26,.12),transparent 72%),linear-gradient(180deg,#FFFFFF,#FBFAF6)}
body.dtox-on .pc .im img{max-height:85%;object-fit:contain;filter:drop-shadow(0 14px 18px rgba(101,72,12,.18))}
body.dtox-on .badge{position:absolute;top:12px;left:12px;z-index:3;background:var(--ink);color:var(--gold-light);font-size:9px;letter-spacing:.14em;text-transform:uppercase;border-radius:100px;padding:5px 11px;font-weight:600}
body.dtox-on .badge.gold{background:var(--gold);color:#fff}
body.dtox-on .pcb{padding:14px 16px 18px;border-top:1px solid var(--line)}
body.dtox-on .pcb .claim{font-size:11px;color:var(--gold-dark);font-weight:500;margin-bottom:3px}
body.dtox-on .pcb h3{font-size:13.5px;line-height:1.35;font-weight:600}
body.dtox-on .pcb .price{font-size:14.5px}
body.dtox-on .save{color:#2E7D32;font-size:11px;font-weight:600;display:block;margin-top:3px}
body.dtox-on .pcb .foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:9px}
body.dtox-on .pcb .btn{padding:9px 18px;font-size:12px;min-height:38px}
body.dtox-on .vyroba{background:var(--bg);border-block:1px solid var(--line);position:relative;z-index:2}
body.dtox-on .vyroba .in{max-width:1140px;margin:0 auto;display:grid;gap:34px;align-items:center}
@media(min-width:900px){body.dtox-on .vyroba .in{grid-template-columns:.92fr 1.08fr}}
body.dtox-on .vyroba .ph{border-radius:var(--r-card);overflow:hidden;box-shadow:var(--sh-deep);position:relative}
body.dtox-on .vyroba .ph::after{content:"VÝROBA · OSTRAVA, CZ";position:absolute;left:16px;bottom:14px;font-size:9.5px;letter-spacing:.18em;color:#fff;background:rgba(10,10,10,.55);backdrop-filter:blur(4px);padding:7px 12px;border-radius:100px;font-weight:600}
body.dtox-on .zas{display:grid;grid-template-columns:auto 1fr;gap:16px;padding:17px 0;border-bottom:1px solid var(--line)}
body.dtox-on .zas:last-child{border-bottom:0}
body.dtox-on .zas .n{font-size:12px;color:var(--gold);padding-top:2px;font-weight:700}
body.dtox-on .zas b{display:block;margin-bottom:4px;font-weight:600;font-size:14px}
body.dtox-on .zas p{font-size:12.5px;line-height:1.65;color:var(--gray);font-weight:400}
body.dtox-on footer{background:var(--ink);color:#9BA0A8;font-size:13px;position:relative;z-index:2}
body.dtox-on .fin{max-width:1140px;margin:0 auto;padding:46px 24px;display:grid;gap:30px}
@media(min-width:900px){body.dtox-on .fin{grid-template-columns:repeat(3,1fr)}}
body.dtox-on .fin h4{color:#fff;font-size:10.5px;margin-bottom:14px;letter-spacing:.2em;text-transform:uppercase;font-weight:600}
body.dtox-on .fin a{display:block;padding:5px 0;font-weight:300}body.dtox-on .fin a:hover{color:var(--gold-light)}
body.dtox-on .fclaim{text-align:center;padding:30px 16px;border-top:1px solid rgba(200,146,26,.18);font-size:15px;font-weight:300;color:#C9CDD3}
body.dtox-on .fclaim b{color:#C9CDD3;font-weight:300}
body.dtox-on .sticky{position:fixed;left:0;right:0;bottom:0;z-index:180;display:flex;align-items:center;gap:12px;
  background:rgba(255,255,255,.97);backdrop-filter:blur(12px);border-top:1px solid var(--line);padding:10px 16px;box-shadow:0 -6px 24px rgba(10,10,10,.1)}
body.dtox-on .sticky .p{font-weight:700;font-size:16px;white-space:nowrap}
body.dtox-on .sticky .p small{display:block;font-size:9px;color:#2E7D32;font-weight:600;letter-spacing:.08em}
body.dtox-on .sticky .btn{flex:1;padding:12px}
@media(min-width:992px){body.dtox-on .sticky{display:none}}

/* ==== Shoptet overrides ==== */
/* ============================================================
   DTOX v9 — OVERRIDES PRO PRŮHLEDNOST ŠABLONY SHOPTETU
   Nutné, aby fixní pozadí (.bgwrap s canvas #bgc) prosvítalo
   skrz stránku. Vložit do Editoru CSS ZA hlavní CSS.
   Pozn.: přesné třídy se mohou lišit dle šablony — doladíme
   při nasazení v Chrome (DevTools → který wrapper má bílé bg).
   ============================================================ */

html{background:#fff!important}
body{background:transparent!important}

/* nejčastější obalové prvky Shoptet šablon */
body.dtox-on #page-wrapper,body.dtox-on .page-wrapper,body.dtox-on #content-wrapper,body.dtox-on .content-wrapper,body.dtox-on #content,body.dtox-on .content,body.dtox-on main,body.dtox-on .main,body.dtox-on .container:not(.footer .container){
  background:transparent!important;
}

/* bílé zůstávají jen karty/komponenty, které bílé být mají
   (.pc,.card,.box,.gal,... mají bílou nastavenou explicitně v hlavním CSS) */

/* pozadí – vrstvy (stejné jako v preview) */
.bgwrap{position:fixed;inset:0;z-index:-1;overflow:hidden;background:#fff;pointer-events:none}
.bgwrap::before{content:"";position:absolute;inset:-6%;
  background:url('/user/documents/upload/dtox-web/bg-gold-d.jpg') center/cover no-repeat;
  animation:bgdrift 46s ease-in-out infinite alternate;will-change:transform}
.bgwrap::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(255,255,255,.62),rgba(255,255,255,.80))}
.bgwrap canvas{position:absolute;inset:0;width:100%;height:100%}
@keyframes bgdrift{0%{transform:scale(1.06)}100%{transform:scale(1.13) translate(-2%,-1.5%)}}
@media(max-width:760px){.bgwrap::before{background-image:url('/user/documents/upload/dtox-web/bg-gold-m.jpg')}}
@media(prefers-reduced-motion:reduce){.bgwrap::before{animation:none}}

/* topbar (vkládá se přes HTML kód hlavičky) */



@media(max-width:620px){}

/* v12: průhlednost šablony JEN na nových stránkách */
body.dtox-on .overall-wrapper,body.dtox-on #content-wrapper,body.dtox-on .content-wrapper,
body.dtox-on #content,body.dtox-on .container:not(.footer-rows){background:transparent!important}
body{background:transparent!important}
html{background:#fff!important}

/* v12b: topbar + pohyblivé pozadí JEN na stránkách s novým obsahem (dtox-on).
   Na staré Shoptet šabloně by topbar překrýval menu a pozadí zakrývaly bílé bloky. */
body:not(.dtox-on) .bgwrap{display:none!important}
body:not(.dtox-on) 
body:not(.dtox-on) .sticky{display:none!important}
/* na nových stránkách posuň topbar/header logiku bezpečně (už scoped v hlavním CSS) */

/* === v12c FIXY — homepage nahoře, bílé pozadí produktů, mobil 1 sloupec, bílý základ === */
/* skrýt starý horní video/gif baner + staré homepage bloky (jen titulní strana) */
body.type-index #dtox-top-gif-only,body.type-index .dtox-top-video,
body.type-index .banner-wrapper,body.type-index #carousel,body.type-index .carousel,
body.type-index [id^="products-"],body.type-index .homepage-group-title,
body.type-index .dtox-hub-banner-v1,body.type-index .dtox-product-banner,
body.type-index .homepage-blog-wrapper,body.type-index .footer-banners,
body.type-index .banners-row{display:none!important}
body.type-index #content.wide,body.type-index .content-wrapper-in{padding-top:0!important;margin-top:0!important}
/* jednotné BÍLÉ pozadí za všemi produkty */
.pc .im{background:#fff!important}
.pc .im img{mix-blend-mode:normal!important}
.hero-vis{background:#fff!important}
.hero-vis img{mix-blend-mode:multiply}
/* bílý základ místo šedé (jemnější zlaté pozadí) */
.bgwrap::after{background:linear-gradient(180deg,rgba(255,255,255,.86),rgba(255,255,255,.93))!important}
.trust,.edu-sec{background:#fff!important}

/* MOBIL: žádné úzké sloupce — vše na plnou šířku, jeden sloupec */
@media(max-width:760px){
 .grid,.uc,.edu,.edu-mini,.why-grid,.gg,.two,.zas-grid,.cards,.detail{grid-template-columns:1fr!important}
 .vyroba .in,.hero-in{grid-template-columns:1fr!important}
 .trust .in{grid-template-columns:1fr 1fr!important}
 section{padding:32px 16px!important}
 .wrap{padding:0 16px!important}
 .hero{min-height:auto!important}
}
/* === konec v12c === */

/* === v12d — trust lišta nad obsahem + úklid trust sekce === */
body>          /* JS-injektovaná lišta úplně nahoře pryč */
.dtox-trustbar{background:#0A0A0A;color:#E9DFC8;text-align:center;font-size:12px;
 letter-spacing:.05em;padding:10px 12px;font-weight:400}
.dtox-trustbar b{color:#E8C97E;font-weight:600}
.dtox-trustbar span+span::before{content:"·";margin:0 .9em;color:#5d543d}
@media(max-width:620px){.dtox-trustbar span:nth-child(3){display:none}}
.trust .lbl{display:none!important}           /* malé popisky pod trust nadpisy pryč */
.trust .t{padding:22px 14px}
/* === konec v12d === */

/* v14e — kontrast (černá na bílé), bílá všude, oprava obrázků a popisků */
.bgwrap::after{background:rgba(255,255,255,.95)!important}
.trust,.edu-sec,.why,.vyroba,section{background:#fff!important}
.sec-sub,.card p,.wc p,.ec p,.zas p,.hero .sub,.em p{color:#2b2b2b!important}
.hero-vis{background:#fff!important;box-shadow:none!important;border:1px solid rgba(10,10,10,.06);cursor:pointer}
.hero-vis .cap{display:none!important}
.btn.ghost{color:#0A0A0A!important;background:#fff!important}
.pc .im{background:#fff!important}
.pc .im img{mix-blend-mode:multiply!important}
.vyroba .ph::after{display:none!important}
/* konec v14e */

/* v15 — VŠE BÍLÉ: zrušený zlatý přechod, bílý hero, bílé fotky bez přechodu, oprava patičky */
/* pozadí čistě bílé — pryč zlatý obrázek i canvas (žádné šedé/hnědé tóny) */
html,body{background:#fff!important}
.bgwrap{background:#fff!important}
.bgwrap::before{display:none!important}
.bgwrap::after{background:#fff!important}
.bgwrap canvas,#bgc{display:none!important}
/* hero bílé (bylo béžové 239,235,226) */


/* všechny sekce a karty čistě bílé */
.dtox-page,.trust,.edu-sec,.why,.vyroba,.dtox-page section,.card,.pc,.ec,.em,.box,.gal,.uc,.grid,.edu,.why-grid{background:#fff!important}
/* produktové fotky: čistě bílé pozadí, žádný blend, žádný přechod */
.pc .im,.hero-vis{background:#fff!important;background-image:none!important;isolation:isolate}
.pc .im img,.hero-vis img{mix-blend-mode:normal!important;background:#fff!important}
/* PATIČKA: skrýt rozbitý Instagram feed a mapu (deformované, obrázky nejde vidět) */
footer .custom-footer__instagram,footer .instagram-widget,footer .instagram-line,footer .instagram,footer .instagram-follow-btn,.dtox-map-footer-banner{display:none!important}
/* konec v15 */

/* v16 — mobil priorita: nativní menu, plná šířka, molekuly, tlačítka, trust, patička */

/* 1) interaktivní zlaté molekuly zpět, na bílém (bez zlatého přechodu) */
.bgwrap{background:#fff!important}
.bgwrap::before{display:none!important}
.bgwrap::after{display:none!important}
#bgc,.bgwrap canvas{display:block!important;opacity:1!important}

/* 2) žádný bílý pruh mezi Shoptet menu a černou lištou */
body.type-index .dtox-page{margin-top:0!important}
body.type-index #content,body.type-index .content-inner,body.type-index .container-inner{padding-top:0!important}

/* 4) tlačítka méně kulatá (ne dětská) */
.btn,.btn.gold,.btn.ghost,.s-cta .btn,.sticky .btn,.cta-row .btn{border-radius:10px!important}
.badge,.tag,.save,.ph .k,.eyebrow{border-radius:6px!important}
.card,.pc,.ec,.em,.box,.gal,.wc,.zas{border-radius:14px!important}

/* 5) fotky produktů: čistě bílé okolí, žádný šedý stín/rámeček */
.pc,.card{box-shadow:none!important;border:1px solid rgba(0,0,0,.05)!important}
.pc .im,.card .im,.hero-vis{background:#fff!important;box-shadow:none!important}
.pc .im img,.card .im img,.hero-vis img{mix-blend-mode:normal!important;background:#fff!important}

/* 8) trust: 4 kompaktní čtverce, méně místa, víc grafiky */
.trust .in{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:12px!important}
.trust .t{padding:14px 10px!important;text-align:center!important;align-items:center!important}
.trust .t .ic,.trust .ic{width:26px!important;height:26px!important;margin:0 auto 8px!important}
.trust .t .h{font-size:12.5px!important;line-height:1.35!important}

/* 10) PATIČKA: kontakt hezčí + Instagram zpět (nedeformovaný) + kontrast */
footer .custom-footer__instagram,footer .instagram-widget,footer .instagram-line,footer .instagram,footer .instagram-follow-btn{display:block!important}
footer .instagram-widget{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:8px!important}
footer .instagram-widget a,footer .instagram-widget img{width:100%!important;height:auto!important;aspect-ratio:1/1!important;object-fit:cover!important;border-radius:8px!important;display:block!important}
footer,footer p,footer li,footer a,footer td,footer span{color:#3a3f47!important}
footer a:hover{color:var(--gold-dark)!important}
footer h3,footer h4,footer .footer-title,footer strong{text-decoration:none!important;border:0!important;color:#111!important}
footer .footer-rows>*{background:#fff!important;border:1px solid rgba(0,0,0,.06)!important;border-radius:14px!important}
.dtox-map-footer-banner{display:none!important}

/* 7) MOBIL: plná šířka, méně zbytečného scrollu */
@media(max-width:760px){
  .dtox-page .wrap,.dtox-page section>.wrap{padding-left:14px!important;padding-right:14px!important;max-width:100%!important}
  .dtox-page section,.why,.edu-sec,.vyroba,.cta-band{padding-top:26px!important;padding-bottom:26px!important}
  .hero .hero-in{padding:20px 14px!important}
  .dtox-page h2{font-size:1.4rem!important}
  .sec-sub,.hero .sub{font-size:13.5px!important}
  /* trust 2x2 místo 4 na výšku -> kratší scroll */
  .trust .in{grid-template-columns:1fr 1fr!important;gap:8px!important}
  /* karty a mřížky na plnou šířku, jeden sloupec */
  .uc,.grid,.edu,.why-grid,.edu-mini,.two{grid-template-columns:1fr!important;gap:14px!important}
  footer .instagram-widget{grid-template-columns:repeat(4,1fr)!important}
}
/* 9) fotky produktů v use-case kartách */
.uc .card{overflow:hidden;padding-top:0!important}
.uc .card .uc-im{display:block;background:#fff;padding:16px 16px 6px;text-align:center}
.uc .card .uc-im img{height:150px;width:auto;max-width:100%;object-fit:contain;display:inline-block;margin:0 auto}
@media(max-width:760px){.uc .card .uc-im img{height:130px}}
/* konec v16 */

/* v17 — hero čitelný (bílý+produkt), mezera nahoře, trustbar černý, čísla pryč, ikony/tlačítka menší */

/* 1+3) HERO: bílé pozadí, tmavý čitelný text vlevo, produktová fotka vpravo (žádný text v obrázku) */
.hero{background:#fff!important;min-height:auto!important;padding:0!important;display:block!important;overflow:visible!important}
.hero::before,.hero::after{display:none!important}
.hero .hero-in{display:grid!important;grid-template-columns:1.1fr .9fr!important;gap:34px!important;align-items:center!important;max-width:1140px!important;margin:0 auto!important;padding:44px 24px!important}
.hero .hero-txt{color:#0A0A0A!important;max-width:none!important}
.hero h1{color:#0A0A0A!important}
.hero .eyebrow{color:var(--gold-dark)!important;background:transparent!important;padding:0!important}
.hero .sub{color:#2b2b2b!important}
.hero-vis{display:block!important;background:#fff!important;border:1px solid rgba(0,0,0,.06)!important;border-radius:16px!important;padding:20px!important;box-shadow:none!important}
.hero-vis img{mix-blend-mode:normal!important;background:#fff!important;width:100%!important;height:auto!important;object-fit:contain!important}
.hero-vis .cap{display:none!important}

/* 6) pryč prázdná mezera mezi menu a bannerem */



/* 7) horní trust lišta ČERNÁ */
.dtox-trustbar{background:#0A0A0A!important;color:#E9DFC8!important;text-align:center!important;font-size:12px!important;letter-spacing:.05em!important;padding:10px 12px!important;border:0!important}
.dtox-trustbar b{color:#E8C97E!important}
.dtox-trustbar span+span::before{content:"·"!important;margin:0 .8em!important;color:#5d543d!important}

/* 3) pryč číslování 01–04 u kroků výroby */
.zas .n{display:none!important}
.zas{gap:0!important}

/* 4) trust piktogramy menší */
.trust .ic,.trust .t .ic,.trust .t svg{width:20px!important;height:20px!important;margin:0 auto 8px!important}
.trust .t{padding:12px 8px!important}

/* 5) tlačítka lehčí a menší vůči textu */
.btn,.btn.gold,.btn.ghost{padding:9px 18px!important;font-size:12.5px!important;font-weight:500!important;min-height:0!important;letter-spacing:0!important}
.hero .cta-row .btn,.cta-row .btn{padding:10px 20px!important;font-size:13px!important}
.card .btn,.pc .btn,.foot .btn,.foot .btn.gold{padding:8px 14px!important;font-size:12px!important;font-weight:500!important}
.sticky .btn,.s-cta .btn{padding:10px 16px!important;font-size:13px!important;font-weight:500!important}
.cta-band .btn{padding:12px 22px!important;font-size:13.5px!important;font-weight:500!important}

@media(max-width:760px){
  .hero .hero-in{grid-template-columns:1fr!important;padding:22px 16px!important;gap:18px!important}
  .hero h1{font-size:2rem!important;color:#0A0A0A!important}
}
/* konec v17 */

/* v18 — oprava offsetu headeru, menší tlačítka, mobil plná šířka, kompaktní use-case */

/* 1) Shoptet header je position:absolute h=100px -> obsah musí začít pod ním (trust+hero zpět) */
body.type-index .content-wrapper.homepage-box{margin-top:100px!important}
@media(max-width:760px){body.type-index .content-wrapper.homepage-box{margin-top:88px!important}}

/* 2) tlačítka ještě menší a lehčí */
.btn,.btn.gold,.btn.ghost{padding:8px 15px!important;font-size:12px!important;font-weight:500!important;border-radius:9px!important}
.hero .cta-row .btn,.cta-row .btn{padding:9px 17px!important;font-size:12.5px!important}
.card .btn,.pc .btn,.foot .btn,.foot .btn.gold{padding:7px 12px!important;font-size:11.5px!important}
.cta-band .btn{padding:11px 20px!important;font-size:13px!important}

/* 3) MOBIL: text/obsah přes celou šířku displeje (vynulovat boční odsazení Shoptetu) */
@media(max-width:760px){
  body.type-index .content-wrapper-in,
  body.type-index .welcome-wrapper,
  body.type-index .welcome,
  body.type-index .homepage-box>.container,
  body.type-index .content-wrapper.homepage-box>.container{padding-left:0!important;padding-right:0!important;margin-left:0!important;margin-right:0!important;max-width:100%!important;width:100%!important}
  .dtox-page,.dtox-page .wrap{width:100%!important;max-width:100%!important}
  .dtox-page .wrap{padding-left:14px!important;padding-right:14px!important}
  .dtox-page section,.why,.edu-sec,.vyroba{padding-top:22px!important;padding-bottom:22px!important}
  .dtox-page h2{font-size:1.4rem!important}
}

/* 5) use-case „Výběr podle situace" — kompaktní, aby carousel byl blíž */
.uc .card .uc-im img{height:120px!important}
.uc .card{padding-bottom:14px!important}
@media(max-width:760px){
  .uc{gap:12px!important}
  .uc .card{padding:0 0 12px!important}
  .uc .card .uc-im{padding:12px 14px 4px!important}
  .uc .card .uc-im img{height:96px!important}
  .uc .card h3{font-size:1rem!important;margin:4px 14px!important}
  .uc .card p{font-size:12.5px!important;margin:2px 14px!important;line-height:1.5!important}
  .uc .card .tag{margin:10px 14px 0!important}
  .uc .card .meta{margin:2px 14px!important}
  .uc .card .foot{margin:6px 14px 0!important}
  /* kratší vertikální mezery kolem sekce -> carousel výš */
  .uc{margin-bottom:6px!important}
}
/* konec v18 */

/* v19 — SKUTEČNÉ pozadí (zlaté molekuly / neuronová síť) viditelné napříč webem + produkty bez bílého pozadí */

/* pozadí = obrázek molekul, fixní, prosvítá celým webem */
.bgwrap{position:fixed!important;inset:0!important;z-index:-1!important;
  background:#f7f1e2 url('/user/documents/upload/dtox-web/bg-mol-d.jpg') center top/cover no-repeat fixed!important}
.bgwrap::before,.bgwrap::after{display:none!important}
#bgc,.bgwrap canvas{display:none!important}
@media(max-width:760px){.bgwrap{background-image:url('/user/documents/upload/dtox-web/bg-mol-m.jpg')!important;background-attachment:scroll!important}}

/* sekce PRŮHLEDNÉ -> pozadí je vidět i „v bannerech" */
.dtox-page,.dtox-page section,.hero,.trust,.why,.edu-sec,.vyroba,.uc,.grid,.edu,.why-grid,.cta-band,.caro{background:transparent!important}

/* obsahové karty = matné sklo (čitelnost + molekuly prosvítají kolem) */
.pc,.card,.ec,.em,.box,.wc,.zas,.gal,.docs,.dl{background:rgba(255,255,255,.70)!important;
  -webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;
  border:1px solid rgba(255,255,255,.55)!important;box-shadow:0 10px 34px rgba(120,90,20,.12)!important}
.trust .t{background:rgba(255,255,255,.55)!important;-webkit-backdrop-filter:blur(7px)!important;backdrop-filter:blur(7px)!important;border-radius:12px!important;border:1px solid rgba(255,255,255,.5)!important}

/* 2) PRODUKTY: pryč bílé pozadí za fotkou, fotky větší */
.pc .im,.card .uc-im{background:transparent!important;padding:4px!important}
.pc .im img{mix-blend-mode:multiply!important;background:transparent!important;transform:scale(1.14)!important;transform-origin:center}
.uc .card .uc-im img{mix-blend-mode:multiply!important;height:140px!important}
.hero-vis{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
.hero-vis img{mix-blend-mode:multiply!important;background:transparent!important}

/* text čitelný na světlém pozadí */
.dtox-page h2,.hero h1,.card h3,.pc h3,.ec h3{color:#0A0A0A!important}
.sec-sub,.hero .sub,.card p,.pc .claim,.ec p{color:#20211f!important}
.dtox-page h2,.sec-eyebrow{text-shadow:0 1px 10px rgba(255,255,255,.55)}

/* 4) hero tlačítka ještě menší a lehčí */
.hero .cta-row .btn,.hero .btn{padding:8px 16px!important;font-size:11.5px!important;font-weight:500!important;border-radius:9px!important}

/* 5) méně scrollu: kompaktní produktová mřížka + na mobilu 2 sloupce dlaždic */
.grid{gap:14px!important}
.pc .pcb{padding:14px 16px 16px!important}
@media(max-width:760px){
  .grid{grid-template-columns:1fr 1fr!important;gap:10px!important}
  .pc .im img{transform:scale(1.06)!important}
  .pc h3{font-size:.98rem!important}
  .pc .claim{font-size:11px!important}
  .grid .btn{padding:7px 10px!important;font-size:11px!important}
}
/* konec v19 */

/* ============================================================
   v20 — pozadí (foto + canvas, fallback), oprava mobilního
   offsetu pod menu, trust bez mezery, drobné jistoty
   ============================================================ */

/* 1) POZADÍ: bg-mol-* (po nahrání) s okamžitým fallbackem na bg-gold-* (na serveru je).
      Vícevrstvé pozadí: rozbitá horní vrstva = průhledná -> prosvítá spodní. */
.bgwrap{position:fixed!important;inset:0!important;z-index:-1!important;overflow:hidden!important;
  background-color:#f7f1e2!important;
  background-image:url('/user/documents/upload/dtox-web/bg-mol-d.jpg'),url('/user/documents/upload/dtox-web/bg-gold-d.jpg')!important;
  background-position:center top,center!important;
  background-size:cover,cover!important;
  background-repeat:no-repeat,no-repeat!important;
  background-attachment:fixed,fixed!important}
@media(max-width:760px){.bgwrap{
  background-image:url('/user/documents/upload/dtox-web/bg-mol-m.jpg'),url('/user/documents/upload/dtox-web/bg-gold-m.jpg')!important;
  background-attachment:scroll,scroll!important}}
.bgwrap::before,.bgwrap::after{display:none!important}

/* canvas neuronové sítě + THC molekul ZAPNUTÝ nad fotkou (v19 ho vypnul) */
#bgc,.bgwrap canvas{display:block!important;position:absolute!important;inset:0!important;opacity:.9!important}
@media(prefers-reduced-motion:reduce){#bgc,.bgwrap canvas{opacity:.35!important}}

/* 2) MOBILNÍ OFFSET: zrušit natvrdo margin-top z v18 — offset řídí VÝHRADNĚ dtox-v20.js
      (dva zdroje offsetu = rozbité zobrazení pod menu na mobilu) */
body.type-index .content-wrapper.homepage-box{margin-top:0!important}
@media(max-width:760px){body.type-index .content-wrapper.homepage-box{margin-top:0!important}}

/* 3) trust lišta těsně pod menu, bez mezer */
.dtox-trustbar{margin:0!important;position:relative;z-index:5}
body.type-index .welcome-wrapper{padding-top:0!important}
body.dtox-on .trust{background:transparent!important;border:0!important}

/* 4) jistota: sekce plná šířka na mobilu i pro .caro */
@media(max-width:760px){.caro{margin-left:0!important;margin-right:0!important}}
/* konec v20 */

/* ============================================================
   v21 — hero lifestyle foto, produkty v řádcích na mobilu,
   transparentní produktové fotky, klidnější mobilní header
   ============================================================ */

/* 1) HERO: velká lifestyle fotka (nahrazuje packshot na bílé) */
.hero-vis{display:block!important;overflow:hidden!important;border-radius:16px!important;border:0!important;box-shadow:0 14px 44px rgba(90,65,10,.18)!important;padding:0!important;background:transparent!important}
.hero-vis img{mix-blend-mode:normal!important;width:100%!important;height:100%!important;min-height:300px!important;object-fit:cover!important;border-radius:16px!important;background:transparent!important}
@media(max-width:760px){
  .hero .hero-in{display:flex!important;flex-direction:column!important;gap:14px!important;padding:16px 14px 20px!important}
  .hero-vis{order:-1!important}
  .hero-vis img{min-height:0!important;height:215px!important}
}

/* 2) PRODUKTY na mobilu: jeden pod druhým jako přehledné řádky */
@media(max-width:760px){
  .grid{grid-template-columns:1fr!important;gap:10px!important}
  .pc{display:flex!important;flex-direction:row!important;align-items:center!important;padding:10px 12px!important}
  .pc .im{flex:0 0 92px!important;width:92px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important}
  .pc .im img{transform:none!important;max-height:86px!important;width:auto!important;object-fit:contain!important}
  .pc .pcb{flex:1 1 auto!important;padding:0 0 0 12px!important;min-width:0}
  .pc h3{font-size:.95rem!important;margin:2px 0 8px!important}
  .pc .claim{font-size:11px!important;margin:0!important}
  .pc .foot{display:flex!important;align-items:center!important;justify-content:space-between!important;margin:0!important;gap:8px}
  .grid .btn{padding:6px 12px!important;font-size:11px!important}
  .pc .badge{font-size:9px!important;padding:2px 8px!important}
}

/* 3) transparentní PNG fotky: nezkreslovat barvy blendem (bílá už tam není) */
.pc .im img[src*="/dtox-web/p-"]{mix-blend-mode:normal!important}
/* nativní galerie detailu: bílé pozadí fotek opticky pryč */
body.dtox-on .p-image img,body.dtox-on .p-thumbnail img,body.dtox-on .p-detail-inner .image img{mix-blend-mode:multiply}
/* konec v21 */

/* ============================================================
   v23 — klientská zpětná vazba:
   1) mobil: pryč prázdný orámovaný box mezi menu a trust lištou
   2) carousel/bannery stejná šířka jako obsah
   3) CTA pás zpět tmavý (kontrast „Vyber si svůj vstupní…")
   4) výroba: popisek pryč, typografie a mezery
   5) patička: kompaktní, zlatá linka uprostřed
   6) nové produktové fotky p2-* bez blendu
   ============================================================ */

/* 1) prázdný main.content na homepage = „čára/pruh" na mobilu */
body.type-index main.content,body.type-index main#content{
  border:0!important;background:transparent!important;box-shadow:none!important;
  padding:0!important;margin:0!important;min-height:0!important;height:auto!important}

/* 2) sjednocené šířky: carousel = šířka obsahu (.wrap) */
body.dtox-on .caro{box-sizing:border-box;max-width:1140px;margin:0 auto!important;padding:0 24px}
body.dtox-on .slide{overflow:hidden;border-radius:16px}
body.dtox-on .slide img{border-radius:16px}
body.dtox-on .slide .s-cta{left:48px}
@media(min-width:900px){body.dtox-on .slide .s-cta{left:calc(8% + 24px)}}
body.dtox-on .caro-dots{right:48px}
@media(min-width:900px){body.dtox-on .caro-dots{right:calc(8% + 24px)}}
@media(max-width:760px){
  body.dtox-on .caro{padding:0 14px!important;margin:0 auto!important}
  body.dtox-on .slide,body.dtox-on .slide img{border-radius:14px}
  body.dtox-on .slide .s-cta{left:28px}
  body.dtox-on .caro-dots{right:28px}
}

/* 3) CTA pás: tmavý poloprůhledný přechod nad molekulami -> čitelné */
body.dtox-on .cta-band{background:linear-gradient(135deg,rgba(11,10,8,.94),rgba(36,30,20,.90) 60%,rgba(58,47,31,.88))!important;position:relative;z-index:2}
body.dtox-on .cta-band h2{color:#fff!important;text-shadow:none!important}
body.dtox-on .cta-band .sub2{color:#D8D2C4!important;font-weight:400!important}
body.dtox-on .cta-band .sec-eyebrow{color:#E8C97E!important;text-shadow:none!important}

/* 4) výroba: popisek „VÝROBA · OSTRAVA, CZ" pryč (i span.cap v obsahu) */
.vyroba .ph::after{display:none!important;content:none!important}
.dtox-page span.cap,.dtox-page .ph .cap{display:none!important}
/* typografie kroků + mezery mezi odstavci */
body.dtox-on .zas{padding:15px 0!important}
body.dtox-on .zas b{margin-bottom:5px!important;font-size:14px!important}
body.dtox-on .zas p{margin-top:3px!important;font-size:13px!important;line-height:1.68!important;color:#2b2b2b!important}
.dtox-page p+p{margin-top:12px}

/* 5) patička: zlatá linka pod nadpisy uprostřed + kompaktnější */
footer .pageElement__heading{position:relative!important;text-align:center!important}
footer .pageElement__heading::before{
  left:50%!important;right:auto!important;margin-left:0!important;margin-right:0!important;
  transform:translateX(-50%)!important;background:#C8921A!important;width:40px!important}
footer span.tel,footer span.cellphone{display:none!important}
footer .custom-footer>div{padding-top:16px!important;padding-bottom:16px!important;margin-bottom:10px!important}
footer .site-name{padding:12px!important}
footer .site-name img{height:30px!important}
footer ul li{padding:2px 0!important}
footer .footer-bottom{padding:12px 10px!important}
footer .contact-box p,footer .contact-box li{margin:2px 0!important}

/* 6) nové transparentní produktové fotky p2-*: žádný blend */
.pc .im img[src*="/dtox-web/p2-"]{mix-blend-mode:normal!important;background:transparent!important}
.hero-vis img[src*="hero-lifestyle2"]{mix-blend-mode:normal!important}
/* konec v23 */

/* ============================================================
   v24 — kontrast a čitelnost všude, trust full-width, mezery,
   kulatá patička, nové p3 fotky, kalkulačka výš, CMS hero fix
   ============================================================ */

/* 1) TRUST LIŠTA přes celou šířku displeje */
.dtox-trustbar{width:100vw!important;max-width:100vw!important;
  margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;
  padding:11px 14px!important}

/* 2) ČITELNOST — silnější kontrast textů na zlatém pozadí */
.dtox-page p,.dtox-page li,.dtox-page .sub,.dtox-page .sec-sub{color:#1F201E!important;font-weight:400!important}
.dtox-page .sub,.dtox-page .sec-sub,.dtox-page>section>.wrap>p{text-shadow:0 1px 12px rgba(255,255,255,.75)}
.dtox-page h1,.dtox-page h2,.dtox-page h3,.dtox-page h4{color:#0A0A0A!important;text-shadow:0 1px 14px rgba(255,255,255,.6)}
.dtox-page .sec-eyebrow,.dtox-page .eyebrow{color:#8F6A0C!important;font-weight:600!important;text-shadow:0 1px 10px rgba(255,255,255,.7)!important}
/* hezčí zalamování — žádné osamocené půlvěty */
.dtox-page h1,.dtox-page h2,.dtox-page h3{text-wrap:balance}
.dtox-page p{text-wrap:pretty}
/* výjimky: tmavé plochy zůstávají světlé */
.dtox-page .ph .k,.dtox-page .badge,.dtox-trustbar,.dtox-trustbar *{color:#fff!important;text-shadow:none!important}
.dtox-trustbar b{color:#E8C97E!important}
body.dtox-on .cta-band h2{color:#fff!important;text-shadow:none!important}
body.dtox-on .cta-band .sub2,body.dtox-on .cta-band p{color:#D8D2C4!important;text-shadow:none!important}
body.dtox-on .cta-band .sec-eyebrow{color:#E8C97E!important;text-shadow:none!important}

/* 3) MEZERY — jednotný vertikální rytmus sekcí a bannerů */
.dtox-page section,.dtox-page .why,.dtox-page .edu-sec,.dtox-page .vyroba{padding-top:36px!important;padding-bottom:36px!important}
body.dtox-on .caro{margin-top:14px!important;margin-bottom:14px!important}
@media(max-width:760px){
  .dtox-page section,.dtox-page .why,.dtox-page .edu-sec,.dtox-page .vyroba{padding-top:26px!important;padding-bottom:26px!important}
  body.dtox-on .caro{margin-top:10px!important;margin-bottom:10px!important}
}

/* 4) VÝVOJ A VÝROBA — mezery mezi bublinami */
body.dtox-on .zas{margin-bottom:12px!important;border-bottom:0!important;padding:16px 18px!important}
body.dtox-on .zas:last-child{margin-bottom:0!important}

/* 5) PATIČKA — kulaté rohy, jednotný vizuál */
footer .footer-rows>*,footer .custom-footer>div,footer .site-name,
footer .custom-footer__banner1 .banner,footer .contact-box,footer .instagram-widget a,footer .instagram-widget img{border-radius:14px!important}
footer .footer-rows>*,footer .custom-footer>div{overflow:hidden}

/* 6) nové oficiální fotky p3-* (transparentní) — bez blendu */
.pc .im img[src*="/dtox-web/p3-"],.uc .card .uc-im img[src*="/dtox-web/p3-"]{mix-blend-mode:normal!important;background:transparent!important}

/* 7) pás THC kalkulačky pod hero */
.dtox-page .calcbar{display:block;text-align:center;background:rgba(10,10,10,.88);color:#E8C97E!important;
  padding:12px 18px;font-size:12.5px;letter-spacing:.05em;font-weight:500;border-radius:12px;
  max-width:640px;margin:0 auto 6px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  border:1px solid rgba(200,146,26,.35);transition:.2s}
.dtox-page .calcbar:hover{background:rgba(10,10,10,.96);border-color:#C8921A}
.dtox-page .calcbar b{color:#fff;font-weight:600}
@media(max-width:760px){.dtox-page .calcbar{margin:0 14px 4px;font-size:12px;padding:11px 14px}}

/* 8) CMS podstránky: duplicitní nativní H1 nahoře pryč (zůstává H1 v obsahu) */
body.dtox-on.type-page main h1:not(.dtox-page h1),
body.dtox-on.type-page #content>h1,
body.dtox-on.type-page .content-wrapper-in>h1{display:none!important}
/* světlé nadpisy/eyebrow v hero podstránek -> tmavé (řeší nečitelnost na zlaté) */
body.dtox-on.type-page .dtox-page h1{color:#0A0A0A!important}

/* 9) B2B galerie fotek u produktů */
.dtox-page .dl .bimg{display:inline-block;width:84px;height:84px;border-radius:10px;overflow:hidden;
  border:1px solid rgba(0,0,0,.08);margin:0 8px 6px 0;background:#fff;vertical-align:middle;box-shadow:0 4px 14px rgba(90,65,10,.10)}
.dtox-page .dl .bimg img{width:100%;height:100%;object-fit:cover;display:block}
.dtox-page .dl .pname img{background:#fff;border-radius:8px}
@media(max-width:760px){.dtox-page .dl .bimg{width:72px;height:72px}}

/* 10) Novinky (blog) skryté z menu — vratné, položka v adminu zůstává */
nav li:has(>a[href*="/nase-novinky/"]),nav a[href*="/nase-novinky/"]{display:none!important}
/* konec v24 */

/* ============================================================
   v25 — čitelnost podstránek (pryč černý film), šířka textu,
   větší hero s popiskem, kulaté rohy, košík, platební loga,
   mobil: kratší cesta k nákupu
   ============================================================ */

/* 1) PODSTRÁNKY: pryč tmavý přechod přes fotky, text na matném skle */
.dtox-page .hhero{position:relative;border-radius:16px;overflow:hidden}
.dtox-page .hhero::before,.dtox-page .hhero::after{display:none!important;content:none!important}
.dtox-page .hhero .in{position:absolute;left:26px;bottom:24px;right:auto;max-width:620px;
  background:rgba(255,255,255,.84)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  border-radius:14px;padding:20px 26px;border:1px solid rgba(255,255,255,.6);box-shadow:0 10px 34px rgba(60,42,8,.18)}
.dtox-page .hhero .in,.dtox-page .hhero .in p,.dtox-page .hhero .in h1,.dtox-page .hhero .in h2{color:#0A0A0A!important;text-shadow:none!important}
.dtox-page .hhero .in .eyebrow{color:#8F6A0C!important}
@media(max-width:760px){
  .dtox-page .hhero .in{position:static;max-width:none;margin:-14px 10px 0;padding:16px 18px}
  .dtox-page .hhero{overflow:visible;border-radius:14px}
  .dtox-page .hhero img.bg{border-radius:14px}
}

/* 2) platební loga v patičce — nedeformovat, ostrý contain */
footer .banner img,footer img[src*="online"],footer img[src*="payment"],footer img[src*="comgate"]{
  width:auto!important;height:auto!important;max-width:100%!important;max-height:34px!important;
  aspect-ratio:auto!important;object-fit:contain!important;border-radius:0!important}

/* 3) PODSTRÁNKY: obsah na plnou šířku s běžným okrajem
   (main.content je grid s úzkým sloupcem + článek má strop 1000px) */
body.dtox-on.type-page main.content{display:block!important}
body.dtox-on.type-page article.pageArticleDetail,body.dtox-on.type-page .pageArticleDetail{max-width:none!important;width:100%!important}
body.dtox-on.type-page .content-inner{width:100%!important;max-width:none!important}
body.dtox-on.type-page .dtox-page .wrap{max-width:1140px!important;width:auto!important}
body.dtox-on.type-page .dtox-page .art{max-width:900px;width:100%}
body.dtox-on.type-page aside,body.dtox-on.type-page .sidebar{display:none!important}

/* 4) košík/ikony v hlavičce na jedné lince */
.header-top{align-items:center!important}
.header-top .navigation-buttons,.header-top .user-action-cart,.header-top .top-nav-button,.header-top .languagesMenu{align-self:center!important}
.user-action-cart .cart-count{top:-6px}

/* 6) kulaté rohy: závěrečný CTA pás + bílé jádro patičky */
body.dtox-on .cta-band{border-radius:18px!important;overflow:hidden;max-width:1140px;margin-left:auto!important;margin-right:auto!important}
footer .footer-rows{border-radius:18px!important;overflow:hidden}
@media(max-width:760px){body.dtox-on .cta-band{border-radius:14px!important;margin-left:14px!important;margin-right:14px!important}}

/* 7) zalamování — vyvážené i u krátkých podtitulů */
.dtox-page .sec-sub,.dtox-page .lead,.dtox-page .sub2{text-wrap:balance}

/* 8) HERO větší, popisek na matném skle přes fotku (desktop) */
@media(min-width:761px){
  .hero .hero-in{display:block!important;position:relative!important;max-width:1140px!important;padding:34px 24px 40px!important}
  .hero .hero-vis,.hero a.hero-vis{display:block!important;width:100%!important}
  .hero .hero-vis img{width:100%!important;height:540px!important;object-fit:cover!important;object-position:center 30%!important;border-radius:18px!important}
  .hero .hero-txt{position:absolute!important;z-index:3;left:56px;bottom:72px;max-width:600px!important;
    background:rgba(255,255,255,.85);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
    border-radius:16px;padding:30px 34px;border:1px solid rgba(255,255,255,.65);box-shadow:0 14px 44px rgba(60,42,8,.22)}
  .hero .hero-txt .gline{display:none}
}
@media(max-width:760px){
  .hero-vis img{height:260px!important}
}

/* 10) MOBIL: kratší cesta k nákupu — pořadí sekcí + kompaktní proč/trust */
@media(max-width:760px){
  body.type-index .dtox-page{display:flex!important;flex-direction:column!important}
  body.type-index .dtox-page>.dtox-trustbar{order:0}
  body.type-index .dtox-page>.hero{order:1}
  body.type-index .dtox-page>.calcbar{order:2}
  body.type-index .dtox-page>section{order:5}
  body.type-index .dtox-page>#dtox-produkty{order:3}
  body.type-index .dtox-page>.caro{order:4}
  body.type-index .dtox-page>.trust{order:6}
  body.type-index .dtox-page>.why{order:7}
  body.type-index .dtox-page>.edu-sec{order:8}
  body.type-index .dtox-page>.vyroba{order:9}
  body.type-index .dtox-page>.cta-band{order:10}
  /* proč DTOX kompaktně: menší karty, kratší text */
  .why .why-grid{gap:10px!important}
  .why .wc{padding:14px 16px!important}
  .why .wc .ic{width:20px!important;height:20px!important;margin-bottom:6px!important}
  .why .wc h3{font-size:.95rem!important;margin-bottom:4px!important}
  .why .wc p{font-size:12px!important;line-height:1.5!important}
  .why{padding-top:22px!important;padding-bottom:22px!important}
  /* trust mini 2x2 */
  .trust{padding-top:18px!important;padding-bottom:18px!important}
  .trust .t{padding:10px 8px!important}
  .trust .t .h{font-size:11.5px!important}
  .trust .ic,.trust .t .ic{width:18px!important;height:18px!important;margin-bottom:5px!important}
}
/* konec v25 */


/* ============================================================
   v26 — mobilní šířka podstránek, viditelná ilustrace v hero
   podstránek (popisek POD fotkou), mapa Kde nás najdete
   ============================================================ */

/* 1) MOBIL: podstránky na plnou šířku displeje */
@media(max-width:760px){
  body.dtox-on.type-page main.content{padding-left:0!important;padding-right:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
  body.dtox-on.type-page .container.content-wrapper{padding-left:0!important;padding-right:0!important}
  body.dtox-on.type-page .content-inner,body.dtox-on.type-page .pageArticleDetail{width:100%!important;max-width:none!important}
  body.dtox-on.type-page .dtox-page .wrap{padding-left:14px!important;padding-right:14px!important}
}

/* 2) HERO podstránek: fotka plně viditelná, popisek pod ní */
.dtox-page .hhero{height:auto!important;overflow:visible!important;border-radius:0!important}
.dtox-page .hhero img.bg{display:block!important;width:100%!important;height:400px!important;object-fit:cover!important;object-position:center!important;border-radius:16px!important}
.dtox-page .hhero .in{position:static!important;left:auto!important;bottom:auto!important;max-width:none!important;margin:16px 0 0!important}
@media(max-width:760px){
  .dtox-page .hhero img.bg{height:230px!important;border-radius:14px!important}
  .dtox-page .hhero .in{margin:12px 0 0!important;padding:16px 18px!important}
}

/* 3) mapa prodejních míst */
.dtox-page .mapcard{background:#fff;border-radius:16px;padding:10px;box-shadow:0 10px 34px rgba(120,90,20,.12);border:1px solid rgba(0,0,0,.05);margin-top:18px}
.dtox-page .mapcard img{width:100%;height:auto;display:block;border-radius:10px}
/* konec v26 */


/* ============================================================
   v27 — produktové detaily, hero panel níž, zarovnání výroby,
   celé věty, blog v novém stylu, oprava pozadí na mobilu
   ============================================================ */

/* 1+3) PRODUKTOVÝ DETAIL: popis na plnou šířku sloupce (byl v poloviční) */
body.dtox-on.type-detail .shp-tabs-wrapper,body.dtox-on.type-detail .p-detail-tabs-wrapper{width:100%!important;max-width:none!important;float:none!important}
body.dtox-on.type-detail .tab-content .row{width:100%!important;margin:0!important}
body.dtox-on.type-detail .tab-content .row>[class*=col]{flex:0 0 100%!important;max-width:100%!important;width:100%!important}
/* tabulky složení: nikdy nepřetékat */
.dtox-page table{width:100%!important;max-width:100%!important;table-layout:fixed!important;border-collapse:collapse!important}
.dtox-page table td,.dtox-page table th{white-space:normal!important;word-break:break-word;padding:8px 10px!important;font-size:13px}
/* sticky CTA nekoliduje s chatem */
@media(max-width:991px){body.type-detail #chat-application,body.type-detail [id*="smartsupp"],body.type-detail .smartsupp-widget-container{bottom:82px!important}}

/* 2) HERO (PC): panel níž a menší, ať nepřekáží fotce */
@media(min-width:761px){
  .hero .hero-txt{bottom:22px!important;left:40px!important;max-width:520px!important;padding:22px 28px!important;background:rgba(255,255,255,.88)}
  .hero .hero-txt h1{font-size:2.3rem!important}
}

/* 4) podtituly: nechat celé věty, žádné násilné zalomení */
.dtox-page .sec-sub,.dtox-page .lead{text-wrap:initial!important;max-width:72ch!important;margin-left:auto;margin-right:auto}

/* 5) Vývoj a výroba (PC): jednotné zarovnání doleva */
@media(min-width:761px){
  .vyroba .sec-eyebrow,.vyroba h2,.vyroba .sec-sub,.vyroba .zas,.vyroba .zas b,.vyroba .zas p{text-align:left!important}
  .vyroba .sec-sub{margin-left:0!important}
}

/* 6) pozadí mobil: jen existující bg-mol-m (pryč 404 na bg-gold-m) */
@media(max-width:760px){.bgwrap{
  background-image:url('/user/documents/upload/dtox-web/bg-mol-m.jpg')!important;
  background-attachment:scroll!important;background-position:center top!important;
  background-size:cover!important;background-repeat:no-repeat!important}}

/* 7) BLOG (Novinky) v duchu nového webu */
body.type-post main.content{display:block!important;max-width:920px!important;margin:0 auto!important;
  background:#fff!important;border-radius:18px!important;padding:30px 36px!important;border:1px solid rgba(0,0,0,.05)!important}
body.type-post main.content h1{font-size:1.9rem;font-weight:700;line-height:1.25;margin-bottom:14px;color:#0A0A0A}
body.type-post main.content h2,body.type-post main.content h3{color:#0A0A0A;margin:22px 0 10px}
body.type-post main.content p,body.type-post main.content li{font-size:15px;line-height:1.75;color:#2b2b2b}
body.type-post main.content img{max-width:100%;height:auto;border-radius:14px}
body.type-post main.content a{color:#A9790F}
body.type-post main.content .btn,body.type-post main.content button{border-radius:9px!important}
@media(max-width:760px){body.type-post main.content{padding:20px 14px!important;border-radius:0!important;border:0!important}}

/* 1b) MOBIL detail: rozbitá šířka .p-detail (grid item bez min-width) */
body.type-detail .p-detail{min-width:0!important}
@media(max-width:991px){
  body.type-detail main.content{display:block!important;padding-left:0!important;padding-right:0!important}
  body.type-detail .p-detail,body.type-detail .shp-tabs-wrapper,body.type-detail .p-detail-tabs-wrapper,
  body.type-detail .tab-content,body.type-detail .tab-pane,body.type-detail .description-inner,
  body.type-detail .dtox-page,body.type-detail .dtox-page section,body.type-detail .dtox-page .two,body.type-detail .dtox-page .box{
    width:100%!important;max-width:100%!important;min-width:0!important}
  body.type-detail .tab-content .row{width:100%!important;margin:0!important}
}
/* konec v27 */


/* ============================================================
   v28 — hub hero definitivně (fotka nahoře, popisek pod ní),
   homepage hero popisek pod fotkou, širší tabulka složení
   ============================================================ */

/* 1) HUB stránky (.hhero): přebíjí base pravidla body.dtox-on .hhero */
body.dtox-on .hhero{height:auto!important;min-height:0!important;display:block!important;overflow:visible!important;border-radius:0!important}
body.dtox-on .hhero::before,body.dtox-on .hhero::after{display:none!important;content:none!important}
body.dtox-on .hhero img.bg{position:static!important;inset:auto!important;display:block!important;
  width:100%!important;height:400px!important;object-fit:cover!important;object-position:center!important;border-radius:16px!important}
body.dtox-on .hhero .in{position:static!important;max-width:none!important;margin:16px 0 0!important;
  padding:22px 26px!important;background:rgba(255,255,255,.86)!important;border-radius:14px!important;
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.6)}
body.dtox-on .hhero .in,body.dtox-on .hhero .in p,body.dtox-on .hhero h1,body.dtox-on .hhero .in h2{color:#0A0A0A!important;text-shadow:none!important}
body.dtox-on .hhero p{color:#2b2b2b!important;max-width:none!important}
body.dtox-on .hhero .in .eyebrow{color:#8F6A0C!important}
@media(max-width:760px){
  body.dtox-on .hhero img.bg{height:230px!important;border-radius:14px!important}
  body.dtox-on .hhero .in{margin:12px 0 0!important;padding:16px 18px!important}
}

/* 2) HOMEPAGE hero (PC): popisek pod fotkou, lehce překrývá */
@media(min-width:761px){
  .hero .hero-in{display:flex!important;flex-direction:column!important}
  .hero .hero-vis,.hero a.hero-vis{order:1}
  .hero .hero-txt{order:2}
  .hero .hero-vis img{height:480px!important}
  .hero .hero-txt{position:relative!important;left:auto!important;bottom:auto!important;z-index:3;
    margin:-60px auto 0!important;max-width:720px!important;text-align:center!important;
    background:rgba(255,255,255,.92)!important;padding:26px 34px!important;border-radius:16px!important;
    -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
    border:1px solid rgba(255,255,255,.65);box-shadow:0 14px 44px rgba(60,42,8,.18)}
  .hero .cta-row{justify-content:center!important}
}

/* 3) detail produktu: složení v jednom sloupci -> čitelná tabulka */
body.type-detail .dtox-page .two{grid-template-columns:1fr!important;gap:14px!important}
/* konec v28 */


/* ============================================================
   v29 — detail přes celou šířku, jednotné karty v Průvodci,
   věty bez umělého zúžení
   ============================================================ */

/* 1) DETAIL PRODUKTU: pryč prázdný pravý sloupec gridu */
body.type-detail main.content{display:block!important}
body.type-detail .p-detail{width:100%!important;max-width:none!important}
body.type-detail .p-detail-inner{overflow:hidden}

/* 2) PRŮVODCE / edukační karty: jednotná výška fotek i karet, odkazy dole */
.dtox-page .ec{display:flex!important;flex-direction:column!important;height:100%}
.dtox-page .ec .ph{display:block!important;height:280px!important;overflow:hidden!important;flex:0 0 auto}
.dtox-page .ec .ph img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center}
.dtox-page .ec .body{display:flex!important;flex-direction:column!important;flex:1 1 auto!important}
.dtox-page .ec .body > :last-child{margin-top:auto!important;padding-top:12px}
@media(max-width:760px){.dtox-page .ec .ph{height:200px!important}}

/* 3) podtituly: na desktopu bez umělého stropu -> věta se nezalomí zbytečně */
@media(min-width:761px){.dtox-page .sec-sub,.dtox-page .lead{max-width:none!important}}
/* konec v29 */


/* ============================================================
   v30/v31 — košík v hlavičce, jednotné bubliny, mobilní hero,
   akční promo lišta
   ============================================================ */
/* v30 hotfix */
@media(min-width:761px){
.header-top{position:relative!important;align-items:center!important}
.header-top .navigation-buttons{position:absolute!important;right:15px!important;top:50%!important;transform:translateY(-50%)!important;display:flex!important;align-items:center!important;margin:0!important;width:auto!important;height:auto!important;min-height:0!important}
.header-top .navigation-buttons a,.header-top .navigation-buttons .btn-icon{margin:0!important;position:static!important}
.header-top .top-nav-button,.header-top .languagesMenu{margin-top:0!important;margin-bottom:0!important;align-self:center!important}
body.dtox-on .zas{min-height:128px!important;align-content:center!important}
}
@media(max-width:760px){
.hero .hero-txt{position:relative;z-index:3;margin:-34px 14px 0!important;background:rgba(255,255,255,.9)!important;border-radius:14px!important;padding:18px 16px!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.6);box-shadow:0 10px 30px rgba(60,42,8,.16);text-align:center}
.hero .eyebrow{font-size:10px!important;letter-spacing:.12em!important}
.hero .cta-row{justify-content:center!important}
}
.hero .btn.gold,.cta-row .btn.gold{color:#fff!important}

/* AKČNÍ LIŠTA (dočasná, řídí ji JS do 20. 7.) */
.dtox-promo{display:block;text-align:center;background:linear-gradient(90deg,#A9790F,#C8921A 50%,#A9790F);
  color:#fff;font-size:12.5px;font-weight:600;letter-spacing:.04em;padding:9px 14px;position:relative;z-index:6}
.dtox-promo b{color:#fff}
.dtox-promo .d{color:#F7E7C3;font-weight:500}
@media(max-width:760px){.dtox-promo{font-size:11.5px;padding:8px 10px}}
/* konec v31 */