/* Dormak 2026 design system for inner pages — matches the homepage. */
:root{
  --bg:#ffffff;--bg2:#f5f5f2;--ink:#1d1d1f;--ink2:#6e6e73;--ink3:#86868b;
  --line:rgba(29,29,31,.12);--line2:rgba(29,29,31,.07);
  --acc:#c2704f;--acc-ink:#a5502d;--acc-soft:rgba(194,112,79,.12);
  --sans:"Geist",-apple-system,"Helvetica Neue",Arial,sans-serif;
  --mono:"Geist Mono",ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;
  --max:1200px;
}
/* ---------- shared chrome: nav ---------- */
.dk-nav{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.86);-webkit-backdrop-filter:saturate(180%) blur(18px);backdrop-filter:saturate(180%) blur(18px);border-bottom:1px solid var(--line2);font-family:var(--sans)}
.dk-wrap{max-width:calc(var(--max) + 40px);margin:0 auto;padding:0 20px;box-sizing:border-box}
.dk-nav .dk-wrap{display:flex;align-items:center;height:60px;gap:24px}
.dk-brand{display:flex;align-items:center;flex:none}
.dk-brand img{width:48px;height:48px;mix-blend-mode:multiply;display:block}
.dk-links{display:flex;gap:4px;margin:0 0 0 auto;padding:0;list-style:none;align-items:center}
.dk-links>li{position:relative;margin:0}
.dk-links>li>a,.dk-links>li>button{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 12px;border-radius:999px;font:500 14.5px var(--sans);color:var(--ink);text-decoration:none;background:none;border:0;cursor:pointer;letter-spacing:0}
.dk-links>li>a:hover,.dk-links>li>button:hover,.dk-links>li:focus-within>button{background:var(--bg2);color:var(--ink);text-decoration:none}
.dk-links>li>button::after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);opacity:.6}
.dk-drop{position:absolute;top:100%;left:50%;transform:translate(-50%,6px);min-width:260px;background:#fff;border-radius:20px;box-shadow:0 24px 60px -20px rgba(0,0,0,.28),0 0 0 1px var(--line2);padding:10px;opacity:0;visibility:hidden;transition:opacity .18s,transform .18s;list-style:none;margin:0}
.dk-drop.wide{min-width:520px;display:grid;grid-template-columns:1fr 1fr;gap:2px}
.dk-links>li:hover .dk-drop,.dk-links>li:focus-within .dk-drop{opacity:1;visibility:visible;transform:translate(-50%,0)}
.dk-drop a{display:block;padding:10px 14px;border-radius:12px;color:var(--ink);text-decoration:none;font:500 14.5px/1.3 var(--sans)}
.dk-drop a span{display:block;font-weight:400;font-size:12.5px;color:var(--ink2);margin-top:2px}
.dk-drop a:hover{background:var(--bg2);color:var(--ink);text-decoration:none}
.dk-pill{display:inline-flex;align-items:center;height:36px;padding:0 18px;border-radius:999px;background:var(--ink);color:#fff!important;text-decoration:none!important;font:500 14px var(--sans);flex:none}
.dk-pill:hover{background:#000}
.dk-menu-btn{display:none;margin-left:auto;background:none;border:0;font:500 15px var(--sans);color:var(--ink);height:40px;padding:0 8px;cursor:pointer}
.dk-panel{display:none;border-top:1px solid var(--line2);max-height:calc(100vh - 60px);overflow:auto;background:#fff}
.dk-panel.open{display:block}
.dk-panel h4{font:500 12px var(--mono);text-transform:uppercase;letter-spacing:.05em;color:var(--ink2);margin:18px 0 6px}
.dk-panel a{display:block;padding:10px 0;font:600 18px var(--sans);letter-spacing:-.01em;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line2)}
@media (max-width:1060px){.dk-links{display:none}.dk-menu-btn{display:inline-flex}.dk-nav .dk-wrap{gap:12px}}
/* ---------- breadcrumb strip ---------- */
.dk-crumbs{font:400 12.5px var(--mono);color:var(--ink2);padding:22px 0 0;letter-spacing:.01em}
.dk-crumbs a{color:var(--ink2);text-decoration:none}.dk-crumbs a:hover{color:var(--acc-ink)}
.dk-crumbs span[aria-current]{color:var(--ink)}
/* ---------- shared chrome: CTA + footer ---------- */
.dk-cta{background:var(--bg2);padding:clamp(70px,9vw,120px) 0;font-family:var(--sans);color:var(--ink)}
.dk-eyebrow{font:500 13px var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--ink2);margin:0 0 16px;display:flex;align-items:center;gap:10px}
.dk-eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--acc);flex:none}
.dk-cta h2{font:650 clamp(34px,4.6vw,60px)/1.02 var(--sans);letter-spacing:-.035em;margin:0;max-width:16ch;color:var(--ink)}
.dk-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:40px}
.dk-card{background:#fff;border-radius:26px;padding:28px 26px;display:flex;flex-direction:column;gap:8px}
.dk-card h3{font:650 24px/1.1 var(--sans);letter-spacing:-.025em;margin:0;color:var(--ink)}
.dk-card p{margin:0;color:var(--ink2);font-size:16px;line-height:1.5}
.dk-card .dk-act{margin-top:auto;padding-top:12px}
.dk-tlink{color:var(--acc-ink)!important;text-decoration:none!important;font-weight:500;display:inline-flex;align-items:center;gap:6px}
.dk-tlink::after{content:"›";font-size:1.25em;line-height:0}
.dk-tlink:hover{text-decoration:underline!important;text-underline-offset:4px}
.dk-small{font:400 12.5px var(--mono);color:var(--ink2)}
.dk-footer{padding:36px 0 110px;font:400 14px/1.6 var(--sans);color:var(--ink2);background:#fff}
.dk-fgrid{display:grid;grid-template-columns:1.2fr repeat(3,minmax(0,1fr));gap:30px}
.dk-footer h4{margin:0 0 10px;font:600 13px var(--sans);color:var(--ink)}
.dk-footer p{margin:0 0 8px}
.dk-footer a{color:var(--ink2);text-decoration:none}.dk-footer a:hover{color:var(--acc-ink);text-decoration:underline}
.dk-footer img{width:64px;height:64px;mix-blend-mode:multiply;margin:-6px 0 6px -6px}
.dk-flinks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;padding:28px 0;border-top:1px solid var(--line2);margin-top:28px}
.dk-flinks a{display:block;padding:3px 0}
.dk-copy{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:12.5px;border-top:1px solid var(--line2);padding-top:22px}
.dk-wa{position:fixed;right:16px;bottom:16px;z-index:999;display:inline-flex;align-items:center;min-height:48px;padding:0 18px;border-radius:999px;background:#1f8f4e;color:#fff!important;text-decoration:none!important;font:500 15px var(--sans);box-shadow:0 10px 24px -8px rgba(0,0,0,.35)}
.dk-wa:hover{background:#18763f}
@media (max-width:900px){.dk-cards{grid-template-columns:1fr}.dk-fgrid,.dk-flinks{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.dk-fgrid,.dk-flinks{grid-template-columns:1fr}}

/* ---------- skin for existing page content (scoped to .dk26) ---------- */
body.dk26{font-family:var(--sans)!important;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased;padding-top:0!important}
.dk26 .container{max-width:calc(var(--max) + 40px);width:auto;padding-left:20px;padding-right:20px}
.dk26 h1,.dk26 h2,.dk26 h3,.dk26 h4,.dk26 h5,.dk26 h6,.dk26 p,.dk26 li,.dk26 a,.dk26 span,.dk26 td,.dk26 th,.dk26 label,.dk26 input,.dk26 textarea,.dk26 select,.dk26 button{font-family:var(--sans)}
.dk26 p,.dk26 li{color:var(--ink2);font-size:17px;line-height:1.6}
.dk26 a{color:var(--acc-ink)}
.dk26 .clip,.dk26 h1.clip,.dk26 h2.clip,.dk26 h3.clip{background:none!important;-webkit-text-fill-color:currentColor!important;color:var(--ink)!important}
.dk26 h1,.dk26 h2,.dk26 h3{color:var(--ink);letter-spacing:-.03em;font-weight:650;line-height:1.05}
.dk26 h4,.dk26 h5,.dk26 h6{color:var(--ink);letter-spacing:-.015em;font-weight:600}
.dk26 h2{font-size:clamp(30px,3.6vw,48px)}
.dk26 h3{font-size:clamp(24px,2.6vw,34px)}
.dk26 .head,.dk26 h2.head,.dk26 h3.head{font-size:clamp(26px,2.8vw,38px);margin:0 0 18px;padding:0}
.dk26 .head:after,.dk26 .clip:after,.dk26 h3:after,.dk26 h2:after{display:none!important}
/* page hero: the existing H1 becomes the big title */
.dk26 .doors-list .section-heading,.dk26 .section-heading{text-align:left!important;margin:0 0 30px;padding:0}
.dk26 .doors-list{padding:clamp(28px,4vw,56px) 0 0}
.dk26 .doors-list .section-heading h1,.dk26 main h1:first-of-type,.dk26 .showcase .caption h1{font-size:clamp(42px,6vw,84px)!important;letter-spacing:-.045em!important;line-height:1!important;font-weight:650!important;color:var(--ink)!important;text-align:left!important;margin:0!important;max-width:18ch;text-transform:none!important}
.dk26 .textbs{display:none!important}
.dk26 .section-heading h1 br{display:none}
/* old image banners -> clean hero */
.dk26 .showcase-box{position:static}
.dk26 .showcase.inner-showcase{position:relative;background:none!important;padding:clamp(28px,4vw,56px) 0 clamp(20px,3vw,40px);min-height:0;height:auto}
.dk26 .showcase.inner-showcase>img{display:none!important}
.dk26 .showcase .caption{position:static!important;transform:none!important;background:none!important;padding:0!important;text-align:left!important;width:auto}
.dk26 .showcase .caption .row,.dk26 .showcase .caption .col-sm-12{margin:0;padding:0}
.dk26 .breadculam{display:none!important}
/* content blocks */
.dk26 .well{background:var(--bg2);border:0;border-radius:28px;box-shadow:none;padding:clamp(22px,3vw,40px);margin-top:10px}
.dk26 .card.upper-tab{background:none;border:0;box-shadow:none;margin:0 0 16px}
.dk26 .nav-tabs{border:0;display:inline-flex;gap:6px;background:var(--bg2);padding:5px;border-radius:999px;flex-wrap:wrap}
.dk26 .nav-tabs>li{float:none;margin:0}
.dk26 .nav-tabs>li>a{border:0!important;border-radius:999px!important;margin:0;padding:10px 20px;color:var(--ink)!important;background:none!important;font-weight:500;font-size:15px}
.dk26 .nav-tabs>li.active>a,.dk26 .nav-tabs>li>a:hover{background:var(--ink)!important;color:#fff!important}
.dk26 .nav-tabs>li>a span{color:inherit}
.dk26 .txtb{background:none;padding:0;margin:0 0 26px}
.dk26 .txtb p,.dk26 .pt-0{font-size:18px;color:var(--ink2)}
.dk26 .txtb ul{padding:0;margin:0;list-style:none}
.dk26 .txtb ul li{position:relative;padding:8px 0 8px 26px;border-bottom:1px solid var(--line2);font-size:16.5px}
.dk26 .txtb ul li .fa,.dk26 li>.fa-angle-right,.dk26 li>.fa-circle-o{display:none}
.dk26 .txtb ul li::before{content:"";position:absolute;left:2px;top:17px;width:8px;height:8px;border-radius:50%;background:var(--acc)}
.dk26 .txtb ul li span{color:var(--ink)}
.dk26 .bob{font-size:14px!important;font-family:var(--mono)!important;font-weight:500!important;text-transform:uppercase;letter-spacing:.04em;color:var(--acc-ink)!important;margin:6px 0 10px}
.dk26 hr{border:0;border-top:1px solid var(--line);margin:22px 0}
.dk26 .imgb img,.dk26 .txtb img{border-radius:22px}
/* galleries */
.dk26 .customers,.dk26 .product-gallery{background:#fff;padding:clamp(60px,7vw,100px) 0}
.dk26 .customers .section-heading h3,.dk26 .product-gallery h2{font-size:clamp(30px,3.6vw,48px)}
.dk26 .owl-carousel .imgb,.dk26 .popup-gallery li .imgb{background:var(--bg2);border-radius:22px;overflow:hidden;margin-bottom:16px;position:relative}
.dk26 .owl-carousel .imgb img,.dk26 .popup-gallery img{border-radius:0;width:100%;height:auto;object-fit:contain;background:var(--bg2)}
.dk26 .textb-overlap{position:static!important;background:none!important;color:var(--ink)!important;font:600 16px/1.3 var(--sans)!important;padding:12px 16px 16px!important;margin:0!important;text-align:left!important;transform:none!important;opacity:1!important}
.dk26 .owl-nav button,.dk26 .owl-nav div{border-radius:999px!important;background:var(--ink)!important;color:#fff!important;width:40px;height:40px;line-height:40px!important}
/* buttons + forms */
.dk26 .btn,.dk26 .btn-info,.dk26 .btn-primary,.dk26 .btn-warning,.dk26 .learn-more,.dk26 input[type=submit]{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 22px!important;border-radius:999px!important;background:var(--ink)!important;border:0!important;color:#fff!important;font:500 15.5px var(--sans)!important;text-transform:none!important;box-shadow:none!important;text-decoration:none!important;letter-spacing:0!important}
.dk26 .btn:hover,.dk26 input[type=submit]:hover{background:#000!important}
.dk26 .form-control,.dk26 input[type=text],.dk26 input[type=email],.dk26 input[type=tel],.dk26 input[type=number],.dk26 textarea,.dk26 select{background:var(--bg2)!important;border:1px solid transparent!important;border-radius:12px!important;box-shadow:none!important;min-height:46px;font-size:16px!important;color:var(--ink)!important;padding:10px 14px}
.dk26 .form-control:focus,.dk26 textarea:focus,.dk26 input:focus{border-color:var(--acc-ink)!important;background:#fff!important;outline:none}
/* faq blocks used on several pages */
.dk26 .faq-item{border-bottom:1px solid var(--line);border-radius:0;background:none;box-shadow:none;margin:0}
.dk26 .faq-question{font:600 19px/1.3 var(--sans)!important;color:var(--ink)!important;padding:20px 0!important;background:none!important;letter-spacing:-.015em}
.dk26 .faq-icon{color:var(--acc-ink)!important}
.dk26 .faq-answer p,.dk26 .faq-answer{color:var(--ink2)}
/* misc legacy sections */
.dk26 .why-choose-card,.dk26 .single_solution,.dk26 .featuress,.dk26 .contact-details{background:var(--bg2);border-radius:24px;border:0;box-shadow:none}
.dk26 .why-choose-number{color:var(--acc-ink)!important}
.dk26 table{border-collapse:collapse;width:100%;background:#fff;border-radius:16px;overflow:hidden}
.dk26 th,.dk26 td{padding:12px 16px;border-bottom:1px solid var(--line2);text-align:left;font-size:15.5px}
.dk26 th{background:var(--bg2);font:500 12.5px var(--mono);text-transform:uppercase;letter-spacing:.04em;color:var(--ink2)}
/* remove old chrome remnants if any page still prints them */
.dk26 .activities,.dk26 .footer-top,.dk26 .bottom-footer,.dk26 .whatsapp,.dk26 .latest-training.dormak-doors{display:none!important}
.dk26 .wow{visibility:visible!important;animation:none!important}
@media (max-width:767px){.dk26 p,.dk26 li{font-size:16px}.dk26 .well{border-radius:22px}}
/* --- pass 2 fixes --- */
.dk26 .container{margin-left:auto!important;margin-right:auto!important;max-width:1240px!important;width:100%!important;box-sizing:border-box;float:none!important}
.dk26 .showcase,.dk26 .showcase-box,.dk26 .showcase .caption,.dk26 .showcase .caption .container{background:transparent!important;background-image:none!important}
.dk26 .showcase::before,.dk26 .showcase::after,.dk26 .showcase .caption::before,.dk26 .showcase .caption::after{display:none!important}
.dk26 h1,.dk26 h2,.dk26 h3,.dk26 h4{text-transform:none!important}
.dk26 .head,.dk26 .clip{background-image:none!important;border:0!important;padding-bottom:0!important}
.dk26 .card.upper-tab{display:none}
.dk26 .tab-content>.tab-pane{display:block!important;opacity:1!important;visibility:visible!important}
.dk26 .tab-content>.tab-pane+.tab-pane{margin-top:34px;padding-top:34px;border-top:1px solid var(--line)}
.dk26 .tab-content>.tab-pane#home>.row{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:44px;align-items:start;margin:0}
.dk26 .tab-content>.tab-pane#home>.row>[class*=col-]{width:auto;float:none;padding:0}
.dk26 .tab-content>.tab-pane#home>.row>.clearfix{display:none}
.dk26 .tab-pane#profile .row{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:0}
.dk26 .tab-pane#profile .row>[class*=col-]{width:auto;float:none;padding:0}
.dk-cta h2{font-weight:650!important;color:var(--ink)!important;letter-spacing:-.035em!important}
.dk-card h3{font-weight:650!important;color:var(--ink)!important}
.dk-footer h4{font-weight:600!important;color:var(--ink)!important}
@media (max-width:860px){.dk26 .tab-content>.tab-pane#home>.row,.dk26 .tab-pane#profile .row{grid-template-columns:1fr;gap:24px}}
/* --- pass 3 --- */
.dk26 .doors-list .section-heading h1,.dk26 .showcase .caption h1,.dk26 main h1:first-of-type{font-size:clamp(38px,5vw,72px)!important;max-width:22ch}
.dk26 h1::before,.dk26 h1::after,.dk26 .head::before,.dk26 .clip::before{display:none!important;content:none!important}
.dk26 .head,.dk26 h2.head,.dk26 h3.head{font-weight:650!important}
.dk26 .showcase .learn-more,.dk26 .showcase a.learn-more{display:none!important}
.dk26 p{text-align:left!important}
.dk26 .txtb ul li{padding:10px 0 10px 24px!important;margin:0!important;text-indent:0}
.dk26 .txtb ul li span{margin:0!important;padding:0!important}
.dk26 .txtb ul li::before{top:20px!important}
.dk26 h2,.dk26 h3{font-weight:650!important}
.dk26 h4,.dk26 h5{font-weight:600!important}
.dk-menu-btn{align-items:center!important;line-height:1!important;margin-top:0!important;padding-top:0!important}
.dk26 .tab-content>.tab-pane#home>.row::before,.dk26 .tab-content>.tab-pane#home>.row::after,.dk26 .tab-pane#profile .row::before,.dk26 .tab-pane#profile .row::after{display:none!important;content:none!important}
.dk26 .txtb ul li::before{background:var(--acc)!important;width:8px!important;height:8px!important;border-radius:50%!important;content:""!important;font-size:0!important}
.dk26 .txtb ul li,.dk26 ul li{background-image:none!important;list-style:none}
