/* TOPDREVO MODERN / Quick.Cart.Ext 6.7 / non-invasive override */
:root{--forest:#203b30;--forest2:#315342;--wood:#b18a59;--cream:#f7f5f0;--ink:#24302a;--muted:#65736a;--line:#e3e8e2;--radius:15px}
*,*:before,*:after{box-sizing:border-box}
html{scroll-behavior:smooth}
body,table,.input,select,textarea,.submit{font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--ink)}
body{background:var(--cream);font-size:16px;line-height:1.55}
a{color:var(--forest2)}a:hover{color:var(--wood)}
#container{background:none;overflow:visible}
#header{position:relative;top:auto;left:auto;height:auto;background:#fff;border-top:5px solid var(--forest);box-shadow:0 4px 22px rgba(21,39,29,.07);z-index:100}
#head1,#head2,#head3,#body .container,#foot .container{width:min(1200px,calc(100% - 48px));max-width:1200px}
#head1 .container,#head2 .container,#head3 .container{float:none;overflow:visible}
#head1{min-height:35px}#head1 .container{display:flow-root}
#head2{min-height:85px}#logo{padding:16px 0;float:none}#logo #title a{font-size:32px;line-height:1.25;height:auto;background:none;padding-left:0;color:var(--forest)}#logo #title a strong{color:var(--wood)}
#head3{clear:both;border-top:1px solid var(--line)}#head3 .container{display:flow-root}
#menu1 ul{margin:7px 0}#menu1 li a,#menu1 li.lBasket a{color:var(--forest);font-size:13px}
#menu2 ul{margin:0;height:auto;display:flex;flex-wrap:wrap;gap:4px 22px}#menu2 li a{margin:0;padding:15px 5px;background:none;font-size:15px;font-weight:650;color:var(--forest)}#menu2 li a:hover,#menu2 .selected a{color:var(--wood)}
#body{margin:0;background:var(--cream);padding:36px 0 64px;overflow:visible}#body .container{display:flow-root}#slogan{position:static;width:min(1200px,calc(100% - 48px));height:auto;margin:0 auto 25px;padding:30px 35px;text-align:left;font-size:clamp(26px,4vw,48px);line-height:1.2;background:linear-gradient(115deg,var(--forest),#42664d);border-radius:var(--radius);text-shadow:none;color:#fff}
#content{float:left;width:calc(100% - 310px);padding:25px 30px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);text-align:left;min-width:0}
#column{float:right;width:280px;padding:0;text-align:left}
#menu3,.box,#searchForm{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:17px;margin:0 0 18px;box-shadow:0 4px 20px rgba(30,50,40,.025)}
#menu3 ul{padding:0}#menu3 a{padding:11px 8px;border-bottom:1px solid var(--line);background:none;font-size:15px;color:var(--forest)}#menu3 li:last-child>a{border-bottom:0}#menu3 a:hover{color:var(--wood)}
#searchForm fieldset{border:0}#searchForm .input,.input,select,textarea{max-width:100%;border:1px solid #d9e0d9;background:#fff;border-radius:9px;padding:10px}
.submit,#products li .basket a,#product #box #addBasket .submit{background:var(--forest);color:#fff;border-radius:9px;padding:11px 16px;font-weight:650;transition:background .2s ease}
.submit:hover,#products li .basket a:hover{background:var(--forest2);color:#fff;padding:11px 16px}
#content h1,#product h1{font-size:clamp(25px,3vw,36px);line-height:1.2;color:var(--forest);font-weight:750;margin-bottom:16px}
#content h2,#content h3{color:var(--forest)}
#products{width:100%}#products ul.list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;float:none;clear:both}
#products .list li{float:none;clear:none;width:auto;min-width:0;margin:0;padding:15px;border:1px solid var(--line);border-radius:12px;background:#fff;text-align:left;transition:box-shadow .2s,transform .2s}
#products .list li:hover{box-shadow:0 12px 24px rgba(27,51,37,.1);transform:translateY(-2px)}
#products .list li img{max-width:100%;height:auto;object-fit:contain}#products li h2,#products li h3{text-align:left;font-size:16px}#products li .price strong{color:var(--forest);font-size:19px}#products li .basket{width:auto;margin:12px 0 0}
#product{float:none;width:100%;margin:0;max-width:100%}#product #box{border:1px solid var(--line);padding:14px;border-radius:12px;max-width:48%}#product #box #price strong{color:var(--forest)}
#foot{height:auto;background:var(--forest);color:#fff}#foot .container{padding:28px 0}#foot a{color:#fff}#foot #copy{color:#fff}
#body.order .container{max-width:100%;width:min(1200px,calc(100% - 48px))}
:focus-visible{outline:3px solid var(--wood);outline-offset:3px}
@media(max-width:1000px){#head1,#head2,#head3,#body .container,#foot .container{width:calc(100% - 32px)}#content{width:calc(100% - 270px);padding:20px}#column{width:250px}#products ul.list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){#header{position:relative;height:auto}#head1,#head2,#head3,#body .container,#foot .container{width:calc(100% - 28px)}#head2{min-height:0}#logo{padding:13px 0}#logo #title a{font-size:27px}#menu2 ul{display:flex;gap:0 12px}#menu2 li a{font-size:14px;padding:10px 2px}#body{padding:18px 0 40px}#slogan{width:calc(100% - 28px);padding:22px;font-size:28px}#content,#column{float:none;width:100%;max-width:100%;margin:0 0 20px}#content{padding:18px}#column{display:block}#products ul.list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#products .list li{padding:10px}#product #box{float:none;width:100%;max-width:100%}}
@media(max-width:430px){#products ul.list{grid-template-columns:1fr}#menu1 li{padding-left:7px}#menu1 li a{font-size:12px}#content{padding:14px}#product h1{font-size:26px}}
@media print{#header{position:static}#body{margin:0}#slogan{display:none}}

/* TOPDREVO first-concept hero — isolated, sharp-corner version */
:root{--radius:0}
#content,#menu3,.box,#searchForm,#products .list li,#product #box,#slogan,.input,select,textarea,.submit,#products li .basket a,#product #box #addBasket .submit{border-radius:0!important}
.td-first-hero,.td-first-hero *{box-sizing:border-box}
.td-first-hero{display:grid;grid-template-columns:49% 51%;min-height:300px;width:100%;background:#f5f2eb;color:#222923;font-family:Arial,Helvetica,sans-serif;clear:both}
.td-first-copy{padding:27px clamp(24px,3.5vw,65px) 22px clamp(28px,6vw,115px);min-width:0}
.td-first-kicker{font-size:11px;font-weight:800;letter-spacing:2.2px;color:#8a704f;margin-bottom:10px}
.td-first-hero h1{font-size:clamp(32px,3vw,49px);letter-spacing:-1.8px;line-height:1.1;margin:0 0 12px;color:#222923;font-weight:800}
.td-first-hero h1 em{font-family:Georgia,serif;font-weight:400;color:#9a7954;font-style:italic}
.td-first-copy>p{font-size:14px;line-height:1.5;color:#606861;max-width:480px;margin:0}
.td-first-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}
.td-first-actions a{display:inline-block;padding:11px 16px;font-size:13px;font-weight:700;text-decoration:none;border-radius:0!important}
.td-first-primary{background:#304d3e;color:#fff!important}.td-first-primary:hover{background:#213b2e;color:#fff!important}
.td-first-secondary{border:1px solid #bfc3b9;color:#222923!important;background:transparent}
.td-first-facts{display:flex;gap:38px;flex-wrap:wrap;margin-top:18px}.td-first-facts strong,.td-first-facts small{display:block}.td-first-facts strong{font-size:13px}.td-first-facts small{font-size:11px;color:#747a70;margin-top:5px}
.td-first-image{position:relative;min-height:300px;background:#8b745e url('img/hero-workshop.jpg') center center/cover no-repeat}
.td-first-image-label{position:absolute;right:18px;bottom:18px;background:rgba(255,255,255,.94);padding:10px 15px;font-size:10px;letter-spacing:1.2px;line-height:2;color:#303830}.td-first-image-label strong{display:block;font-size:18px;letter-spacing:0;line-height:1.4}
#body:has(.td-first-hero){padding-top:0}#body:has(.td-first-hero)>.container{padding-top:32px}
@media(max-width:900px){.td-first-hero{grid-template-columns:1fr}.td-first-copy{padding:30px 7vw}.td-first-image{min-height:240px}}
@media(max-width:520px){.td-first-copy{padding:25px 6vw}.td-first-hero h1{font-size:clamp(30px,8vw,42px);letter-spacing:-1.8px}.td-first-facts{gap:20px;margin-top:18px}.td-first-image{min-height:210px}.td-first-image-label{right:15px;bottom:15px;padding:12px 16px}}

/* TOPDREVO approved dark-green editorial banner, 2026-11-12 */
.td-first-hero{grid-template-columns:49% 51%;height:380px;min-height:380px;background:#153c2b;overflow:hidden;color:#fff}
.td-first-copy{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-align:left;padding:24px 12px 24px max(28px,calc((100vw - 1200px)/2));background:#173e2d}
.td-first-kicker{color:#e4bb80;letter-spacing:2.5px;font-size:11px;margin:0 0 12px}
.td-first-hero h1{color:#fff;font-size:clamp(32px,3.15vw,53px);line-height:1.06;letter-spacing:-1.5px;margin:0 0 15px;text-align:left}
.td-first-hero h1 em{font-family:Arial,Helvetica,sans-serif;font-style:normal;font-weight:800;color:#e6bd85}
.td-first-copy>p{color:#f0f3ef;font-size:15px;line-height:1.55;max-width:540px;text-align:left}
.td-first-actions{margin-top:18px;gap:12px}
.td-first-actions a{padding:12px 17px;font-size:13px}
.td-first-primary{background:#e7bf89!important;color:#183b2c!important}.td-first-primary:hover{background:#f4d3a6!important;color:#183b2c!important}
.td-first-secondary{border:1px solid #f2f5f0;color:#fff!important;background:transparent}
.td-first-facts{gap:26px;margin-top:18px;color:#fff}
.td-first-facts>div{border-left:2px solid #d9b27c;padding-left:12px}
.td-first-facts strong{color:#fff;font-size:13px}.td-first-facts small{color:#d6e2d9;font-size:11px;margin-top:2px}
.td-first-image{min-height:380px;margin-left:-85px;width:calc(100% + 85px);background:#6c4931 url('img/hero-workshop-new.jpg') 52% center/cover no-repeat;clip-path:polygon(85px 0,100% 0,100% 100%,0 100%);border-left:0}
.td-first-image-label{display:none}
@media(max-width:1100px){.td-first-copy{padding-left:34px}.td-first-hero h1{font-size:clamp(30px,3.6vw,46px)}}
@media(max-width:900px){.td-first-hero{height:auto;min-height:0;grid-template-columns:1fr}.td-first-copy{padding:28px 6vw}.td-first-image{margin:0;width:100%;clip-path:none;min-height:250px}.td-first-hero h1{font-size:clamp(32px,6vw,46px)}}
@media(max-width:520px){.td-first-copy{padding:26px 22px}.td-first-hero h1{font-size:35px}.td-first-image{min-height:205px}.td-first-facts{gap:14px}}

/* Gold diagonal divider, matching the approved visual concept. */
.td-first-image{position:relative;isolation:isolate}
.td-first-image::before{content:"";position:absolute;inset:0 auto 0 0;width:100px;background:#e4b77e;clip-path:polygon(83px 0,94px 0,11px 100%,0 100%);pointer-events:none;z-index:1}
@media(max-width:900px){.td-first-image::before{display:none}}

/* FIX: diagonal separator is drawn above the photo, not clipped by it. */
@media (min-width:901px){
 .td-first-image{clip-path:none!important;z-index:3;isolation:isolate;}
 .td-first-image::before{content:"";position:absolute;inset:0 auto 0 0;width:96px;height:100%;background:#173e2d;clip-path:polygon(0 0,85px 0,0 100%);z-index:2;pointer-events:none;display:block;}
 .td-first-image::after{content:"";position:absolute;inset:0 auto 0 0;width:96px;height:100%;background:#e4b77e;clip-path:polygon(85px 0,96px 0,11px 100%,0 100%);z-index:3;pointer-events:none;display:block;}
}
@media (max-width:900px){.td-first-image::after{display:none}}