/* DWS new header + footer (DWS_LAYOUT_2026_V1, 02-Nov-2026) - team design "header and footer" (1912x163 / 1912x441).
   Every class starts with dl- so the old site styles (layout.css, Bootstrap) cannot break it and it cannot break them. */
.dl-hd,.dl-ft,.dl-drawer{--dl-ink:#1d211f;--dl-muted:#5d625e;--dl-green:#153425;--dl-green2:#173b2c;--dl-gold:#9a7646;--dl-gold2:#c9a96a;--dl-cream:#f6f2ea;--dl-sand:#ece5d6;--dl-line:#e4e1d8;--dl-wa:#25d366;font-family:'DM Sans',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;color:var(--dl-ink);line-height:1.5;text-align:left;box-sizing:border-box}
.dl-hd *,.dl-ft *,.dl-drawer *{box-sizing:border-box}
.dl-hd a,.dl-ft a,.dl-drawer a{color:inherit;text-decoration:none}
.dl-hd ul,.dl-ft ul,.dl-drawer ul{list-style:none;margin:0;padding:0}
.dl-hd button,.dl-drawer button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}
.dl-hd svg,.dl-ft svg,.dl-drawer svg{display:block;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.dl-hd :focus:not(:focus-visible),.dl-ft :focus:not(:focus-visible),.dl-drawer :focus:not(:focus-visible){outline:none!important;box-shadow:none!important}
.dl-hd :focus-visible,.dl-ft :focus-visible,.dl-drawer :focus-visible{outline:2px solid var(--dl-gold)!important;outline-offset:3px}
.dl-wrap{max-width:1760px;margin:0 auto;padding:0 32px}

/* The old site styles EVERY <header>/<footer> tag (layout.css: absolute header with shadow, footer picture + sticky footer;
   dws-mobile.css: 90px phone padding for the old bottom bar). Undo that for the new ones only. */
header.dl-hd{position:sticky;top:0;left:auto;box-shadow:none;clear:none;float:none;border-top:0}
footer.dl-ft{position:relative;bottom:auto;padding:0!important;border-top:0;background-image:none;margin:0;text-align:left;float:none;clear:both}
/* landing pages (static-page.css) also style every nav tag on phones (rounded box with shadow) */
.dl-hd nav,.dl-ft nav,.dl-drawer{border-radius:0;padding:0;box-shadow:none}
.dl-ft label{display:block}
#header[hidden],#dvMainMenu[hidden]{display:none!important}
html.dl-lock .whatsappIconF,html.dl-lock .mobile-tab{display:none!important}
@media (max-width:969px){.mobileapp footer.dl-ft{padding-bottom:64px!important}} /* room for the Android app's bottom bar (.mobile-tab, app only) */

/* ---------- header ---------- */
.dl-hd{position:sticky;top:0;z-index:1000;background:#fff;width:100%}
.dl-top{border-bottom:1px solid #efece5}
.dl-top .dl-wrap{display:flex;align-items:center;gap:28px;height:92px;transition:height .25s}
.dl-logo{flex:none;display:block}
.dl-logo img{display:block;width:156px;height:auto;max-height:84px;object-fit:contain;transition:max-height .25s}
.dl-search{position:relative;flex:1 1 300px;min-width:150px;max-width:340px}
.dl-search .dl-sico{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#4d534f;pointer-events:none}
#dl-header #txtsearchinput{width:100%!important;height:46px!important;border:1px solid #6f7570!important;border-radius:6px!important;padding:0 44px 0 44px!important;font:400 15px 'DM Sans',system-ui,Arial,sans-serif!important;color:var(--dl-ink)!important;background:#fff!important;box-shadow:none!important;margin:0!important}
#dl-header #txtsearchinput::placeholder{color:#8a8f8b;opacity:1}
#dl-header #txtsearchinput:focus{border-color:var(--dl-green)!important;outline:none!important}
#dl-header #search_submit{position:absolute!important;right:4px;top:4px;width:38px!important;height:38px!important;min-width:0!important;border:0!important;border-radius:4px!important;background:transparent!important;padding:0!important;margin:0!important;cursor:pointer;box-shadow:none!important;font-size:0!important}
#dl-header .quick_search{position:absolute;left:0;right:0;top:52px;background:#fff;border:1px solid var(--dl-line);box-shadow:0 18px 40px rgba(0,0,0,.12);z-index:30;max-height:70vh;overflow:auto}
.dl-nav{flex:0 0 auto;display:flex;justify-content:center;margin:0 auto}
.dl-nav>ul{display:flex;gap:clamp(26px,3.4vw,72px)}
.dl-nav>ul>li{position:relative}
.dl-nav>ul>li>a{display:inline-block;font-size:16px;font-weight:500;padding:30px 0 28px;position:relative;white-space:nowrap}
.dl-nav>ul>li>a:after{content:"";position:absolute;left:0;right:0;bottom:22px;height:2px;background:var(--dl-ink);transform:scaleX(.82);transform-origin:left;transition:transform .2s,background .2s}
.dl-nav>ul>li:hover>a:after,.dl-nav>ul>li:focus-within>a:after,.dl-nav>ul>li.dl-cur>a:after{transform:scaleX(1);background:var(--dl-gold)}
.dl-cta{flex:none;display:inline-flex;align-items:center;gap:14px;background:var(--dl-green);color:#fff!important;font-size:16px;font-weight:500;padding:15px 24px;white-space:nowrap;transition:background .2s}
.dl-cta:hover{background:#0c2418}
.dl-cta svg{width:17px;height:17px}
.dl-icons{flex:none;display:flex;align-items:center;gap:22px}
.dl-ic{position:relative;display:flex;align-items:center;justify-content:center;width:34px;height:34px;color:var(--dl-ink)}
.dl-ic svg{width:25px;height:25px}
.dl-ic small{position:absolute;top:-4px;right:-7px;min-width:18px;height:18px;border-radius:9px;background:var(--dl-green);color:#fff;font:600 10.5px/18px 'DM Sans',Arial,sans-serif;text-align:center;padding:0 4px}
.dl-ic small:empty,.dl-ic small.dl-zero{display:none}
.dl-wa{display:inline-flex;align-items:center;gap:8px;background:var(--dl-wa);color:#fff!important;border-radius:22px;padding:8px 14px 8px 10px;font-size:14px;font-weight:600;white-space:nowrap}
.dl-wa svg{width:20px;height:20px;fill:#fff;stroke:none}
.dl-wa:hover{background:#1ebe5b}
.dl-user{position:relative}
.dl-user>button,.dl-user>a{display:flex;align-items:center;justify-content:center;width:34px;height:34px}
.dl-user .dl-ini{width:30px;height:30px;border-radius:50%;background:var(--dl-green);color:#fff;font-weight:600;font-size:14px;display:flex;align-items:center;justify-content:center}
.dl-user ul{position:absolute;right:-10px;top:calc(100% + 12px);background:#fff;border:1px solid var(--dl-line);box-shadow:0 16px 36px rgba(0,0,0,.12);min-width:190px;padding:8px 0;display:none;z-index:40}
.dl-user:hover ul,.dl-user:focus-within ul,.dl-user.dl-open ul{display:block}
.dl-user ul a{display:block;padding:9px 18px;font-size:14px}
.dl-user ul a:hover{background:var(--dl-cream)}
.dl-burger,.dl-sbtn{display:none}
/* DWG bar */
.dl-dwg{background:var(--dl-green2);border-top:2px solid var(--dl-gold2);border-bottom:2px solid var(--dl-gold2);color:#fff;display:flex;align-items:center;justify-content:center;gap:16px;padding:7px 16px;min-height:44px;transition:all .25s;overflow:hidden}
.dl-dwg span{font-family:'Cormorant Garamond',Georgia,serif;font-size:24px;line-height:1.1;letter-spacing:.01em}
.dl-dwg a{display:inline-flex;align-items:center;gap:10px;background:#fff;color:var(--dl-green)!important;font-size:14px;font-weight:600;padding:6px 16px;border-radius:2px;white-space:nowrap}
.dl-dwg a svg{width:16px;height:16px}
/* smaller header after scrolling */
.dl-hd.dl-small .dl-top .dl-wrap{height:70px}
.dl-hd.dl-small .dl-logo img{max-height:58px}
.dl-hd.dl-small .dl-nav>ul>li>a{padding:22px 0 20px}
.dl-hd.dl-small .dl-nav>ul>li>a:after{bottom:15px}
.dl-hd.dl-small .dl-dwg{min-height:0;max-height:0;padding:0 16px;border-width:0}
/* DWS_HEADER_NOJUMP_V1 (02-Nov-2026): the smaller header keeps its full space in the page (margin-bottom = the height it lost), so the
   content below never moves. Without this the browser shifted the page up by ~70px, the header grew again, and it jumped in a loop. */
.dl-hd{transition:margin-bottom .25s}
.dl-hd.dl-small{margin-bottom:var(--dl-shrink,0px)}
.dl-hd.dl-notr,.dl-hd.dl-notr *{transition:none!important}
/* dropdowns */
.dl-mega,.dl-drop{position:absolute;top:100%;background:#fff;border:1px solid var(--dl-line);border-top:2px solid var(--dl-gold2);box-shadow:0 24px 50px rgba(20,30,25,.14);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .18s,transform .18s,visibility 0s .18s;z-index:50}
.dl-nav>ul>li:hover>.dl-mega,.dl-nav>ul>li:focus-within>.dl-mega,.dl-nav>ul>li.dl-open>.dl-mega,
.dl-nav>ul>li:hover>.dl-drop,.dl-nav>ul>li:focus-within>.dl-drop,.dl-nav>ul>li.dl-open>.dl-drop{opacity:1;visibility:visible;transform:none;transition:opacity .18s,transform .18s}
.dl-drop{left:-24px;min-width:270px;padding:14px 0}
.dl-drop a{display:block;padding:9px 24px;font-size:14.5px}
.dl-drop a:hover{background:var(--dl-cream);color:var(--dl-green)}
.dl-mega{left:50%;margin-left:-460px;width:920px;padding:30px 34px 26px;display:grid;gap:34px}
.dl-shop{grid-template-columns:1fr 1fr 1.6fr;margin-left:-300px}
.dl-cols{grid-template-columns:1fr 1fr 1fr;margin-left:-420px;width:840px}
.dl-mega h4{font:700 11px 'DM Sans',Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--dl-gold);margin:0 0 14px;padding-bottom:10px;border-bottom:1px solid var(--dl-line)}
.dl-mega li a{display:flex;justify-content:space-between;gap:10px;padding:5px 0;font-size:14.5px}
.dl-mega li a:hover{color:var(--dl-gold)}
.dl-mega li a i{font-style:normal;font-size:12px;color:#9a9e9a}
.dl-mega .dl-2c{display:grid;grid-template-columns:1fr 1fr;column-gap:22px}
.dl-mega .dl-all{display:inline-flex;align-items:center;gap:8px;margin-top:14px;font-size:13.5px;font-weight:600;border-bottom:1px solid var(--dl-gold);padding-bottom:3px}
.dl-mega .dl-all svg{width:14px;height:14px}
.dl-cols .dl-colspan{grid-column:1/-1}
.dl-mega .dl-load{color:var(--dl-muted);font-size:14px}

/* ---------- drawer (phone / tablet menu) ---------- */
.dl-drawer{position:fixed;top:0;left:0;bottom:0;width:min(88vw,380px);background:#fff;z-index:2001;transform:translateX(-102%);transition:transform .28s;display:flex;flex-direction:column;box-shadow:12px 0 40px rgba(0,0,0,.18)}
.dl-drawer.dl-open{transform:none}
.dl-ov{position:fixed;inset:0;background:rgba(16,24,20,.45);z-index:2000;opacity:0;visibility:hidden;transition:opacity .25s,visibility 0s .25s}
.dl-ov.dl-open{opacity:1;visibility:visible;transition:opacity .25s}
.dl-dhead{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--dl-line)}
.dl-dhead img{width:110px;height:auto}
.dl-dhead button{width:40px;height:40px;display:flex;align-items:center;justify-content:center}
.dl-dhead button svg{width:22px;height:22px}
.dl-dbody{flex:1;overflow-y:auto;padding:8px 0 24px}
.dl-acc>button,.dl-dlink{display:flex;width:100%;align-items:center;justify-content:space-between;padding:15px 22px;font-size:16.5px;font-weight:500;border-bottom:1px solid #f0ede6;text-align:left}
.dl-acc>button svg{width:18px;height:18px;transition:transform .2s}
.dl-acc.dl-open>button svg{transform:rotate(180deg)}
.dl-acc>div{display:none;padding:6px 22px 16px;background:#faf8f3}
.dl-acc.dl-open>div{display:block}
.dl-acc h4{font:700 10.5px 'DM Sans',Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--dl-gold);margin:14px 0 6px}
.dl-acc li a{display:flex;justify-content:space-between;padding:8px 0;font-size:15px}
.dl-acc li a i{font-style:normal;font-size:12px;color:#9a9e9a}
.dl-dcta{display:flex;justify-content:center;align-items:center;gap:10px;margin:18px 22px 0;background:var(--dl-green);color:#fff!important;padding:15px;font-weight:600}
.dl-dcta svg{width:16px;height:16px}
.dl-dsmall{padding:14px 22px 0;display:grid;gap:4px}
.dl-dsmall a{padding:8px 0;font-size:15px;color:var(--dl-muted)}

/* ---------- footer ---------- */
.dl-ft{background:var(--dl-cream);margin-top:0}
.dl-fgrid{display:grid;grid-template-columns:minmax(300px,24fr) minmax(0,51fr) minmax(280px,25fr)}
.dl-fnews{background:linear-gradient(160deg,#1c4a48 0%,#123634 100%);color:#fff;padding:64px 40px 44px 60px}
.dl-feb{font:700 13px 'DM Sans',Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--dl-gold2);margin:0 0 6px}
.dl-fnews h3{font:700 18px 'DM Sans',Arial,sans-serif;color:#fff;margin:0 0 10px;letter-spacing:.01em}
.dl-fnews p{font-size:13.5px;color:#e3ebe8;margin:0 0 16px;line-height:1.55}
.dl-ft #txtsubscribeNewsLetter{width:100%!important;height:40px!important;border:1px solid #fff!important;border-radius:3px!important;padding:0 12px!important;font:400 13.5px 'DM Sans',Arial,sans-serif!important;color:var(--dl-ink)!important;background:#fff!important;margin:0 0 10px!important;box-shadow:none!important}
.dl-fsub{width:100%;height:40px;border:0;border-radius:3px;background:var(--dl-gold2);background:linear-gradient(180deg,#c9a96a,#b8955a);color:#fff;font:700 13.5px 'DM Sans',Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;cursor:pointer}
.dl-fsub:hover{filter:brightness(.95)}
.dl-ft #lblnewslatterMsg{display:block;font-size:12px;color:#fff;min-height:16px;margin:6px 0 0}
.dl-fpay{margin-top:18px}
.dl-fpay b{display:block;font-size:13.5px;font-weight:700;margin-bottom:8px;color:var(--dl-gold2)}
.dl-fpay div{background:#fff;border-radius:6px;padding:10px 12px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.dl-fpay img{height:30px;width:auto;max-width:100%}
.dl-flinks{display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding:64px 0 44px;position:relative}
.dl-fcol{padding:0 28px;border-left:1px solid #e3dccd}
.dl-fcol:first-child{border-left:0;padding-left:30px}
.dl-ft h4{font:700 15px 'DM Sans',Arial,sans-serif;color:var(--dl-ink);margin:0 0 16px;padding-bottom:10px;position:relative}
.dl-ft h4:after{content:"";position:absolute;left:0;bottom:0;width:30px;height:2px;background:var(--dl-gold2)}
.dl-fcol li a{display:block;font-size:13.5px;color:#5d625e;padding:4px 0}
.dl-fcol li a:hover,.dl-fcon a:hover{color:var(--dl-gold)}
.dl-frjc{grid-column:2;display:block;margin:24px auto 0;width:92px}
.dl-frjc img{width:92px;height:auto;display:block;border:1px solid #d6cdb8}
.dl-fcon{background:var(--dl-sand);padding:64px 44px 44px;border-left:2px solid var(--dl-gold2)}
.dl-fcon b{display:block;font-size:14px;margin-bottom:6px}
.dl-fcon address{font-style:normal;font-size:13.5px;color:#5d625e;line-height:1.6;margin:0 0 16px}
.dl-fcon .dl-fmail{display:block;font-size:13.5px;margin-bottom:6px}
.dl-fcon .dl-fwa{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;padding-bottom:12px;border-bottom:1px solid #d6cdb8}
.dl-fcon .dl-fwa svg{width:22px;height:22px;fill:var(--dl-wa);stroke:none}
.dl-fcon h5{font:700 15px 'DM Sans',Arial,sans-serif;margin:14px 0 10px;color:var(--dl-ink)}
.dl-fsoc{display:flex;flex-wrap:wrap;gap:8px}
.dl-fsoc a{width:34px;height:34px;border:1.5px solid var(--dl-gold);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--dl-gold)}
.dl-fsoc a:hover{background:var(--dl-gold);color:#fff}
.dl-fsoc svg{width:16px;height:16px;fill:currentColor;stroke:none}
.dl-fbar{background:#123634;color:#d9e2df;font-size:12.5px;border-top:2px solid var(--dl-gold2)}
.dl-fbar .dl-wrap{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding-top:14px;padding-bottom:14px}
.dl-fbar p{margin:0;text-align:center;line-height:1.7}
.dl-fbar p a{text-decoration:underline}
.dl-fbar nav{display:flex;gap:26px;justify-content:flex-end;font-size:12px}
.dl-fbar nav a:hover{color:#fff}

/* ---------- tablet + phone ---------- */
/* DWS_LAYOUT_2026_V1 fit fix (02-Nov-2026): the search box is the part that shrinks; tighter spacing below 1600px; phone menu below 1240px */
@media (max-width:1600px){
 .dl-top .dl-wrap{gap:20px}
 .dl-nav>ul{gap:30px}
 .dl-cta{padding:13px 18px;font-size:15px;gap:10px}
 .dl-icons{gap:16px}
 .dl-wa span{display:none}
 .dl-wa{padding:8px}
}
@media (max-width:1380px){
 .dl-wrap{padding:0 24px}
 .dl-top .dl-wrap{gap:16px}
 .dl-nav>ul{gap:24px}
 .dl-nav>ul>li>a{font-size:15px}
 .dl-logo img{width:140px}
}
@media (max-width:1240px){
 .dl-nav,.dl-cta{display:none}
 .dl-burger,.dl-sbtn{display:flex;align-items:center;justify-content:center;width:40px;height:40px}
 .dl-burger svg,.dl-sbtn svg{width:24px;height:24px}
 .dl-top .dl-wrap{height:74px;padding:0 16px;gap:12px}
 .dl-logo{margin-right:auto}
 .dl-logo img{width:118px;max-height:64px}
 .dl-search{position:absolute;left:0;right:0;top:100%;padding:10px 16px;background:#fff;border-bottom:1px solid #efece5;display:none;flex:none;z-index:5}
 .dl-hd.dl-sopen .dl-search{display:block}
 .dl-search .dl-sico{left:30px}
 .dl-icons{gap:10px}
 .dl-icons .dl-wish,.dl-icons .dl-user{display:none}
 .dl-dwg{gap:10px;padding:6px 12px;min-height:38px}
 .dl-dwg span{font-size:18px}
 .dl-dwg a{font-size:12.5px;padding:5px 10px}
 .dl-fgrid{grid-template-columns:1fr 1fr}
 .dl-fnews{grid-column:1;padding:48px 32px 36px}
 .dl-fcon{grid-column:2;border-left:0;padding:48px 32px 36px}
 .dl-flinks{grid-column:1/-1;grid-row:1;padding:44px 16px 30px}
 .dl-fbar .dl-wrap{grid-template-columns:1fr;text-align:center}
 .dl-fbar nav{justify-content:center}
}
@media (max-width:640px){
 .dl-top .dl-wrap{height:64px}
 .dl-logo img{width:100px;max-height:56px}
 .dl-dwg span{font-size:15px}
 .dl-fgrid{grid-template-columns:1fr}
 .dl-flinks{grid-template-columns:1fr 1fr;row-gap:26px;padding:36px 4px 26px}
 .dl-fcol{border-left:0;padding:0 16px}
 .dl-fcol:first-child{padding-left:16px}
 .dl-fcol:nth-child(3){grid-column:1/-1}
 .dl-frjc{grid-column:1/-1;margin-top:6px}
 .dl-fnews,.dl-fcon{grid-column:1;padding:36px 20px 30px}
 .dl-fbar nav{gap:16px;flex-wrap:wrap}
}
@media (prefers-reduced-motion:reduce){.dl-hd *,.dl-drawer,.dl-ov,.dl-mega,.dl-drop{transition:none!important}}