/* The same accessible menu at desktop, tablet and phone sizes. */
.site-header{height:110px;min-height:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:10px 5%}
.site-header .brand{grid-column:2;grid-row:1;justify-self:center}
.site-header .bag-link{grid-column:3;grid-row:1;justify-self:end;padding:0}
.dp-menu-button{grid-column:1;grid-row:1;justify-self:start;display:flex;align-items:center;gap:10px;min-width:44px;min-height:44px;border:0;background:none;color:var(--ink);padding:10px 0;font-size:12px}
.dp-menu-icon{width:23px;display:grid;gap:5px}.dp-menu-icon i{display:block;width:23px;height:1px;background:currentColor}
.dp-menu-open{overflow:hidden}
.dp-drawer{position:fixed;inset:0 auto 0 0;margin:0;width:min(420px,90vw);height:100dvh;max-height:100dvh;max-width:90vw;border:0;padding:28px;background:var(--ivory);color:var(--ink);overflow-y:auto;box-shadow:8px 0 40px #0002}
.dp-drawer::backdrop{background:#20131880}
.dp-drawer-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:20px}
.dp-drawer h2{font-size:30px;margin:0}
.dp-close{background:none;border:1px solid var(--line);color:var(--ink);padding:8px 12px;min-height:44px;font-size:14px}
.dp-drawer nav{display:block;padding:24px 0}
.dp-drawer nav a{display:block;padding:14px 0;font-size:21px;font-family:Georgia,serif;line-height:1.4;border-bottom:1px solid var(--line)}
.dp-drawer ul{list-style:none;margin:0;padding:0}.dp-drawer ul ul{padding-left:16px}
.dp-social{display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:20px}.dp-social a{display:inline-flex;align-items:center;min-height:44px;font-size:13px}
.dp-drawer .shipping-note{margin-top:25px}
.dp-related{margin-top:65px;clear:both}.dp-related h2{font-size:36px}.dp-related .product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:600px){.site-header{height:96px;padding:8px 5%;gap:8px}.brand img{width:95px;height:72px}.dp-menu-button{gap:7px}.dp-menu-button .dp-menu-label{font-size:11px}.dp-drawer{padding:22px}.dp-related .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dp-related h2{font-size:30px}}

/* Account and cart stay visible without crowding the centered brand. */
.site-header .dp-header-actions{grid-column:3;grid-row:1;justify-self:end;display:flex;align-items:center;gap:20px;min-width:0}
.dp-account-link{display:flex;align-items:center;gap:7px;min-height:44px;font-size:12px;white-space:nowrap}
.dp-account-link svg{flex-shrink:0}
.site-header .bag-link{display:flex;align-items:center;min-height:44px}
.dp-gallery-help{font-size:12px;color:var(--muted);margin:10px 0 25px}
.woocommerce-account .woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0;border:1px solid var(--line)}
.woocommerce-account .woocommerce-MyAccount-navigation a{display:block;padding:12px 16px;border-bottom:1px solid var(--line)}
.woocommerce-account .woocommerce-MyAccount-navigation .is-active a{background:var(--wine);color:white}
.woocommerce-account .woocommerce-MyAccount-content{min-width:0;overflow-wrap:anywhere}
@media(max-width:768px){.dp-gallery-help{float:none;width:100%}.woocommerce-account .woocommerce-MyAccount-navigation{margin-bottom:24px}}
@media(max-width:600px){.site-header .dp-header-actions{gap:10px}.dp-account-link{flex-direction:column;justify-content:center;gap:2px;font-size:9px;line-height:1.3}.site-header .bag-link{font-size:11px}.site-header .bag-link span{margin-left:4px;padding:2px 5px}.site-header .brand img{width:82px}.dp-menu-button .dp-menu-label{display:none}}

.dp-category-strip{display:flex;gap:24px;padding:8px 5%;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:thin;white-space:nowrap}
.dp-category-strip a{display:flex;align-items:center;min-height:44px;flex-shrink:0;font-size:12px}
.dp-category-section{margin:36px 5%}.dp-category-section h2{font-size:32px}
.dp-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.dp-category-grid a{padding:20px 16px;border:1px solid var(--line);font-family:Georgia,serif;font-size:22px;overflow-wrap:anywhere}
.dp-category-grid a:hover{background:var(--wine);color:white}
@media(max-width:600px){.dp-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dp-category-grid a{font-size:20px;padding:16px 12px}.dp-category-strip{gap:20px}}