.template-business1 {
    --business-primary: #1262e8;
    --business-primary-dark: #0849bd;
    --business-primary-soft: #eaf2ff;
    --business-border: #b9d0f5;
    --business-ink: #08265f;
    background: #f6f9ff;
}

.template-business1 .commerce-header {
    background: #fff;
    box-shadow: 0 2px 8px rgba(8, 38, 95, .14);
    color: var(--business-ink);
}

.template-business1 .header-main {
    gap: .8rem;
    max-width: none;
    padding: .5rem .85rem;
}

.template-business1 .brand {
    background: var(--business-primary);
    border-radius: 6px 0 0 6px;
    clip-path: polygon(0 0, 100% 0, 90% 100%, 0 100%);
    color: #fff;
    min-height: 3.25rem;
    min-width: 13rem;
    padding: .35rem 1.6rem .35rem .8rem;
}

.template-business1 .brand-mark {
    background: transparent;
    color: #fff;
    font-size: 1.2rem;
    height: auto;
    min-width: 0;
    padding: 0;
}

.template-business1 .brand-name {
    color: #fff;
    font-size: 1.1rem;
}

.template-business1 .search-box {
    border: 2px solid var(--business-primary);
    border-radius: 7px;
    min-height: 3.05rem;
}

.template-business1 .search-box select {
    background: #f8fbff;
    border-right: 1px solid var(--business-border);
    color: var(--business-primary-dark);
    font-weight: 800;
}

.template-business1 .search-box input {
    color: #27364f;
}

.template-business1 .search-box button,
.template-business1 .cart-search-link {
    background: var(--business-primary);
    color: #fff;
}

.template-business1 .search-button span {
    border-color: #fff;
}

.template-business1 .search-button span::after {
    background: #fff;
}

.template-business1 .account-links {
    gap: .7rem;
}

.template-business1 .account-links a,
.template-business1 .account-link-button {
    background: #fff;
    border: 1px solid var(--business-border);
    box-shadow: 0 1px 4px rgba(8, 38, 95, .08);
    color: var(--business-primary-dark);
    min-height: 3.15rem;
    min-width: 6.6rem;
    padding: .4rem .8rem;
}

.template-business1 .account-links a:hover,
.template-business1 .account-link-button:hover {
    background: var(--business-primary-soft);
    border-color: var(--business-primary);
}

.template-business1 .account-links span {
    color: #53647f;
}

.template-business1 .account-links strong,
.template-business1 .cart-count {
    color: var(--business-primary) !important;
}

.template-business1 .account-dropdown-menu {
    border-color: var(--business-border);
}

.template-business1 .category-bar {
    background: var(--site-menu-background-color, var(--business-primary));
    gap: .65rem;
    max-width: none;
    padding: .5rem .85rem;
}

.template-business1 .category-bar a,
.template-business1 .category-bar button {
    background: rgba(255, 255, 255, .12);
    border: 1px solid rgba(255, 255, 255, .08);
    color: var(--site-menu-foreground-color, #fff);
    font-weight: 700;
    padding: .55rem 1rem;
}

.template-business1 .category-bar a:hover,
.template-business1 .category-bar button:hover {
    background: #fff;
    border-color: #fff;
    color: var(--business-primary-dark);
}

.template-business1 .catalog-page {
    gap: .45rem;
    max-width: none;
    padding: .85rem;
}

.template-business1 .catalog-tree-panel {
    border-color: var(--business-border);
    gap: .35rem;
    padding: .4rem;
}

.template-business1 .tree-heading {
    background: var(--business-primary);
    border-radius: 7px;
    color: #fff;
    min-height: 3rem;
    padding: .5rem .65rem;
}

.template-business1 .tree-heading h2 {
    color: #fff;
    font-size: 1.05rem;
    font-weight: 800;
}

.template-business1 .tree-heading button {
    background: #fff;
    border-color: #fff;
    color: var(--business-primary-dark);
}

.template-business1 .catalog-tree,
.template-business1 .tree-node,
.template-business1 .tree-children {
    gap: .25rem;
}

.template-business1 .tree-children {
    border-left-color: var(--business-border);
}

.template-business1 .tree-row {
    background: #f7faff;
    border: 1px solid #cbdcf7;
    border-left: 5px solid var(--business-primary);
    border-radius: 6px;
    color: var(--business-ink);
    min-height: 2.15rem;
    padding: .38rem .55rem;
}

.template-business1 .tree-row.category {
    color: var(--business-ink);
}

.template-business1 .tree-row:hover,
.template-business1 .tree-row.selected {
    background: var(--business-primary);
    border-color: var(--business-primary);
    color: #fff;
}

.template-business1 .folder-icon::before,
.template-business1 .tree-children > .tree-row .folder-icon::before,
.template-business1 .leaf-icon::before {
    background: var(--business-primary);
    border-color: var(--business-primary);
}

.template-business1 .tree-row:hover .folder-icon::before,
.template-business1 .tree-row.selected .folder-icon::before,
.template-business1 .tree-row.category:hover .leaf-icon::before,
.template-business1 .tree-row.category.selected .leaf-icon::before {
    background: #fff;
    border-color: #fff;
}

.template-business1 .product-card,
.template-business1 .text-content-box,
.template-business1 .category-intro-card {
    border-color: #cbdcf7;
    box-shadow: 0 2px 7px rgba(8, 38, 95, .06);
}

.template-business1 .product-card.detail-enabled:hover {
    border-color: var(--business-primary);
    box-shadow: 0 7px 18px rgba(18, 98, 232, .13);
}

.template-business1 .site-footer {
    background: var(--site-menu-background-color, var(--business-primary));
    color: var(--site-menu-foreground-color, #fff);
}

@media (max-width: 1100px) {
    .template-business1 .header-main {
        grid-template-columns: auto minmax(14rem, 1fr);
    }

    .template-business1 .account-links {
        grid-column: 1 / -1;
        justify-content: flex-end;
    }
}

@media (max-width: 640px) {
    .template-business1 .header-main {
        grid-template-columns: 1fr;
        padding: .6rem;
    }

    .template-business1 .brand {
        clip-path: none;
        justify-content: center;
        min-width: 0;
        width: 100%;
    }

    .template-business1 .account-links {
        display: grid;
        grid-column: auto;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .template-business1 .account-links a,
    .template-business1 .account-link-button {
        min-width: 0;
    }

    .template-business1 .category-bar {
        padding: .45rem .6rem;
    }

    .template-business1 .catalog-page {
        padding: .6rem;
    }
}