/* Touch controls and narrow screens; the existing artwork and palette stay unchanged. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.menuToggle{display:none}
button,input,select{min-height:44px}
a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #ac83e6;outline-offset:3px}
.drawer{width:min(420px,100vw);max-width:100vw;box-sizing:border-box;height:100dvh;max-height:100dvh;display:flex;flex-direction:column}
.drawerTop,.drawerBottom{flex-shrink:0}#cartItems{min-height:0;flex:1;overflow-y:auto;overscroll-behavior:contain}.cartItem{min-width:0}.cartItem h4{overflow-wrap:anywhere}.qty button{min-width:44px;min-height:44px}
.modalCard{box-sizing:border-box;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}
footer a,.dk13-footer-links a{display:inline-flex;align-items:center;min-height:44px;padding:6px 9px}
.detail-grid>*,.detail-info,.detail-gallery{min-width:0}.detail-facts div{flex-wrap:wrap}.detail-description{overflow-wrap:anywhere}
@media(max-width:760px){
 .header{height:auto!important;min-height:76px;display:grid!important;grid-template-columns:minmax(70px,1fr) 44px auto;align-items:center;gap:6px!important;padding:10px 12px!important;position:relative!important}
 .header .brand{min-width:0}.header .brand img{width:115px;max-width:100%;height:auto}
 .header .menuToggle{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0}
 .header .actions{position:static!important;margin:0!important;gap:4px;display:flex;align-items:center;flex-wrap:nowrap}
 .header .actions select{width:58px;min-width:0;padding:5px}.header .iconbtn,.header .cartbtn{min-width:44px;min-height:44px;padding:5px}
 .header nav{display:none!important;grid-column:1/-1;width:100%;padding-top:8px;gap:6px!important;flex-direction:column;align-items:stretch}
 .header:has(.menuToggle[aria-expanded="true"]) nav{display:flex!important}
 .header nav a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;border-radius:14px;background:#f8f4ff}
 .heroText{box-sizing:border-box;background:linear-gradient(90deg,rgba(255,250,255,.94),rgba(255,250,255,.78));border-radius:inherit}
 .hero h1,.hero p{overflow-wrap:anywhere}.heroButtons .btn{box-sizing:border-box;min-height:44px;display:flex;align-items:center;justify-content:center}
 .heart,.close{min-width:44px;min-height:44px}.productInfo .add,.productInfo .productTitle{min-height:44px}.productInfo{min-width:0}.productInfo p{overflow-wrap:anywhere}
 .topbar{height:auto;gap:10px}.topbar nav{flex-wrap:wrap;justify-content:flex-start!important}.topbar nav a{min-height:44px;display:inline-flex;align-items:center;padding:5px}
 .toolbar{min-width:0}.toolbar>*{min-width:0}.drawer{right:0;padding-inline:16px}.drawerBottom .btn{width:100%;box-sizing:border-box}
 .dk11-creator-info{flex-wrap:wrap;margin-inline:0}.dk11-creator-products,.dk-related{grid-template-columns:repeat(2,minmax(0,1fr))}.dk-v10-detail{min-width:0}
 body>header:not(.header):not(.topbar){display:flex;flex-wrap:wrap;gap:10px;height:auto}
}
@media(max-width:359px){.header .brand img{width:88px}.header .actions{gap:2px}.header{gap:3px!important;padding-inline:8px!important}}

/* Keep the site navigation available while scrolling, below drawers and dialogs. */
body{overflow-x:clip}
body>header,body>header.header{position:sticky!important;top:0;z-index:20;background:#fff;box-shadow:0 3px 16px #6d4f8710}
body>header .brand{color:inherit;text-decoration:none;font-weight:800}
html{scroll-padding-top:calc(var(--dk-header-height,0px) + var(--dk-tabs-height,0px) + 16px)}
#shop .dk16-tabs{top:var(--dk-header-height,0px)}
.landing-header{padding:16px max(20px,calc((100vw - 880px)/2));border-bottom:1px solid #e9def4}
.landing-header nav{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.landing-header nav a{display:inline-flex;align-items:center;min-height:44px;margin:0}
.dk-back-to-top{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:calc(20px + env(safe-area-inset-bottom));z-index:21;display:inline-grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid #d7bce9;border-radius:16px;background:#fff4fc;color:#74509c;box-shadow:0 4px 18px #6d4f8726;font:800 26px/1 Arial,sans-serif;cursor:pointer}
.dk-back-to-top[hidden]{display:none}
body:has(#dkLocaleDock) .dk-back-to-top{bottom:calc(100px + env(safe-area-inset-bottom))}
body:has(#shade:not([hidden]),#modal:not([hidden]),dialog[open],.dk-static-detail:target) .dk-back-to-top{visibility:hidden}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}

/* Creator information uses native keyboard-accessible disclosure buttons. */
.creatorFeatures .creator-feature{min-width:0;border:1px solid #fff;border-radius:22px;background:#ffffffed;box-shadow:0 8px 25px #9f8bc114;overflow:hidden}
.creatorFeatures .creator-feature summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:70px;padding:16px 20px;color:#6250a7;cursor:pointer;font-size:clamp(16px,1.2vw,18px);font-weight:400;line-height:1.5;text-align:left}
.creator-feature summary::-webkit-details-marker{display:none}
.creator-feature summary>span:first-child{min-width:0;overflow-wrap:anywhere}
.creator-feature summary:focus-visible{outline:3px solid #ac83e6;outline-offset:-4px;border-radius:22px}
.creator-feature summary:hover{background:#f9f2ff}
.creator-feature-toggle{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#eee6fa;font-size:22px;font-weight:400}
.creator-feature[open] .creator-feature-toggle{transform:rotate(45deg)}
.creatorFeatures .creator-feature-info{padding:0 20px 20px;background:transparent;box-shadow:none;backdrop-filter:none}
.creator-feature-info p{margin:0;padding-top:14px;border-top:1px solid #eee4f5;color:#675a7d;font-family:Nunito,Arial,sans-serif!important;font-size:16px!important;font-weight:400;line-height:1.65!important;letter-spacing:normal;overflow-wrap:anywhere}
@media(max-width:760px){.creatorFeatures .creator-feature summary{padding:15px 16px;min-height:68px;font-size:17px}.creatorFeatures .creator-feature-info{padding:0 16px 18px}}