/* Shared tokens for native Camden content and storefront-owned pages. */
.hp-storefront {
    --hp-ink: #163551;
    --hp-action: #fd6801;
    --hp-border: #dbe4ec;
    --hp-radius: 5px;
    --hp-gap: clamp(12px, 2vw, 24px);
    --hp-focus: #a74300;
    color: var(--hp-ink);
    font-family: system-ui, "Segoe UI", sans-serif;
}
.hp-storefront .body:not(:has(.hp-home)) {
    margin: 0;
    padding: var(--hp-gap) 0 calc(var(--hp-gap) * 2);
}
.hp-storefront .body:not(:has(.hp-home)) > .container {
    width: min(100%, 1440px);
    padding-inline: var(--hp-gap);
}
.hp-storefront .page-heading,
.hp-storefront .productView-title,
.hp-storefront .hp-manufacturer h1 {
    color: var(--hp-ink);
    font-size: clamp(25px, 3vw, 40px);
    font-weight: 800;
    line-height: 1.1;
    overflow-wrap: anywhere;
}
.hp-storefront .breadcrumbs {
    text-align: left;
    margin-block: 0 var(--hp-gap);
    overflow-wrap: anywhere;
}
.hp-storefront .breadcrumb-label,
.hp-storefront .card-title a,
.hp-storefront .page a:not(.button) {
    color: #003d6b;
}
.hp-storefront :focus-visible {
    outline: 3px solid var(--hp-focus);
    outline-offset: 2px;
}
.hp-storefront .form-input,
.hp-storefront .form-select,
.hp-storefront .form-field textarea {
    min-height: 44px;
    border: 1px solid #8499aa;
    border-radius: var(--hp-radius);
    color: var(--hp-ink);
    max-width: 100%;
}
.hp-storefront .button {
    border-radius: var(--hp-radius);
    font-weight: 750;
    white-space: normal;
}
.hp-storefront .button--primary {
    background: var(--hp-action);
    border-color: var(--hp-action);
    color: #172c41;
}
.hp-storefront .button--primary:hover,
.hp-storefront .button--primary:focus {
    background: #d24c00;
    border-color: #d24c00;
    color: white;
}
.hp-storefront .card,
.hp-storefront .productView-description,
.hp-storefront .facetedSearch,
.hp-storefront .hp-manufacturer .hp-manufacturer-intro {
    border: 1px solid var(--hp-border);
    border-radius: var(--hp-radius);
    padding: var(--hp-gap);
    min-width: 0;
}
.hp-storefront .card-title,
.hp-storefront .productView-info-value,
.hp-storefront .cart-item-name {
    overflow-wrap: anywhere;
}
.hp-storefront .price,
.hp-storefront .productView-info-name {
    color: #003d6b;
    font-weight: 750;
}
.hp-storefront .alertBox,
.hp-storefront .hp-notice {
    border-radius: var(--hp-radius);
    padding: 12px 16px;
}
.hp-storefront .hp-notice,
.hp-storefront .hp-badge {
    background: #f0f3f7;
    color: #163551;
}
.hp-storefront .hp-badge {
    display: inline-block;
    padding: 4px 8px;
    border-radius: var(--hp-radius);
}
.hp-storefront .hp-table-scroll {
    max-width: 100%;
    overflow-x: auto;
}
.hp-storefront table th {
    background: #f0f3f7;
    color: #163551;
}
.hp-storefront .hp-manufacturer .hp-search {
    margin-block: var(--hp-gap);
    flex-wrap: wrap;
}
.hp-storefront .hp-manufacturer .hp-search label {
    flex-basis: 100%;
}
@media(max-width: 620px) {
    .hp-storefront .productView-title { margin-top: 12px; }
    .hp-storefront .productGrid .card { padding: 8px; }
    .hp-storefront .form-actions .button--primary { min-height: 44px; }
}
.hp-storefront .body:not(:has(.hp-home)) > .container {
    box-sizing: border-box;
}
.hp-storefront .hp-assistance img.hp-v4-asset,
.hp-storefront .hp-trust img.hp-v4-asset {
    object-fit: contain;
}
.hp-storefront .hp-assistance img.hp-v4-asset {
    filter: invert(19%) sepia(48%) saturate(1682%) hue-rotate(169deg) brightness(88%);
}
.hp-storefront .hp-trust img.hp-v4-asset {
    filter: invert(45%) sepia(99%) saturate(2300%) hue-rotate(1deg);
}
