*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'Jost','Helvetica Neue',Helvetica,sans-serif;background:#F5F5F4;color:#1B1C1E}
a{color:#1B1C1E;text-decoration:none}a:hover{opacity:.85}img{max-width:100%}
.dr-page{width:100%;max-width:1440px;margin:0 auto;min-height:100vh}
.dr-page>section,.dr-page>div{height:auto!important}
.dr-menu-btn{display:none}
@media (max-width:1000px){
 .dr-page section,.dr-page header,.dr-page footer{padding-left:20px!important;padding-right:20px!important}
 .dr-page section{padding-top:48px!important;padding-bottom:48px!important;margin-left:0!important;margin-right:0!important;border-radius:0!important}
 .dr-page [style*="grid-template-columns"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .dr-page section[style*="display: flex"],.dr-page section>div[style*="display: flex"]:not(.dr-keep),.dr-page footer>div{flex-direction:column!important;align-items:stretch!important}
 .dr-page h1{font-size:44px!important}.dr-page h2{font-size:32px!important}
 .dr-page [style*="width: 560px"],.dr-page [style*="width: 540px"],.dr-page [style*="width: 520px"],.dr-page [style*="width: 480px"],.dr-page [style*="width: 440px"],.dr-page [style*="width: 400px"],.dr-page [style*="width: 320px"],.dr-page [style*="width: 280px"],.dr-page [style*="width: 260px"],.dr-page [style*="width: 420px"],.dr-page [style*="width: 600px"]{width:100%!important;max-width:100%!important}
 .dr-page [style*="height: 628px"],.dr-page [style*="height: 496px"],.dr-page [style*="height: 408px"],.dr-page [style*="height: 528px"]{height:280px!important}
 .dr-page header nav{display:none!important;position:absolute;top:96px;left:0;right:0;background:#F5F5F4;flex-direction:column;padding:20px;border-bottom:1px solid #DDDDDB;z-index:10}
 .dr-page header.open nav{display:flex!important}
 .dr-page header{position:relative;flex-wrap:wrap}
 .dr-page header>div a:last-child{display:none}
 .dr-menu-btn{display:flex;width:44px;height:44px;border:0;background:none;align-items:center;justify-content:center;cursor:pointer}
 .dr-page footer{height:auto!important}
 .dr-page article{max-width:100%!important}
 .dr-page aside{width:100%!important}
 .dr-page [style*="width: 1440px"]{width:100%!important}
}
@media (max-width:560px){.dr-page [style*="grid-template-columns"]{grid-template-columns:1fr!important}.dr-page h1{font-size:38px!important}}

.dr-page details summary{list-style-position:outside}
@media (max-width:1000px){.dr-page #c-lines>div{flex-wrap:wrap}}
@media (max-width:1000px){
 .dr-page header{flex-wrap:nowrap!important;gap:12px}
 .dr-page header>a:first-child{font-size:24px!important;margin-right:auto}
 .dr-menu-btn{order:3}
 .dr-page [style*="height: 496px"]>div:first-child{transform:scale(.55);transform-origin:center bottom}
 .dr-page [style*="height: 496px"]{gap:8px!important}
}
@media (max-width:1000px){.dr-page [style*="justify-content: space-around"]{flex-wrap:wrap;height:auto!important;padding:18px 20px;gap:10px 22px;justify-content:center!important}}


.dr-page>div[style*="justify-content: space-around"]{min-height:92px}

.dr-basket-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#1B1C1E;color:#F5F5F4;font-size:12px;font-weight:500;line-height:1}
@media (max-width:1000px){
 .dr-page header{height:72px!important;padding-top:0!important;padding-bottom:0!important}
 .dr-page header>a:first-child{gap:10px!important;min-width:0}
 .dr-page header>a:first-child img{width:40px!important;height:40px!important}
 .dr-wordmark{font-size:15px!important;letter-spacing:.14em!important;white-space:nowrap}
 .dr-basket-label{display:none}
 .dr-page header>div{gap:0!important;flex-shrink:0}
 .dr-page header>div>a[href="cart.html"]{width:44px;height:44px;justify-content:center;position:relative}
 .dr-page header>div>a[href="cart.html"] .dr-basket-count{position:absolute;top:2px;right:0;min-width:18px;height:18px;font-size:11px;padding:0 4px}
 .dr-page header nav{top:72px!important}
}
@media (max-width:360px){.dr-wordmark{display:none}}

.dr-trust-item:not(:last-child){border-right:1px solid #EDEDEC}
@media (max-width:1000px){
 .dr-page .dr-trust{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:36px 16px!important;gap:28px 8px!important;display:grid!important}
 .dr-trust-item{border-right:none!important}
 .dr-trust-item span:first-child{width:52px!important;height:52px!important}
}
@media (max-width:560px){.dr-page .dr-trust{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

.dr-page .dr-trust-item{align-items:center!important}
.dr-page section.dr-trust>div.dr-trust-item{align-items:center!important}
@media (max-width:1000px){.dr-page section#notify{margin:48px 0 0!important}.dr-page section#notify input,.dr-page section#notify select{width:100%!important}.dr-page section#notify>div:last-child>div{width:100%}}
@media (max-width:1000px){.dr-page .dr-soon-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.dr-page .dr-soon-grid>div{padding:18px!important;min-height:0!important;gap:12px!important}.dr-page .dr-soon-grid>div>span:first-child{width:44px!important;height:44px!important}.dr-page .dr-soon-grid>div>span:nth-child(2){font-size:16px!important}.dr-page .dr-soon-grid>div>span:last-child{font-size:10px!important;padding:5px 9px!important;letter-spacing:.1em!important}}
@media (max-width:1000px){
 .dr-page .dr-offer-grid{grid-template-columns:1fr!important}
 .dr-page section#subscribe,.dr-page section[style*="margin: 72px 80px 0"]{margin:24px 0 0!important}
 .dr-page section#subscribe input{width:100%!important}.dr-page section#subscribe>div:last-child>div{width:100%}
 .dr-page #gc-card{padding:22px!important}.dr-page #gc-amt{font-size:44px!important}
}
.dr-page [style*="width: 1440px"]{width:100%!important;max-width:100%}
@media (max-width:1240px) and (min-width:1001px){.dr-page header{padding:0 32px!important}.dr-page header nav{gap:18px!important;font-size:14px!important}.dr-page header>div>a:last-child{display:none}.dr-wordmark{font-size:18px!important;letter-spacing:.16em!important}}
.dr-rich p{margin:0 0 10px}.dr-rich ul,.dr-rich ol{margin:0 0 10px;padding-left:20px}.dr-rich li{margin-bottom:4px}

@media (max-width:1000px){.dr-page .dr-hero-img{width:100%!important;height:auto!important;aspect-ratio:4/3}}
@media (max-width:1000px){.dr-page .dr-three{grid-template-columns:1fr!important}.dr-page blockquote{width:100%!important;padding-left:20px!important}.dr-page blockquote p{font-size:30px!important}.dr-page section[style*="margin: 0 80px"],.dr-page section[style*="margin: 96px 80px 0"]{margin:48px 0 0!important}.dr-page section[style*="padding: 64px 72px"]{padding:40px 20px!important}.dr-page section[style*="padding: 64px 72px"] p[style*="font-size: 40px"]{font-size:28px!important}.dr-page div[style*="padding: 52px"]{padding:28px!important}}
@media (max-width:1000px){.dr-page [style*="height: 620px"]{height:300px!important}}
@media (max-width:1000px){.dr-page ul[style*="width: 460px"],.dr-page div[style*="width: 460px"]{width:100%!important}.dr-page section[style*="margin-top: 96px; padding: 88px 80px"]{margin-top:48px!important}.dr-page blockquote p[style*="font-size: 36px"]{font-size:28px!important}}

/* --- brand refresh: serif display type + gold accent --- */
.dr-page h1,.dr-page h2,.dr-serif{font-family:'Cormorant Garamond',Georgia,'Times New Roman',serif!important;font-weight:500!important;letter-spacing:-0.005em}
.dr-page h1{line-height:1!important}
.dr-page header a[data-nav]:hover{color:#4A4D52}
.dr-search{display:none;position:absolute;left:0;right:0;top:100%;background:#FFFFFF;border-bottom:1px solid #E1E3E6;padding:16px 64px;z-index:20;box-shadow:0 12px 24px rgba(27,28,30,.08)}
.dr-search.open{display:flex;gap:12px}
.dr-page header{position:relative}
@media (max-width:1240px) and (min-width:1001px){.dr-page header nav{gap:16px!important}.dr-page header nav a{font-size:12px!important;letter-spacing:.08em!important}.dr-wordmark{font-size:22px!important}}
@media (max-width:1000px){.dr-page header{height:72px!important}.dr-wordmark{font-size:20px!important;letter-spacing:0!important}.dr-search{padding:12px 20px}}
.dr-page{background:#FFFFFF!important}
.dr-line-tile{transition:transform .2s ease,box-shadow .2s ease}.dr-line-tile:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(27,28,30,.12)}
@media (max-width:1300px) and (min-width:1001px){.dr-page .dr-lines{grid-template-columns:repeat(5,minmax(0,1fr))!important}.dr-page .dr-diff,.dr-page .dr-why{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media (max-width:1000px){
 .dr-page .dr-hero{min-height:0!important;flex-direction:column!important;align-items:stretch!important}
 .dr-page .dr-hero-photo{position:relative!important;width:100%!important;height:300px!important;order:2}
 .dr-page .dr-hero-fade{display:none}
 .dr-page .dr-hero>div{padding:36px 20px 28px!important;max-width:100%!important}
 .dr-page .dr-hero h1{font-size:46px!important}
 .dr-page .dr-diff,.dr-page .dr-why{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .dr-page .dr-lines{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .dr-page .dr-line-tile{min-height:180px!important}
 .dr-page .dr-cols{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .dr-page .dr-consult,.dr-page #collections{padding:28px 20px!important}
 .dr-page section .dr-trust-item{padding:4px!important}
}
@media (max-width:560px){.dr-page .dr-line-desc,.dr-page .dr-col-desc{display:none}.dr-page .dr-diff .dr-trust-item span span:last-child{display:none}}
@media (min-width:1301px){.dr-page .dr-line-desc{display:none}.dr-page .dr-line-tile{min-height:170px!important}}
@media (min-width:1001px){.dr-page .dr-col-desc{display:none}}
@media (max-width:1000px){
 .dr-page a[style*="height: 54px"],.dr-page a[style*="height: 52px"]{white-space:normal!important;height:auto!important;min-height:52px;padding:14px 22px!important;line-height:1.3;text-align:center;justify-content:center}
 .dr-page section>div[style*="padding: 64px"]{padding:28px 20px!important}
 .dr-page section>div[style*="padding: 64px 0"]{padding:36px 0!important}
 .dr-page h2[style*="font-size: 56px"],.dr-page h2[style*="font-size: 52px"],.dr-page h2[style*="font-size: 50px"]{font-size:34px!important}
}
.dr-diff-item svg{flex-shrink:0}
@media (max-width:1000px){.dr-page .dr-diff-item{flex-direction:row!important;align-items:center!important;padding:6px 0!important}.dr-page section[aria-label]{padding-left:20px!important;padding-right:20px!important}}
@media (max-width:560px){.dr-page .dr-diff-item .dr-d{display:none}}
@media (max-width:1000px){.dr-page section>div{flex-basis:auto!important}.dr-page .dr-consult{overflow:visible!important}}
@media (max-width:560px){.dr-page [data-products],.dr-page #grid,.dr-page #p-more{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px 12px!important}.dr-page .prod>a:first-child>div{height:190px!important}.dr-page .prod>div:last-child{flex-direction:column!important;align-items:flex-start!important;gap:8px}.dr-page .prod a[style*="font-size:17px"]{font-size:15px!important}}
@media (max-width:1300px) and (min-width:1001px){.dr-page .dr-diff{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media (max-width:1000px){.dr-page .dr-promo{grid-template-columns:1fr!important}.dr-page #newsletter input{width:100%!important}.dr-page #newsletter>div>div:last-child,.dr-page #newsletter>div>div:last-child>div{width:100%}.dr-page #newsletter button{width:100%}}
@media (max-width:560px){.dr-page .dr-opts{grid-template-columns:1fr!important}}

#dr-nav-ctl{position:fixed;right:max(16px,env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:40;display:flex;gap:8px;align-items:center;background:rgba(255,255,255,.92);border:1px solid #E1E3E6;border-radius:999px;padding:6px;box-shadow:0 8px 24px rgba(27,28,30,.12);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
#dr-nav-ctl button{width:44px;height:44px;border-radius:999px;border:none;background:transparent;color:#1B1C1E;display:flex;align-items:center;justify-content:center;cursor:pointer}
#dr-nav-ctl button:hover{background:#F1F2F4;color:#4A4D52}
#dr-nav-ctl button:focus-visible{outline:2px solid #4A4D52;outline-offset:2px}
#dr-nav-ctl #dr-top{display:none;background:#4A4D52;color:#FFFFFF}
#dr-nav-ctl #dr-top.show{display:flex}
#dr-nav-ctl #dr-top:hover{background:#2F3134;color:#FFFFFF}
@media print{#dr-nav-ctl{display:none}}
/* compact, background-free navigation arrows */
#dr-nav-ctl{background:none!important;border:none!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;padding:0!important;gap:2px!important;right:max(10px,env(safe-area-inset-right,0px))!important;bottom:calc(10px + env(safe-area-inset-bottom,0px))!important}
#dr-nav-ctl button{width:34px!important;height:34px!important;background:none!important;color:#1B1C1E!important;filter:drop-shadow(0 0 2px rgba(255,255,255,.95)) drop-shadow(0 0 1px rgba(255,255,255,.95))}
#dr-nav-ctl button svg{width:17px;height:17px}
#dr-nav-ctl button:hover{color:#4A4D52!important;background:none!important}
#dr-nav-ctl #dr-top{background:none!important;color:#4A4D52!important}

/* metallic charcoal buttons, echoing the DR logo */
.dr-page a[style*="background: #4A4D52"],.dr-page button[style*="background: #4A4D52"],.dr-page button[style*="background:#4A4D52"],.dr-search button[type=submit]{background:linear-gradient(180deg,#63666B 0%,#46494E 48%,#2F3135 100%)!important;color:#FFFFFF!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 2px 8px rgba(27,28,30,.18);border:1px solid #2F3135!important;transition:filter .2s ease,box-shadow .2s ease}
.dr-page a[style*="background: #4A4D52"]:hover,.dr-page button[style*="background: #4A4D52"]:hover,.dr-search button[type=submit]:hover{filter:brightness(1.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 4px 14px rgba(27,28,30,.22)}
.dr-page a[style*="border: 1px solid #1B1C1E"]:hover{background:#F1F2F4}
@media (max-width:1000px){.dr-page div:has(> img[alt^="Ms Ify"]){height:auto!important;width:100%!important;max-width:420px;aspect-ratio:2/3;margin:0 auto}}
.dr-colour-card{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.dr-colour-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(27,28,30,.08);border-color:#C4C5C7!important}
