/* The Shop archive uses the same published categories as the homepage menu. */
header.wp-block-template-part { position: relative; z-index: 100; }
header.wp-block-template-part .sunxi-header-shop { position: relative; display: flex; align-items: center; flex-wrap: wrap; }
header.wp-block-template-part .sunxi-header-shop__toggle { display: inline-flex; align-items: center; justify-content: center; width: 25px; height: 30px; margin-left: 2px; padding: 0; border: 0; background: transparent; color: currentColor; cursor: pointer; }
header.wp-block-template-part .sunxi-header-shop__toggle svg { transition: transform .18s ease; }
header.wp-block-template-part .sunxi-header-shop:hover .sunxi-header-shop__toggle svg,
header.wp-block-template-part .sunxi-header-shop:focus-within .sunxi-header-shop__toggle svg,
header.wp-block-template-part .sunxi-header-shop.is-open .sunxi-header-shop__toggle svg { transform: rotate(180deg); }
header.wp-block-template-part .sunxi-header-shop__panel {
 position: absolute; top: 100%; left: 50%; z-index: 50;
 box-sizing: border-box; width: min(860px, calc(100vw - 48px)); padding: 25px 30px 22px;
 border: 1px solid rgba(29,28,25,.14); background: #fff; color: #1d1c19;
 box-shadow: 0 20px 48px rgba(29,28,25,.11);
 opacity: 0; visibility: hidden; pointer-events: none;
 transform: translate(-50%, 8px); transition: opacity .18s ease, transform .18s ease, visibility .18s;
}
header.wp-block-template-part .sunxi-header-shop:hover > .sunxi-header-shop__panel,
header.wp-block-template-part .sunxi-header-shop:focus-within > .sunxi-header-shop__panel,
header.wp-block-template-part .sunxi-header-shop.is-open > .sunxi-header-shop__panel { opacity: 1; visibility: visible; pointer-events: auto; transform: translate(-50%, 0); }
header.wp-block-template-part .sunxi-header-shop__heading { display: flex; justify-content: space-between; align-items: baseline; gap: 20px; padding-bottom: 17px; border-bottom: 1px solid rgba(29,28,25,.16); font: 700 10px/1.3 Arial,Helvetica,sans-serif; letter-spacing: .15em; text-transform: uppercase; }
header.wp-block-template-part .sunxi-header-shop__heading a { color: #1d1c19; text-decoration: none; border-bottom: 1px solid currentColor; }
header.wp-block-template-part .sunxi-header-shop__grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 20px; padding: 20px 0; }
header.wp-block-template-part .sunxi-header-shop__group { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; gap: 9px; }
header.wp-block-template-part .sunxi-header-shop__group a { margin: 0; padding: 0; color: #55514b; font: 400 11px/1.4 Arial,Helvetica,sans-serif; text-decoration: none; white-space: normal; }
header.wp-block-template-part .sunxi-header-shop__group a.sunxi-header-shop__parent { margin-bottom: 3px; color: #1d1c19; font: 400 21px/1.2 Georgia,"Times New Roman",serif; letter-spacing: -.025em; }
header.wp-block-template-part .sunxi-header-shop__extras { display: flex; flex-wrap: wrap; gap: 26px; padding-top: 17px; border-top: 1px solid rgba(29,28,25,.16); }
header.wp-block-template-part .sunxi-header-shop__extras a { color: #1d1c19; font: 700 10px/1.35 Arial,Helvetica,sans-serif; letter-spacing: .08em; text-decoration: none; text-transform: uppercase; }
header.wp-block-template-part .sunxi-header-shop__panel a:hover,
header.wp-block-template-part .sunxi-header-shop__panel a:focus-visible { color: #853b36; text-decoration: underline; text-underline-offset: 3px; }
header.wp-block-template-part .sunxi-header-shop__toggle:focus-visible,
header.wp-block-template-part .sunxi-header-shop__panel a:focus-visible { outline: 2px solid #853b36; outline-offset: 3px; }
@media (min-width: 601px) and (max-width: 1100px) {
 header.wp-block-template-part .sunxi-header-shop__panel { left: calc(50% + 440px - 48vw); }
 header.wp-block-template-part .sunxi-header-shop:hover > .sunxi-header-shop__panel,
 header.wp-block-template-part .sunxi-header-shop:focus-within > .sunxi-header-shop__panel,
 header.wp-block-template-part .sunxi-header-shop.is-open > .sunxi-header-shop__panel { transform: translate(-50%, 0); }
}
@media (min-width: 601px) and (max-width: 700px) {
 body.woocommerce-shop header.wp-block-template-part .sunxicraft-shop__brand { width: 120px; height: 23px; }
 body.single-product header.wp-block-template-part .sunxicraft-product-brand { width: 120px; }
 header.wp-block-template-part .wp-block-navigation__container { justify-content: flex-start !important; gap: 13px !important; }
 header.wp-block-template-part .wp-block-navigation a { font-size: 10px !important; }
 header.wp-block-template-part .sunxi-header-shop__panel { top: calc(100% + 32px); left: calc(50% + 400px - 48vw); }
 header.wp-block-template-part .sunxi-header-shop__panel::before { content: ''; position: absolute; inset: -32px 0 auto; height: 32px; }
}
@media (min-width: 601px) and (max-width: 630px) {
 body.woocommerce-shop header.wp-block-template-part .sunxicraft-shop__brand { width: 104px; height: 21px; }
 body.single-product header.wp-block-template-part .sunxicraft-product-brand { width: 104px; }
 header.wp-block-template-part .wp-block-navigation__container { gap: 7px !important; }
 header.wp-block-template-part .wp-block-navigation a { font-size: 9px !important; }
 header.wp-block-template-part .sunxi-header-shop__toggle { width: 19px; }
 header.wp-block-template-part .sunxi-header-shop__panel { left: calc(50% + 360px - 48vw); }
}
@media (max-width: 600px) {
 header.wp-block-template-part .sunxi-header-shop { display: flex; width: 100%; align-items: center; justify-content: space-between; }
 header.wp-block-template-part .sunxi-header-shop__toggle { width: 44px; height: 44px; margin-left: auto; }
 header.wp-block-template-part .sunxi-header-shop__panel,
 header.wp-block-template-part .sunxi-header-shop:hover > .sunxi-header-shop__panel,
 header.wp-block-template-part .sunxi-header-shop:focus-within > .sunxi-header-shop__panel { display: none; position: static; width: 100%; padding: 12px 0 22px; border: 0; box-shadow: none; opacity: 1; visibility: visible; pointer-events: auto; transform: none; transition: none; }
 header.wp-block-template-part .sunxi-header-shop.is-open > .sunxi-header-shop__panel { display: block; }
 header.wp-block-template-part .sunxi-header-shop__grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px 12px; padding: 20px 0; }
 header.wp-block-template-part .sunxi-header-shop__group a.sunxi-header-shop__parent { font-size: 17px; }
 header.wp-block-template-part .sunxi-header-shop__group a { font-size: 11px; }
 header.wp-block-template-part .sunxi-header-shop__extras { gap: 13px 25px; }
}