/* Cart/checkout header only. Normal site and blog headers are separate. */
.ytk-commerce-header,
.ytk-commerce-header * { box-sizing: border-box; }
.ytk-commerce-header {
    position: relative;
    z-index: 1000;
    width: 100%;
    border: 0;
    background: #fff;
    box-shadow: none;
    font-family: var(--ytk-font-family);
    color: #1a2b49;
}
.ytk-commerce-header-inner {
    display: flex;
    align-items: center;
    gap: 20px;
    width: calc(100% - var(--ytk-layout-cut));
    max-width: var(--ytk-layout-max, 1240px);
    min-height: 80px;
    margin: 0 auto;
    padding: 0;
}
.ytk-commerce-logo { display: inline-flex; align-items: center; flex: 0 0 225px; min-width: 0; line-height: 0; text-decoration: none; }
.ytk-commerce-logo img { display: block; width: auto; max-width: 225px; height: 50px; object-fit: contain; }
.ytk-commerce-logo > span { color: #1a2b49; font-size: 27px; font-weight: 800; letter-spacing: -.8px; }
.ytk-commerce-search-wrap { flex: 0 1 360px; min-width: 180px; }
.ytk-commerce-header .ytk-commerce-search {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 0;
    height: 44px;
    padding: 0 12px 0 4px;
    border: 2px solid #8a94a5;
    border-radius: 999px;
    background: #fff;
    box-shadow: none;
}
/* The submit button replaces the shared helper's decorative magnifier. */
.ytk-commerce-search > .ytk-search-glass { display: none; }
.ytk-commerce-header .ytk-commerce-search .ytk-neo-search-input { grid-column: 2; grid-row: 1; color: #1a2b49; font-size: 14px; line-height: 1.4; letter-spacing: -.1px; }
.ytk-commerce-header .ytk-commerce-search .ytk-neo-search-input::placeholder { color: #647087; opacity: 1; }
.ytk-commerce-header .ytk-commerce-search button[type="submit"] { grid-column: 1; grid-row: 1; width: 36px; height: 36px; margin: 0; padding: 0; border: 0; background: transparent; color: #1a2b49; }
.ytk-commerce-header .ytk-commerce-search button[type="submit"] > .ytk-icon { font-size: 21px; }
.ytk-commerce-header .ytk-commerce-search button[type="submit"]:hover { background: #f2f4f7; }
.ytk-commerce-header .ytk-commerce-search:focus-within { border-color: #1a2b49; box-shadow: none; }
.ytk-commerce-header .ytk-commerce-search + .ytk-neo-search-results { border-color: #dde3e9; border-radius: 10px; box-shadow: none; }
.ytk-commerce-header .ytk-neo-search-thumb { background: #f2f4f7; }
.ytk-commerce-header-menu { position: relative; right: -16px; display: flex; align-items: center; gap: 10px; margin-left: auto; }
.ytk-commerce-header-link { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; min-width: 68px; height: 54px; padding: 3px 4px; color: #1a2b49; font-size: 12px; line-height: 1; letter-spacing: -0.08px; font-weight: 600; text-decoration: none; }
.ytk-commerce-header-link > .ytk-icon { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; flex: 0 0 32px; font-size: 23px; line-height: 1; }
.ytk-commerce-header-link > span:not(.ytk-icon) { position: relative; display: block; }
/* Underline stays red, but no longer changes label height or icon alignment. */
.ytk-commerce-header-link > span:not(.ytk-icon)::after { content: ""; position: absolute; left: 0; bottom: -4px; width: 100%; height: 2px; background: #c72a3d; opacity: 0; }
.ytk-commerce-header-link:hover > span:not(.ytk-icon)::after,
.ytk-commerce-header-link[aria-current="page"] > span:not(.ytk-icon)::after { opacity: 1; }
.ytk-commerce-header-cart em { position: absolute; top: 6px; right: 14px; display: grid; place-items: center; min-width: 16px; height: 16px; padding: 0 4px; border-radius: 999px; background: #c72a3d; color: #fff; font-size: 10px; line-height: 1; font-style: normal; font-weight: 700; }
.ytk-commerce-logo:focus-visible,
.ytk-commerce-header-link:focus-visible,
.ytk-commerce-header .ytk-commerce-search button[type="submit"]:focus-visible { outline: 2px solid #1a2b49; outline-offset: 3px; border-radius: 4px; }

/* Use the existing normal header at its native mobile/tablet breakpoint. */
.ytk-commerce-mobile-header { display: none; }
/* Keep logo and trailing navigation aligned with the normal desktop header. */
@media (max-width: 1380px) {
    .ytk-commerce-header-inner { gap: 18px; }
    .ytk-commerce-header-menu { right: -14px; gap: 8px; }
    .ytk-commerce-header-link { min-width: 64px; height: 50px; font-size: 11.5px; }
    .ytk-commerce-header-link > .ytk-icon { font-size: 21px; }
}
@media (max-width: 1160px) {
    .ytk-commerce-header { display: none; }
    .ytk-neo-header.ytk-commerce-mobile-header { display: block; }
}