/* Private draft navigation redesign */
.ds-header{background:#fff;position:relative;z-index:100;border-bottom:1px solid #eadfe0}.ds-topbar{min-height:88px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px}.ds-brand{display:flex;align-items:center;gap:12px;width:max-content}.ds-brand img{width:56px;height:56px;object-fit:contain;border-radius:50%}.ds-brand b{display:block;font:600 21px 'Fraunces',Georgia,serif}.ds-brand small{display:block;color:#907d94;font-size:11px}.ds-primary{display:flex;align-items:center;gap:34px;font-weight:700;font-size:14px}.ds-primary>a,.ds-shop-toggle{position:relative;padding:30px 0;border:0;background:none;color:var(--ink);font:inherit;cursor:pointer}.ds-primary>a:after,.ds-shop-toggle:after{content:"";position:absolute;left:0;right:100%;bottom:22px;height:2px;background:var(--pink);transition:.2s}.ds-primary>a:hover:after,.ds-shop-toggle:hover:after,.ds-shop-toggle[aria-expanded="true"]:after{right:0}.ds-shop-toggle span{font-size:16px;margin-left:5px}.ds-tools{display:flex;justify-content:flex-end;align-items:center;gap:20px;font-size:13px;font-weight:600}.dyestore-nav-cart__count{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:20px;background:var(--plum);color:#fff;font-size:10px;margin-left:3px}.ds-menu-toggle{display:none;width:42px;height:42px;border:1px solid #dfd3dc;background:#fff;padding:10px}.ds-menu-toggle span{display:block;height:2px;background:var(--plum);margin:4px 0}.ds-shop-panel{position:absolute;left:0;right:0;top:100%;background:#fffaf5;border-top:1px solid #eadfe0;box-shadow:0 22px 40px rgba(37,16,46,.14);opacity:0;visibility:hidden;transform:translateY(-8px);transition:.2s}.ds-shop-panel.open{opacity:1;visibility:visible;transform:none}.ds-shop-panel .wrap{padding:25px 0 30px}.ds-shop-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:11px;font-weight:800;letter-spacing:.14em;color:#776779}.ds-shop-head a{letter-spacing:0;color:var(--plum);font-size:12px}.ds-shop-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.ds-nav-card{border:1px solid #e6dadd;background:#fff;padding:16px;min-height:132px;transition:.2s}.ds-nav-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#d7c2ca}.ds-nav-card i{display:block;width:38px;height:38px;border-radius:50%;margin-bottom:14px;border:5px solid #fff;box-shadow:0 0 0 1px #ddd}.ds-nav-card b,.ds-nav-card small{display:block}.ds-nav-card b{font:600 16px 'Fraunces',Georgia,serif}.ds-nav-card small{font-size:11px;color:#776779;margin-top:4px;line-height:1.35}.ds-nav-card.natural i{background:linear-gradient(135deg,#c99854,#536b38)}.ds-nav-card.synthetic i{background:conic-gradient(#e83542,#f5c633,#3cbf65,#2e92d1,#7446a5,#e83542)}.ds-nav-card.mordant i{background:linear-gradient(135deg,#ddd1c4,#8c7462)}.ds-nav-card.kits i{background:conic-gradient(#ea5792,#57b7d7,#f2c94c,#65b778,#ea5792)}.ds-nav-card.safety i{background:linear-gradient(135deg,#f0d342,#292929)}.ds-nav-card.blanks i{background:linear-gradient(135deg,#fff,#e7e7e7)}.ds-mobile-nav{display:none}
@media(max-width:900px){.ds-topbar{min-height:72px;grid-template-columns:1fr auto}.ds-brand img{width:46px;height:46px}.ds-brand b{font-size:18px}.ds-brand small{display:none}.ds-primary{display:none}.ds-tools>a:first-child{display:none}.ds-menu-toggle{display:block}.ds-shop-panel{display:none}.ds-mobile-nav{display:block;position:absolute;left:0;right:0;top:100%;background:#fff;box-shadow:0 22px 35px rgba(37,16,46,.16);max-height:0;overflow:hidden;visibility:hidden;transition:max-height .3s ease,visibility .3s}.ds-mobile-nav.open{max-height:78vh;overflow:auto;visibility:visible}.ds-mobile-nav .wrap{padding:10px 0 20px}.ds-mobile-nav a{display:flex;justify-content:space-between;align-items:center;padding:14px 4px;border-bottom:1px solid #eee2e5;font-weight:700;font-size:14px}.ds-mobile-nav a span{font-size:22px;color:var(--pink)}.ds-mobile-nav .ds-mobile-shop{color:#fff;background:var(--plum);padding:14px 16px;margin:4px 0 7px}.ds-mobile-secondary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.ds-mobile-secondary a{justify-content:center;border:1px solid #eadfe0;padding:10px 4px;font-size:12px}.announce{font-size:10px;padding:7px 10px}.rainbow{height:4px}}
@media(max-width:430px){.ds-tools{gap:10px}.ds-tools>a{font-size:12px}.ds-brand b{font-size:17px}.ds-topbar{gap:8px}.ds-mobile-nav .wrap{width:92%}}