#hv3-gh {
    width: 100%;
    box-sizing: border-box;
    --hv3-green-500: var(--hv3-button-green, #207F5D);

    font-size: 15px;
    padding: 24px max(var(--hv3-shell-pad, 24px), calc((100% - var(--hv3-max, 1440px)) / 2)) 60px;
    color: #666;
}

#hv3-gh *,
#hv3-gh *::before,
#hv3-gh *::after {
    box-sizing: border-box;
}

#hv3-gh button:focus,
#hv3-gh button:focus-visible,
#hv3-gh input:focus,
#hv3-gh label:focus,
#hv3-gh [role="button"]:focus {
    outline: none;
}

#hv3-gh sup {
    font-size: .7em;
    line-height: 0;
    text-decoration: underline;
    text-underline-offset: 1px;
    margin-left: 1px;
}

#hv3-gh .hv3-gh__chev {
    flex: none;
    width: 12px;
    height: 12px;
    display: block;
}

@keyframes hv3-gh-skeleton-shimmer {
    from { transform: translateX(-100%); }
    to   { transform: translateX(100%); }
}

@keyframes hv3-gh-content-in {
    from { opacity: 0; transform: translateY(6px); }
    to   { opacity: 1; transform: translateY(0); }
}

#hv3-gh .hv3-gh__skeleton {
    display: flex;
    align-items: flex-start;
    gap: 24px;
}

#hv3-gh:not(.is-loading) .hv3-gh__skeleton { display: none; }
#hv3-gh.is-loading .hv3-gh__grid { display: none; }
#hv3-gh:not(.is-loading) .hv3-gh__grid {
    animation: hv3-gh-content-in .24s ease-out both;
}

#hv3-gh .hv3-gh__skeleton-main {
    flex: 1 1 0;
    min-width: 0;
}

#hv3-gh .hv3-gh__skeleton-side {
    flex: 0 0 380px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

#hv3-gh .hv3-gh__skel-card {
    border-radius: 10px;
    background: #F5F7FA;
}

#hv3-gh .hv3-gh__skel-address {
    padding: 16px 20px;
    margin-bottom: 30px;
    border: 1px solid #E7EAEE;
}

#hv3-gh .hv3-gh__skel-block {
    position: relative;
    display: block;
    height: 12px;
    border-radius: 999px;
    overflow: hidden;
    background: #E7EAEE;
}

#hv3-gh .hv3-gh__skel-block::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .75), transparent);
    animation: hv3-gh-skeleton-shimmer 1.05s ease-in-out infinite;
}

#hv3-gh .hv3-gh__skel-block--address-title { width: 180px; margin-bottom: 11px; }
#hv3-gh .hv3-gh__skel-block--address-text { width: min(72%, 520px); height: 10px; }

#hv3-gh .hv3-gh__skel-head {
    display: grid;
    grid-template-columns: 1fr 90px 110px;
    gap: 24px;
    align-items: center;
    padding: 0 16px 14px 0;
}
#hv3-gh .hv3-gh__skel-head .hv3-gh__skel-block { width: 94px; height: 10px; }
#hv3-gh .hv3-gh__skel-head .hv3-gh__skel-block:first-child { width: 150px; }

#hv3-gh .hv3-gh__skel-line {
    display: flex;
    align-items: center;
    gap: 14px;
    min-height: 122px;
    padding: 16px;
}
#hv3-gh .hv3-gh__skel-line + .hv3-gh__skel-line { margin-top: 15px; }
#hv3-gh .hv3-gh__skel-image { flex: 0 0 90px; height: 90px; border-radius: 8px; }
#hv3-gh .hv3-gh__skel-copy { flex: 1 1 0; min-width: 0; }
#hv3-gh .hv3-gh__skel-copy .hv3-gh__skel-block + .hv3-gh__skel-block { margin-top: 9px; }
#hv3-gh .hv3-gh__skel-block--title { width: min(84%, 330px); }
#hv3-gh .hv3-gh__skel-block--short { width: 72px; height: 9px; }
#hv3-gh .hv3-gh__skel-block--medium { width: min(58%, 220px); height: 9px; }
#hv3-gh .hv3-gh__skel-block--cell { flex: 0 0 76px; height: 10px; }

#hv3-gh .hv3-gh__skel-side-section {
    padding-bottom: 14px;
    border-bottom: 1px solid #E7EAEE;
}
#hv3-gh .hv3-gh__skel-block--side-title { width: 62%; margin-bottom: 10px; }
#hv3-gh .hv3-gh__skel-block--ship { height: 64px; border-radius: 8px; }
#hv3-gh .hv3-gh__skel-block--row { width: 100%; height: 11px; margin-top: 14px; }
#hv3-gh .hv3-gh__skel-side-section--totals { display: grid; gap: 12px; border: 0; }
#hv3-gh .hv3-gh__skel-side-section--totals .hv3-gh__skel-block { width: 100%; height: 10px; }
#hv3-gh .hv3-gh__skel-side-section--totals .hv3-gh__skel-block--button {
    height: 45px;
    margin-top: 0;
    border-radius: 999px;
}

#hv3-gh .hv3-gh__grid {
    display: flex;
    align-items: flex-start;
    gap: 24px;
}
#hv3-gh .hv3-gh__grid[hidden] {
    display: none;
}

#hv3-gh .hv3-gh__main {
    flex: 1 1 0;
    min-width: 0;
}

#hv3-gh .hv3-gh__side {
    flex: 0 0 380px;
    display: flex;
    flex-direction: column;

    gap: 14px;
}

#hv3-gh .hv3-gh__address {
    padding: 18px 18px;
    margin-bottom: 22px;
    border-radius: 10px;
    background: #F2FAF6 url('../img/gh-address-board.png') center / cover no-repeat;
}

#hv3-gh .hv3-gh__address-main {
    display: flex;
    align-items: center;
    gap: 12px;
}
#hv3-gh .hv3-gh__address-body {
    flex: 1 1 0;
    min-width: 0;
}

#hv3-gh .hv3-gh__address-top {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 4px;
}

#hv3-gh .hv3-gh__address-ico {
    flex: none;
    width: 17px;
    height: 17px;
    color: var(--hv3-green-500, var(--hv3-button-green, #207F5D));
}
#hv3-gh .hv3-gh__address-ico svg { width: 100%; height: 100%; }

#hv3-gh .hv3-gh__address-label {
    flex: none;
    font-size: 15px;
    line-height: 1.25;

    font-family: 'Arial Web Head', var(--hv3-font);
    font-weight: 700;
    color: #666;
}

#hv3-gh .hv3-gh__address-change {
    flex: none;
    display: inline-flex;
    align-items: center;
    gap: 3px;
    margin-left: auto;
    border: 0;
    background: none;
    padding: 0;
    font-size: 13px;
    font-weight: 600;
    color: var(--hv3-green-500, var(--hv3-button-green, #207F5D));
    cursor: pointer;
}
#hv3-gh .hv3-gh__address-change:hover { text-decoration: underline; }

#hv3-gh .hv3-gh__address-row {
    display: block;

    padding-left: 24px;
}

#hv3-gh .hv3-gh__address-text {
    flex: 1 1 0;
    min-width: 0;
    font-size: 14px;
    line-height: 1.4;
}

#hv3-gh .hv3-gh__address-text b {
    color: #666;
    font-family: 'Arial Web Head', var(--hv3-font);
    font-weight: 700;
}
#hv3-gh .hv3-gh__address-link {
    border: 0;
    background: none;
    padding: 0;
    color: var(--hv3-green-500, var(--hv3-button-green, #207F5D));
    font-weight: 600;
    cursor: pointer;
}
#hv3-gh .hv3-gh__address-link:hover { text-decoration: underline; }

#hv3-gh .hv3-gh__address-tag {
    flex: none;
    padding: 1px 7px;
    border: 1px solid #E9C75B;
    border-radius: 999px;
    background: rgba(255, 250, 230, .9);
    color: #916B13;
    font-size: 10px;
    font-weight: 500;
    line-height: 1.55;
}
#hv3-gh .hv3-gh__address-tag[hidden] { display: none; }

#hv3-gh .hv3-gh__address-modal {
    position: fixed;
    inset: 0;
    z-index: var(--hv3-modal-z, 1080);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: var(--hv3-modal-scrim, rgba(16, 24, 40, .45));
    animation: hv3-gh-overlay-in .16s ease-out both;
}
#hv3-gh .hv3-gh__address-modal[hidden] { display: none; }

#hv3-gh .hv3-gh__address-modal-box {
    position: relative;
    display: flex;
    flex-direction: column;
    width: min(100%, 570px);
    max-height: calc(100vh - 32px);
    overflow: hidden;
    border: 1px solid #DCEFE5;
    border-radius: 20px;
    background: linear-gradient(180deg, #E4F7EC 0%, #FFFFFF 36%);
    box-shadow: 0 28px 64px -22px rgba(16, 76, 55, .38),
                0 2px 6px -2px rgba(16, 76, 55, .10);
    animation: hv3-gh-box-in var(--hv3-modal-dur, .34s) var(--hv3-modal-ease, cubic-bezier(.16, 1, .3, 1)) both;
}
#hv3-gh .hv3-gh__address-modal.is-closing { animation: hv3-gh-overlay-out .14s ease-in both; }
#hv3-gh .hv3-gh__address-modal.is-closing .hv3-gh__address-modal-box { animation: hv3-gh-box-out .14s ease-in both; }

#hv3-gh .hv3-gh__address-modal-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding: 16px 20px 14px;
    border-bottom: 1px solid rgba(32, 127, 93, .14);
}
#hv3-gh .hv3-gh__address-modal-title-wrap {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}
#hv3-gh .hv3-gh__address-modal-ico {
    display: inline-flex;
    flex: none;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: transparent;
    color: var(--hv3-green-500, #207F5D);
}
#hv3-gh .hv3-gh__address-modal-ico svg { width: 20px; height: 20px; }
#hv3-gh .hv3-gh__address-modal-head h3 {
    margin: 0;
    color: var(--hv3-green-500, #207F5D);
    font-family: 'Arial Web Head', var(--hv3-font);
    font-size: 21px;
    font-weight: 700;
    line-height: 1.2;
}
#hv3-gh .hv3-gh__address-modal-head p {
    margin: 3px 0 0;
    color: #708078;
    font-size: 12px;
}
#hv3-gh .hv3-gh__address-modal-x {
    display: inline-flex;
    flex: none;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, .72);
    color: #7D8984;
    font-size: 23px;
    line-height: 1;
    cursor: pointer;
}
#hv3-gh .hv3-gh__address-modal-x:hover { color: var(--hv3-green-500, #207F5D); background: #fff; }

#hv3-gh .hv3-gh__address-modal-body {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    padding: 14px 20px 18px;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    scrollbar-color: #B8CFC3 transparent;
}
#hv3-gh .hv3-gh__address-ai {
    margin-bottom: 14px;
    padding: 10px;
    border: 1px solid #C7E8D6;
    border-radius: 10px;
    background: rgba(255, 255, 255, .78);
}
#hv3-gh .hv3-gh__address-ai-head {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 7px;
}
#hv3-gh .hv3-gh__address-ai-icon {
    display: flex !important;
    flex: none;
    align-self: center;
    align-items: center;
    justify-content: center;
    width: 23px;
    height: 23px;
    border-radius: 7px;
    background: #E3F5EB;
    color: var(--hv3-green-500, #207F5D);
    box-sizing: border-box;
    font-size: 18px;
    line-height: 1;
    text-align: center;
}
#hv3-gh .hv3-gh__address-ai-head strong,
#hv3-gh .hv3-gh__address-ai-head span { display: block; }
#hv3-gh .hv3-gh__address-ai-head strong {
    color: #315E4B;
    font-family: 'Arial Web Head', var(--hv3-font);
    font-size: 15px;
    font-weight: 700;
}
#hv3-gh .hv3-gh__address-ai-head div > span { margin-top: 2px; color: #7A8781; font-size: 12px; }
#hv3-gh .hv3-gh__address-ai-row { display: flex; align-items: stretch; gap: 8px; }
#hv3-gh .hv3-gh__address-ai-row textarea {
    flex: 1 1 0;
    min-width: 0;
    min-height: 48px;
    padding: 8px 10px;
    border: 1px solid #D8E7DE;
    border-radius: 9px;
    background: #fff;
    color: #666;
    font: inherit;
    font-size: 12px;
    line-height: 1.4;
    resize: vertical;
}
#hv3-gh .hv3-gh__address-ai-row textarea:focus { outline: none; border-color: var(--hv3-green-500, #207F5D); box-shadow: 0 0 0 3px rgba(32, 127, 93, .10); }
#hv3-gh .hv3-gh__address-ai-fill {
    align-self: stretch;
    flex: none;
    min-width: 96px;
    padding: 0 11px;
    border: 0;
    border-radius: 9px;
    background: var(--hv3-green-500, #207F5D);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    font-family: 'Arial Web Head', var(--hv3-font);
    font-size: 13px;
    line-height: 1.2;
    font-weight: 700;
    cursor: pointer;
}
#hv3-gh .hv3-gh__address-ai-fill > span[aria-hidden="true"] {
    display: inline-block;
    flex: none;
    font-family: Arial, sans-serif;
    font-size: 18px;
    line-height: 1;
    transform: translateY(-1px);
}
#hv3-gh .hv3-gh__address-ai-fill:hover { background: #176A4B; }
#hv3-gh .hv3-gh__address-ai-fill:disabled { opacity: .58; cursor: default; }
#hv3-gh .hv3-gh__address-ai-msg {
    margin: 8px 2px 0;
    color: var(--hv3-green-500, #207F5D);
    font-size: 12px;
    font-weight: 600;
}
#hv3-gh .hv3-gh__address-ai-msg.is-error { color: #B42318; }

#hv3-gh .hv3-gh__address-form {
    display: flex;
    flex-direction: column;
    gap: 11px;
    margin-top: 0;
}
#hv3-gh .hv3-gh__address-field { display: flex; flex-direction: column; gap: 5px; }
#hv3-gh .hv3-gh__address-field > label {
    color: #52645B;
    font-family: 'Arial Web Head', var(--hv3-font);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.25;
}

#hv3-gh .hv3-gh__address-form[hidden],
#hv3-gh .hv3-gh__voucher-form[hidden] {
    display: none;
}
#hv3-gh .hv3-gh__address-form input {
    width: 100%;
    height: 38px;
    padding: 0 12px;
    border: 1px solid #dfe5e2;
    border-radius: 10px;
    background: #fff;
    color: #666;
    font-family: inherit;
    font-size: 14px;
    box-shadow: none;
}
#hv3-gh .hv3-gh__address-form input:focus {
    outline: none;
    border-color: var(--hv3-green-500, var(--hv3-button-green, #207F5D));
}
#hv3-gh .hv3-gh__address-selects {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
}
#hv3-gh .hv3-gh__address-form select {
    width: 100%;
    min-width: 0;
    height: 38px;
    padding: 0 34px 0 11px;
    border: 1px solid #dfe5e2;
    border-radius: 10px;
    background: #fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%23666666' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' d='M1 1.5 6 6.5 11 1.5'/%3E%3C/svg%3E") no-repeat right 14px center;
    color: #666;
    font-family: inherit;
    font-size: 13px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
    box-shadow: none;
}
#hv3-gh .hv3-gh__address-form select:hover {
    border-color: #b7c9c0;
}
#hv3-gh .hv3-gh__address-form select:focus {
    outline: none;
    border-color: var(--hv3-green-500, var(--hv3-button-green, #207F5D));
}

#hv3-gh .hv3-gh-sel { position: relative; min-width: 0; }
#hv3-gh .hv3-gh-sel > select {
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 38px;
    opacity: 0;
    pointer-events: none;
}
#hv3-gh .hv3-gh-sel__btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 7px;
    width: 100%;
    height: 38px;
    padding: 0 10px;
    border: 1px solid #dfe5e2;
    border-radius: 10px;
    background: #fff;
    color: #666;
    font-family: inherit;
    font-size: 13px;
    line-height: 1.3;
    text-align: left;
    cursor: pointer;
}
#hv3-gh .hv3-gh-sel__btn::after {
    content: "";
    flex: none;
    width: 12px;
    height: 8px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%23666666' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' d='M1 1.5 6 6.5 11 1.5'/%3E%3C/svg%3E") no-repeat center / contain;
    transition: transform .15s;
}
#hv3-gh .hv3-gh__address-modal .hv3-gh-sel__btn::after {
    width: 9px;
    height: 6px;
    background-size: 9px 6px;
}
#hv3-gh .hv3-gh-sel.is-open .hv3-gh-sel__btn {
    border-color: var(--hv3-green-500, var(--hv3-button-green, #207F5D));
    box-shadow: 0 0 0 3px rgba(29, 128, 87, .12);
}
#hv3-gh .hv3-gh-sel.is-open .hv3-gh-sel__btn::after { transform: rotate(180deg); }
#hv3-gh .hv3-gh-sel__label {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#hv3-gh .hv3-gh-sel__list {
    display: none;
    position: absolute;
    z-index: 40;
    top: calc(100% + 6px);
    left: 0;
    right: 0;
    max-height: 250px;
    overflow-y: auto;
    padding: 6px;
    border: 1px solid #dfe5e2;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(16, 24, 40, .14);
    scrollbar-width: thin;
    scrollbar-color: #bdc5c1 transparent;
}
#hv3-gh .hv3-gh-sel__list::-webkit-scrollbar { width: 6px; }
#hv3-gh .hv3-gh-sel__list::-webkit-scrollbar-track { background: transparent; }
#hv3-gh .hv3-gh-sel__list::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: #bdc5c1;
}
#hv3-gh .hv3-gh-sel__list::-webkit-scrollbar-thumb:hover { background: #9eaaa4; }
#hv3-gh .hv3-gh-sel.is-open .hv3-gh-sel__list { display: block; }
#hv3-gh .hv3-gh-sel.is-up .hv3-gh-sel__list {
    top: auto;
    bottom: calc(100% + 6px);
}
#hv3-gh .hv3-gh-sel__search-wrap {
    position: sticky;
    z-index: 2;
    top: -6px;
    padding: 6px 4px 7px;
    margin: -6px 0 3px;
    border-bottom: 1px solid #edf0ee;
    background: #fff;
}
#hv3-gh .hv3-gh-sel__search-wrap::before {
    content: "";
    position: absolute;
    z-index: 1;
    left: 16px;
    top: 17px;
    width: 14px;
    height: 14px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='8.5' cy='8.5' r='5.5' fill='none' stroke='%23808a85' stroke-width='1.7'/%3E%3Cpath d='m12.7 12.7 4 4' fill='none' stroke='%23808a85' stroke-width='1.7' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center / contain;
    pointer-events: none;
}
#hv3-gh .hv3-gh-sel__search {
    width: 100%;
    height: 34px !important;
    padding: 0 12px 0 34px !important;
    border: 1px solid #dfe5e2 !important;
    border-radius: 8px !important;
    background: #fafcfb !important;

    font-size: 15px !important;
}
#hv3-gh .hv3-gh-sel__search:focus {
    border-color: var(--hv3-green-500, var(--hv3-button-green, #207F5D)) !important;
    background: #fff !important;
    box-shadow: 0 0 0 3px rgba(29, 128, 87, .1) !important;
}
#hv3-gh .hv3-gh-sel__opt {
    display: block;
    width: 100%;
    padding: 9px 11px;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: #666;
    font-family: inherit;
    line-height: 1.35;
    text-align: left;
    cursor: pointer;
}
#hv3-gh .hv3-gh-sel__opt:hover { background: #f4f8f6; }
#hv3-gh .hv3-gh-sel__opt[hidden] { display: none; }
#hv3-gh .hv3-gh-sel__opt.is-active {
    background: #f0faf5;
    color: var(--hv3-green-500, var(--hv3-button-green, #207F5D));
    font-weight: 700;
}

#hv3-gh .hv3-gh__address-form-acts {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 1px;
}
#hv3-gh .hv3-gh__address-save {
    padding: 7px 16px;
    border: 0;
    border-radius: 999px;
    background: var(--hv3-green-500, var(--hv3-button-green, #207F5D));
    color: #fff;
    font-weight: 700;
    cursor: pointer;
}
#hv3-gh .hv3-gh__address-save:hover { background: #176a48; }

#hv3-gh .hv3-gh__address-cancel {
    padding: 7px 16px;
    border: 1px solid #E7EAEE;
    border-radius: 999px;
    background: #F5F7FA;
    color: #666;
    font-weight: 600;
    cursor: pointer;
}
#hv3-gh .hv3-gh__address-cancel:hover { background: #ECEFF3; color: #666; }

#hv3-gh .hv3-gh__order-head {
    display: grid;

    grid-template-columns: minmax(0, 48%) 22% 22% 8%;
    align-items: center;

    padding: 0 16px 14px;

    font-family: 'Arial Web Head', var(--hv3-font);
    font-weight: 700;
    color: #666;
}

#hv3-gh .hv3-gh__order-count { min-width: 0; margin-left: -16px; }

#hv3-gh .hv3-gh__order-count-n {
    font-family: var(--hv3-font);
    font-weight: 400;
}

#hv3-gh .hv3-gh__col {
    min-width: 0;
    text-align: center;
}

#hv3-gh .hv3-gh__lines {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
#hv3-gh .hv3-gh__lines[hidden] { display: none; }

#hv3-gh .hv3-gh__line {
    display: grid;

    grid-template-columns: minmax(0, 48%) 22% 22% 8%;
    align-items: center;
    padding: 16px 16px;
    border-radius: 10px;
    background: #F5F7FA;
}

@keyframes hv3-gh-line-remove {
    from {
        opacity: 1;
        max-height: var(--hv3-gh-line-height);
        padding-top: 16px;
        padding-bottom: 16px;
        transform: translateX(0) scale(1);
    }
    45% {
        opacity: 0;
        transform: translateX(16px) scale(.985);
    }
    to {
        opacity: 0;
        max-height: 0;
        padding-top: 0;
        padding-bottom: 0;
        transform: translateX(16px) scale(.985);
    }
}

#hv3-gh .hv3-gh__line.is-removing {
    overflow: hidden;
    pointer-events: none;
    transform-origin: center right;
    animation: hv3-gh-line-remove .32s ease-in-out both;
}

#hv3-gh .hv3-gh__line-product {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
    padding-right: 12px;
}

#hv3-gh .hv3-gh__line-media {
    position: relative;
    flex: none;
    height: 100px;
    max-width: 130px;
}

#hv3-gh .hv3-gh__line-number {
    position: absolute;
    top: -6px;
    left: -6px;
    min-width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 5px;
    border-radius: 50%;
    background: var(--hv3-green-500, var(--hv3-button-green, #207F5D));
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    box-shadow: 0 1px 3px rgba(16, 24, 40, .12);
}

#hv3-gh .hv3-gh__line-img {
    display: block;
    width: auto;
    height: 100px;
    max-width: 100%;
    object-fit: contain;
    border-radius: 8px;
}

#hv3-gh .hv3-gh__line-info { flex: 1 1 0; min-width: 0; }

#hv3-gh .hv3-gh__line-head {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 0 0 4px;
}

#hv3-gh .hv3-gh__line-title {
    display: block;
    margin: 0;

    font-family: 'Arial Web Head', var(--hv3-font);
    font-weight: 700;
    line-height: 1.4;
    color: #666;
    text-decoration: none;
}
#hv3-gh .hv3-gh__line-title:hover { text-decoration: underline; }

#hv3-gh .hv3-gh__line-qty {
    margin: 0;
    line-height: 1.55;
}

#hv3-gh .hv3-gh__line-detail {
    list-style: none;
    margin: 8px 0 0;
    padding: 0;
    line-height: 1.6;
}
#hv3-gh .hv3-gh__line-detail li { margin: 3px 0; }

#hv3-gh .hv3-gh__line-toggle {
    flex: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    background: none;
    padding: 0;
    color: #A4A4A5;
    cursor: pointer;
}
#hv3-gh .hv3-gh__line-toggle:hover { color: var(--hv3-green-500, var(--hv3-button-green, #207F5D)); }

#hv3-gh .hv3-gh__line-arrow {
    width: 17px;
    height: 17px;
    transition: transform .2s ease;
}
#hv3-gh .hv3-gh__line-toggle.is-open .hv3-gh__line-arrow { transform: rotate(180deg); }

@media (prefers-reduced-motion: reduce) {
    #hv3-gh .hv3-gh__line-arrow { transition: none; }
}

#hv3-gh .hv3-gh__line-made {
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
#hv3-gh .hv3-gh__line-made-time {
    color: var(--hv3-green-500, var(--hv3-button-green, #207F5D));
    line-height: 1.35;
}
#hv3-gh .hv3-gh__line-made-note {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    margin-top: 1px;
    color: #666;
    line-height: 1.35;
}
#hv3-gh .hv3-gh__line-made-note svg { width: 12px; height: 12px; }

#hv3-gh .hv3-gh__line-price {
    min-width: 0;
    text-align: center;

    font-family: 'Arial Web Head', var(--hv3-font);

    font-size: 17px;
    font-weight: 700;
    color: var(--hv3-green-500, var(--hv3-button-green, #207F5D));
}

#hv3-gh .hv3-gh__line-price.is-giam {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1px;
}
#hv3-gh .hv3-gh__line-price-goc {

    font-family: var(--hv3-font);
    font-size: 13px;
    font-weight: 400;
    color: #A4A4A5;
    text-decoration: line-through;
}
#hv3-gh .hv3-gh__line-price-goc sup { text-decoration: none; }
#hv3-gh .hv3-gh__line-price-moi { color: inherit; }

#hv3-gh .hv3-gh__line-actions {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    white-space: nowrap;
}

#hv3-gh .hv3-gh__line-del {
    flex: none;
    border: 0;
    background: none;
    padding: 0;
    color: #A4A4A5;
    cursor: pointer;
    line-height: 0;
}
#hv3-gh .hv3-gh__line-del svg { width: 18px; height: 18px; display: block; }
#hv3-gh .hv3-gh__line-del:hover { color: #d33; }

#hv3-gh .hv3-gh__empty {
    padding: 40px 16px;
    text-align: center;
    border: 1px solid #ececec;
    border-radius: 10px;
}
#hv3-gh .hv3-gh__empty a {
    color: var(--hv3-green-500, var(--hv3-button-green, #207F5D));
    font-weight: 700;
    text-decoration: none;
}
#hv3-gh .hv3-gh__empty a:hover { text-decoration: underline; }

#hv3-gh .hv3-gh__box {
    padding: 0 0 14px;
    border-bottom: 1px solid #E7EAEE;
}

#hv3-gh .hv3-gh__ship:last-child,
#hv3-gh .hv3-gh__pay:last-child {
    margin-bottom: 0;
}

#hv3-gh .hv3-gh__box-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    font-weight: 700;
    color: #666;
    letter-spacing: .1px;
}
#hv3-gh .hv3-gh__box-head-toggle {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    border: 0;
    background: none;
    padding: 0;
    font-weight: 600;
    color: var(--hv3-green-500, var(--hv3-button-green, #207F5D));
    cursor: pointer;
}
#hv3-gh .hv3-gh__box-head-toggle[hidden] { display: none; }
#hv3-gh .hv3-gh__box-head-toggle:hover { text-decoration: underline; }

#hv3-gh .hv3-gh__delivery-mode {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin: -2px 0 10px;
    color: #666;
}
#hv3-gh .hv3-gh__delivery-mode label {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
}
#hv3-gh .hv3-gh__delivery-mode input {
    accent-color: var(--hv3-green-500, var(--hv3-button-green, #207F5D));
}
#hv3-gh .hv3-gh__pickups {
    display: grid;
    gap: 8px;
    margin: 0 0 10px;
}

#hv3-gh .hv3-gh__pickups[hidden] { display: none; }
#hv3-gh .hv3-gh__pickup {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
    padding: 9px 12px;
    border: 1px solid #dfe5e2;
    border-radius: 8px;
    background: #f7fbf9;
    color: #666;
    text-align: left;
    font: inherit;
    cursor: pointer;
}
#hv3-gh .hv3-gh__pickup.is-active {
    border-color: var(--hv3-green-500, var(--hv3-button-green, #207F5D));
    background: #effaf4;
    color: var(--hv3-green-500, var(--hv3-button-green, #207F5D));
}
#hv3-gh .hv3-gh__pickup a {
    flex: none;
    color: var(--hv3-green-500, var(--hv3-button-green, #207F5D));
    text-decoration: underline;
}
#hv3-gh .hv3-gh__ship-hint {

    margin: -8px 0 10px;
    font-size: 13px;
    line-height: 1.5;
    color: #A4A4A5;
}

#hv3-gh .hv3-gh__ship {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;

    padding: 9px 14px;

    border: 1px solid #DEDEDE;
    border-radius: 5px;
    background: linear-gradient(90deg, #F8F9FB 0%, #F8F9FB 45%, #FFFFFF 92%);
    cursor: pointer;
    overflow: hidden;
}
#hv3-gh .hv3-gh__ship + .hv3-gh__ship { margin-top: 8px; }

#hv3-gh .hv3-gh__ship.is-active {
    border-color: var(--hv3-green-500, var(--hv3-button-green, #207F5D));
    background: #F8FDFA;
}

#hv3-gh .hv3-gh__ship-check {
    position: absolute;
    top: 0;
    right: 0;
    width: 22px;
    height: 19px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    padding: 3px 4px 0 0;
    border-radius: 0 4px 0 100%;
    background: var(--hv3-green-500, var(--hv3-button-green, #207F5D));
    color: #fff;
}
#hv3-gh .hv3-gh__ship-check svg { width: 9px; height: 9px; }

#hv3-gh .hv3-gh__ship:not(.is-active) .hv3-gh__ship-check {
    display: none;
}

#hv3-gh .hv3-gh__ship-info { flex: 1 1 0; min-width: 0; font-family: 'Arial Web Head', var(--hv3-font); font-weight: 700; line-height: 1.5; color: #666; }
#hv3-gh .hv3-gh__ship-info small { display: block; font-family: var(--hv3-font); font-weight: 400; line-height: 1.5; color: #8a8a8a; margin-top: 2px; }
#hv3-gh .hv3-gh__ship b { flex: none; font-weight: 400; color: #8a8a8a; margin-right: 10px; }
#hv3-gh .hv3-gh__ship.is-active .hv3-gh__ship-info small,
#hv3-gh .hv3-gh__ship.is-active b { color: var(--hv3-green-500, var(--hv3-button-green, #207F5D)); }
#hv3-gh .hv3-gh__ship--loading {
    min-height: 62px;
    border-color: #dfe9e4;
    background: #fbfdfc;
    cursor: default;
    pointer-events: none;
}
#hv3-gh .hv3-gh__ship-loading-copy {
    flex: 1 1 auto;
    display: block;
}
#hv3-gh .hv3-gh__ship-loading-copy i,
#hv3-gh .hv3-gh__ship-loading-copy small,
#hv3-gh .hv3-gh__ship-loading-fee {
    display: block;
    height: 10px;
    border-radius: 999px;
    background: linear-gradient(90deg, #edf2ef 20%, #f8faf9 45%, #edf2ef 70%);
    background-size: 240% 100%;
    animation: hv3-gh-ship-shimmer 1.05s ease-in-out infinite;
}
#hv3-gh .hv3-gh__ship-loading-copy i { width: 44%; }
#hv3-gh .hv3-gh__ship-loading-copy small { width: 31%; margin-top: 9px; }
#hv3-gh .hv3-gh__ship-loading-fee { flex: 0 0 54px; width: 54px; }
@keyframes hv3-gh-ship-shimmer {
    to { background-position: -140% 0; }
}
#hv3-gh .hv3-gh__ship-map {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 6px;
    color: inherit;
    vertical-align: -2px;
}
#hv3-gh .hv3-gh__ship-map svg { width: 15px; height: 15px; flex: none; }

#hv3-gh .hv3-gh__row {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    padding: 9px 0;
    border: 0;
    background: none;
    line-height: 1.45;
    color: #666;
    cursor: pointer;
    text-align: left;
}

#hv3-gh .hv3-gh__row-arrow {
    color: #A4A4A5;
    flex: none;
    margin-left: 12px;
    display: flex;
    align-items: center;
}

#hv3-gh .hv3-gh__row-arrow.is-applied {
    color: var(--hv3-green-500, var(--hv3-button-green, #207F5D));
    font-weight: 700;
    line-height: 1.45;
    top: 0;
    gap: 8px;
}
#hv3-gh .hv3-gh__voucher-remove {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: none;
    width: 17px;
    height: 17px;
    padding: 0;
    border: 1px solid #f0c65b;
    border-radius: 50%;
    background: #fff8df;
    color: #9b6d00;
    font: 700 13px/1 Arial, sans-serif;
    transform: translateY(-2px);
    cursor: pointer;
}
#hv3-gh .hv3-gh__voucher-remove:hover {
    background: #FCD328;
    color: #574000;
}

#hv3-gh .hv3-gh__row-main {
    display: flex;
    align-items: center;
    gap: 11px;
    min-width: 0;
}
#hv3-gh .hv3-gh__row-ico {
    flex: none;
    width: 21px;
    height: 21px;
    display: block;
    color: #FCD328;
    overflow: visible;
}
#hv3-gh .hv3-gh__point-ico {
    background: #FCD328;
    -webkit-mask: url('../img/gh-point.svg') center / contain no-repeat;
    mask: url('../img/gh-point.svg') center / contain no-repeat;
}

#hv3-gh .hv3-gh__voucher-form {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding-bottom: 10px;
}
#hv3-gh .hv3-gh__voucher-form input {
    flex: 1 1 0;
    min-width: 0;
    padding: 9px 12px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-family: inherit;
}
#hv3-gh .hv3-gh__voucher-form input:focus {
    outline: none;
    border-color: var(--hv3-green-500, var(--hv3-button-green, #207F5D));
}
#hv3-gh .hv3-gh__voucher-form button {
    flex: none;
    padding: 0 16px;
    border: 0;
    border-radius: 8px;
    background: var(--hv3-green-500, var(--hv3-button-green, #207F5D));
    color: #fff;
    font-weight: 700;
    cursor: pointer;
}
#hv3-gh .hv3-gh__voucher-form button:hover { background: #176a48; }
#hv3-gh .hv3-gh__voucher-form button:disabled {
    opacity: .7;
    cursor: wait;
}
#hv3-gh .hv3-gh__voucher-error {
    flex: 0 0 100%;
    margin: 0;
    padding: 1px 2px 0;
    color: #c44536;
    line-height: 1.45;
}

#hv3-gh .hv3-gh__switch {
    display: inline-block;
    flex: none;
    width: 34px;
    height: 20px;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: #ddd;
    position: relative;
}

#hv3-gh #hv3-gh-diem { cursor: default; }
#hv3-gh #hv3-gh-diem-switch { cursor: pointer; }
#hv3-gh #hv3-gh-diem-switch:disabled { cursor: default; }
#hv3-gh .hv3-gh__switch::after {
    content: '';
    position: absolute;
    top: 2px;
    left: 2px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #fff;
}

#hv3-gh .hv3-gh__pay {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 9px 0;
    line-height: 1.45;
    cursor: pointer;
}
#hv3-gh .hv3-gh__pay + .hv3-gh__pay { border-top: 1px solid #E4E8EC; }
#hv3-gh .hv3-gh__pay.is-active { color: #666; font-weight: 600; }

#hv3-gh .hv3-gh__pay-info {
    flex: 1 1 0;
    min-width: 0;
}
#hv3-gh .hv3-gh__pay-info small {
    display: block;
    margin-top: 2px;
    font-weight: 400;
    line-height: 1.4;
    color: #A4A4A5;
}

#hv3-gh .hv3-gh__pay input {
    -webkit-appearance: none;
    appearance: none;
    flex: none;
    width: 18px;
    height: 18px;
    margin: 0;
    border: 1.5px solid #DEDEDE;
    border-radius: 50%;
    background: #fff;
    position: relative;
    cursor: pointer;
}

#hv3-gh .hv3-gh__pay input::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #DEDEDE;
    transform: translate(-50%, -50%);
}
#hv3-gh .hv3-gh__pay input:checked {
    border-color: var(--hv3-green-500, var(--hv3-button-green, #207F5D));
}
#hv3-gh .hv3-gh__pay input:checked::after {
    background: var(--hv3-green-500, var(--hv3-button-green, #207F5D));
}

#hv3-gh .hv3-gh__totals {
    padding-top: 0;
}

#hv3-gh .hv3-gh__totals-row {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 12px;
    line-height: 1.5;
    padding: 4px 0;
}
#hv3-gh .hv3-gh__totals-row[hidden] {
    display: none;
}

#hv3-gh .hv3-gh__totals-row #hv3-gh-discount,
#hv3-gh .hv3-gh__totals-row #hv3-gh-vat,
#hv3-gh .hv3-gh__totals-row #hv3-gh-shipfee {
    color: var(--hv3-green-500, var(--hv3-button-green, #207F5D));
}

#hv3-gh .hv3-gh__totals-row--total {

    margin-top: 10px;
    padding-top: 14px;
    border-top: 1px solid #E4E8EC;
    font-size: 15px;
    font-weight: 700;
    color: #666;
}
#hv3-gh .hv3-gh__totals-row--total span:last-child {

    font-family: 'Arial Web Head', var(--hv3-font);
    font-size: 18px;
    font-weight: 700;
    color: var(--hv3-green-500, var(--hv3-button-green, #207F5D));
}

#hv3-gh .hv3-gh__totals-note {
    margin: 0;
    font-size: 13px;
    font-style: italic;
    line-height: 1.5;
    color: #A4A4A5;
}

#hv3-gh .hv3-gh__submit {
    width: 100%;

    margin-top: 0;
    padding: 12px;
    border: 0;
    border-radius: 999px;
    background: var(--hv3-button-green, #207F5D);
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: .04em;
    cursor: pointer;
}
#hv3-gh .hv3-gh__submit:hover { background: #176a48; }

#hv3-gh .hv3-gh__submit.is-loading {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    cursor: wait;
    opacity: .85;
}
#hv3-gh .hv3-gh__submit.is-loading::before {
    content: '';
    width: 15px;
    height: 15px;
    border: 2px solid rgba(255, 255, 255, .42);
    border-top-color: #fff;
    border-radius: 50%;
    animation: hv3-gh-submit-spin .65s linear infinite;
}
@keyframes hv3-gh-submit-spin {
    to { transform: rotate(360deg); }
}

#hv3-gh .hv3-gh__submit.is-disabled {
    opacity: .45;
    cursor: not-allowed;
    pointer-events: none;
}

#hv3-gh .hv3-gh__success {
    max-width: 480px;
    margin: 60px auto;
    text-align: center;
}
#hv3-gh .hv3-gh__success-ico {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: #f2faf5;
    color: var(--hv3-green-500, var(--hv3-button-green, #207F5D));
    margin-bottom: 16px;
}
#hv3-gh .hv3-gh__success-ico svg { width: 32px; height: 32px; }
#hv3-gh .hv3-gh__success h2 {
    margin: 0 0 8px;
    font-size: 20px;
    font-weight: 700;
    color: #666;
}
#hv3-gh .hv3-gh__success p { margin: 0 0 6px; }
#hv3-gh .hv3-gh__success-note {
    color: #666;
    font-style: italic;
}
#hv3-gh .hv3-gh__success-back {
    display: inline-block;
    margin-top: 20px;
    padding: 12px 28px;
    border-radius: 999px;
    background: var(--hv3-green-500, var(--hv3-button-green, #207F5D));
    color: #fff;
    font-weight: 700;
    text-decoration: none;
}
#hv3-gh .hv3-gh__success-back:hover { background: #176a48; }

#hv3-gh .hv3-gh__confirm {
    position: fixed;
    inset: 0;

    z-index: var(--hv3-modal-z, 1080);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: var(--hv3-modal-scrim, rgba(16, 24, 40, .45));
}

#hv3-gh .hv3-gh__confirm[hidden] { display: none; }

#hv3-gh .hv3-gh__confirm-box {
    position: relative;
    width: 100%;
    max-width: 380px;
    padding: 24px;
    border: 1px solid var(--hv3-modal-border, #DCEFE5);
    border-radius: var(--hv3-modal-radius, 20px);
    background: var(--hv3-modal-bg, linear-gradient(180deg, #E4F7EC 0%, #FFFFFF 52%));
    text-align: center;
    box-shadow: var(--hv3-modal-shadow,
                0 28px 64px -22px rgba(16, 76, 55, .38),
                0 2px 6px -2px rgba(16, 76, 55, .10));
}

#hv3-gh .hv3-gh__confirm.is-notice .hv3-gh__confirm-box {
    border: 1px solid #D7EEE3;
    background: linear-gradient(180deg, #FFFFFF 0%, #F7FCF9 100%);
    box-shadow: 0 20px 48px -12px rgba(20, 117, 82, .24);
}
#hv3-gh .hv3-gh__confirm.is-notice .hv3-gh__confirm-box::before {
    content: 'i';
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    margin: 0 auto 12px;
    border: 1px solid #A9D8C3;
    border-radius: 50%;
    background: #E8F7EF;
    color: var(--hv3-button-green, #207F5D);
    font-family: Georgia, serif;
    font-size: 23px;
    font-weight: 700;
    line-height: 1;
}

#hv3-gh .hv3-gh__confirm.is-success .hv3-gh__confirm-box::before {
    content: '';
    width: 132px;
    height: 132px;
    margin: 0 auto 10px;
    border: 0;
    border-radius: 0;

    background: url('../img/gh-success-mascot.png') no-repeat center / 118px auto;
    box-shadow: none;
}

#hv3-gh .hv3-gh__confirm.is-success .hv3-gh__confirm-box {

    max-width: 468px;
    padding: 30px 40px 26px;
    border: 1px solid var(--hv3-modal-border, #DCEFE5);
    border-radius: var(--hv3-modal-radius, 20px);

    background: linear-gradient(180deg, #E4F7EC 0%, #FFFFFF 100%);

    box-shadow: 0 28px 64px -22px rgba(16, 76, 55, .38),
                0 2px 6px -2px rgba(16, 76, 55, .10);
}

#hv3-gh .hv3-gh__confirm.is-success .hv3-gh__confirm-title {
    margin-bottom: 8px;
    color: var(--hv3-button-green, #207F5D);

    font-family: 'Arial Web Head', var(--hv3-font);
    font-weight: 700;
    font-size: 20px;
    line-height: 1.3;
    letter-spacing: -.01em;
}

@keyframes hv3-gh-overlay-in { from { opacity: 0; } to { opacity: 1; } }

@keyframes hv3-gh-box-in {
    from { opacity: 0; transform: translateY(var(--hv3-modal-rise, 22px)); }
    to   { opacity: 1; transform: translateY(0); }
}
@keyframes hv3-gh-overlay-out { from { opacity: 1; } to { opacity: 0; } }
@keyframes hv3-gh-box-out {
    from { opacity: 1; transform: translateY(0) scale(1); }
    to   { opacity: 0; transform: translateY(6px) scale(.97); }
}

#hv3-gh .hv3-gh__confirm { animation: hv3-gh-overlay-in .16s ease-out both; }
#hv3-gh .hv3-gh__confirm-box {
    animation: hv3-gh-box-in var(--hv3-modal-dur, .34s) var(--hv3-modal-ease, cubic-bezier(.16, 1, .3, 1)) both;
}
#hv3-gh .hv3-gh__confirm.is-closing { animation: hv3-gh-overlay-out .14s ease-in both; }
#hv3-gh .hv3-gh__confirm.is-closing .hv3-gh__confirm-box { animation: hv3-gh-box-out .14s ease-in both; }

@media (prefers-reduced-motion: reduce) {
    #hv3-gh .hv3-gh__skel-block::after,
    #hv3-gh:not(.is-loading) .hv3-gh__grid,
    #hv3-gh .hv3-gh__line.is-removing,
    #hv3-gh .hv3-gh__confirm,
    #hv3-gh .hv3-gh__confirm-box,
    #hv3-gh .hv3-gh__confirm.is-closing,
    #hv3-gh .hv3-gh__confirm.is-closing .hv3-gh__confirm-box {
        animation: none;
    }
}

#hv3-gh .hv3-gh__confirm-title {
    margin: 0 0 8px;
    font-size: 16px;

    font-family: 'Arial Web Head', var(--hv3-font);
    font-weight: 700;
    color: #666;
}
#hv3-gh .hv3-gh__confirm.is-notice .hv3-gh__confirm-title {
    color: var(--hv3-button-green, #207F5D);
}

#hv3-gh .hv3-gh__confirm-msg {
    margin: 0 0 20px;
    line-height: 1.5;
    color: #666;
}

#hv3-gh .hv3-gh__confirm.is-success .hv3-gh__confirm-msg {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1px;
    margin-bottom: 18px;
    line-height: 1.5;
}

#hv3-gh .hv3-gh__confirm.is-success .hv3-gh__success-desc {
    max-width: none;
    color: #666;

}

#hv3-gh .hv3-gh__confirm.is-success .hv3-gh__success-desc b {
    color: var(--hv3-button-green, #207F5D);
    font-weight: 700;
}

#hv3-gh .hv3-gh__success-order-label {
    margin-bottom: 3px;
    color: #666;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
}

#hv3-gh .hv3-gh__success-order {
    margin-bottom: 10px;
    color: var(--hv3-button-green, #207F5D);
    font-size: 22px;
    line-height: 1.2;
    letter-spacing: .02em;
}

#hv3-gh .hv3-gh__success-desc {
    max-width: 310px;
    color: #666;
}

#hv3-gh .hv3-gh__confirm-acts {
    display: flex;
    gap: 10px;
}

#hv3-gh .hv3-gh__confirm-cancel,
#hv3-gh .hv3-gh__confirm-link,
#hv3-gh .hv3-gh__confirm-ok {
    flex: 1 1 0;
    padding: 10px 16px;
    border-radius: 999px;
    font-weight: 700;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
}

#hv3-gh .hv3-gh__confirm-link {
    border: 0;
    background: var(--hv3-button-green, #207F5D);
    color: #fff;
    outline: 0;
    box-shadow: none;
}
#hv3-gh .hv3-gh__confirm-link:hover { background: #0f6244; color: #fff; }
#hv3-gh .hv3-gh__confirm-link:focus { color: #fff; outline: 0; box-shadow: none; }
#hv3-gh .hv3-gh__confirm-link:focus-visible { box-shadow: 0 0 0 3px rgba(20, 117, 82, .18); }
#hv3-gh .hv3-gh__confirm-link[hidden] { display: none; }

#hv3-gh .hv3-gh__confirm-cancel {
    border: 1px solid #E7EAEE;
    background: #fff;
    color: #666;
}
#hv3-gh .hv3-gh__confirm-cancel:hover { background: #F5F7FA; }

#hv3-gh .hv3-gh__confirm.is-notice .hv3-gh__confirm-cancel {
    border-color: #B9DDCC;
    background: #EAF8F0;
    color: var(--hv3-button-green, #207F5D);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .6);
}
#hv3-gh .hv3-gh__confirm.is-notice .hv3-gh__confirm-cancel:hover {
    background: #DDF2E7;
}

#hv3-gh .hv3-gh__confirm.is-success .hv3-gh__confirm-acts {
    justify-content: center;
    gap: 12px;
}

#hv3-gh .hv3-gh__confirm.is-success .hv3-gh__confirm-cancel,
#hv3-gh .hv3-gh__confirm.is-success .hv3-gh__confirm-link {
    flex: 1 1 auto;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 18px;
    white-space: nowrap;
    line-height: 20px;
}

#hv3-gh .hv3-gh__confirm.is-success .hv3-gh__confirm-cancel,
#hv3-gh .hv3-gh__confirm.is-success .hv3-gh__confirm-link {
    min-height: 44px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

#hv3-gh .hv3-gh__confirm.is-success .hv3-gh__confirm-cancel {
    flex: 0 0 108px;
    border: 0;
    background: #ECEFEE;
    color: #666;
    box-shadow: none;
    transition: background .16s ease, color .16s ease;
}
#hv3-gh .hv3-gh__confirm.is-success .hv3-gh__confirm-cancel:hover {
    background: #E1E6E4;
    color: #666;
}
#hv3-gh .hv3-gh__confirm.is-success .hv3-gh__confirm-cancel:active {
    background: #D7DEDB;
}

#hv3-gh .hv3-gh__confirm.is-success .hv3-gh__confirm-link {
    flex: 0 0 auto;
    min-width: 146px;
    background: var(--hv3-button-green, #207F5D);
    box-shadow: 0 6px 16px -7px rgba(29, 128, 87, .75);
    transition: background .16s ease, box-shadow .16s ease, transform .12s ease;
}
#hv3-gh .hv3-gh__confirm.is-success .hv3-gh__confirm-link:hover {
    background: #176A48;
    box-shadow: 0 9px 20px -7px rgba(29, 128, 87, .8);
}
#hv3-gh .hv3-gh__confirm.is-success .hv3-gh__confirm-link:active {
    transform: translateY(1px);
    box-shadow: 0 4px 12px -7px rgba(29, 128, 87, .75);
}
@media (prefers-reduced-motion: reduce) {
    #hv3-gh .hv3-gh__confirm.is-success .hv3-gh__confirm-cancel,
    #hv3-gh .hv3-gh__confirm.is-success .hv3-gh__confirm-link {
        transition: none;
    }
    #hv3-gh .hv3-gh__confirm.is-success .hv3-gh__confirm-link:active {
        transform: none;
    }
}

#hv3-gh .hv3-gh__confirm.is-success .hv3-gh__confirm-link[hidden] {
    display: none;
}

@media (max-width: 480px) {
    #hv3-gh .hv3-gh__confirm.is-success .hv3-gh__confirm-box {
        padding: 24px 18px 20px;
    }
    #hv3-gh .hv3-gh__confirm.is-success .hv3-gh__confirm-acts {
        flex-direction: column-reverse;
    }
    #hv3-gh .hv3-gh__confirm.is-success .hv3-gh__confirm-cancel,
    #hv3-gh .hv3-gh__confirm.is-success .hv3-gh__confirm-link {
        flex: 0 0 auto;

        min-width: 0;
        width: 100%;
    }
}

#hv3-gh .hv3-gh__confirm-ok {
    border: 0;
    background: #D93A3A;
    color: #fff;
}
#hv3-gh .hv3-gh__confirm-ok:hover { background: #B92F2F; }

@media (max-width: 900px) {
    #hv3-gh .hv3-gh__skeleton {
        flex-direction: column;
    }
    #hv3-gh .hv3-gh__skeleton-side {
        flex: none;
        width: 100%;
    }
    #hv3-gh .hv3-gh__skel-block--cell { display: none; }
    #hv3-gh .hv3-gh__grid {
        flex-direction: column;
    }
    #hv3-gh .hv3-gh__side {
        flex: none;
        width: 100%;
    }
    #hv3-gh .hv3-gh__order-head .hv3-gh__col {
        display: none;
    }
    #hv3-gh .hv3-gh__line {
        display: flex;
        flex-wrap: wrap;

        gap: 6px 14px;
    }
    #hv3-gh .hv3-gh__line-product { flex: 1 1 100%; padding-right: 0; }
    #hv3-gh .hv3-gh__line-made,
    #hv3-gh .hv3-gh__line-price,
    #hv3-gh .hv3-gh__line-actions {
        width: auto;
    }
}

#hv3-gh ~ .hv3-toast,
.hv3-toast {
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 1100;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 12px 22px;
    border-radius: 999px;
    background: rgba(20, 22, 26, .92);
    color: #fff;
    font-weight: 600;
    box-shadow: 0 12px 28px -8px rgba(16, 24, 40, .35);
    opacity: 0;

    pointer-events: none;
    transform: translateY(10px);
    transition: opacity .2s ease, transform .2s ease;
}

.hv3-toast.is-on {
    opacity: 1;
    transform: translateY(0);
}

.hv3-toast__msg { white-space: nowrap; }

@media (max-width: 480px) {
    .hv3-toast {
        right: 16px;
        left: 16px;
        bottom: 16px;
        justify-content: center;
        text-align: center;
    }
    .hv3-toast__msg { white-space: normal; }
}

@media (prefers-reduced-motion: reduce) {
    .hv3-toast { transition: none; transform: none; }
}

#hv3-gh .hv3-gh__confirm-x {
    position: absolute;
    top: 10px;
    right: 12px;
    display: flex;
    align-items: center;
    justify-content: center;

    width: var(--hv3-modal-x-size, 26px);
    height: var(--hv3-modal-x-size, 26px);
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: var(--hv3-modal-x-bg, #fff);

    opacity: var(--hv3-modal-x-opacity, .8);
    color: var(--hv3-modal-x-color, #A4A4A5);

    font-size: 20px;
    line-height: 1;
    cursor: pointer;
    transition: opacity .15s, color .15s;
}

#hv3-gh .hv3-gh__confirm-x:hover {
    opacity: 1;
    color: var(--hv3-modal-x-color-hover, var(--hv3-button-green, #207F5D));
}

#hv3-gh .hv3-gh__vc {
    position: fixed;
    inset: 0;
    z-index: var(--hv3-modal-z, 1080);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: var(--hv3-modal-scrim, rgba(16, 24, 40, .45));
    animation: hv3-gh-overlay-in .16s ease-out both;
}
#hv3-gh .hv3-gh__vc[hidden] { display: none; }
#hv3-gh .hv3-gh__vc.is-closing { animation: hv3-gh-overlay-out .14s ease-in both; }

#hv3-gh .hv3-gh__vc-box {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;

    max-width: 560px;

    max-height: calc(100vh - 8px);
    padding: 16px 24px 14px;
    border: 1px solid var(--hv3-modal-border, #DCEFE5);
    border-radius: var(--hv3-modal-radius, 20px);
    background: var(--hv3-modal-bg, linear-gradient(180deg, #E4F7EC 0%, #FFFFFF 52%));
    box-shadow: var(--hv3-modal-shadow,
                0 28px 64px -22px rgba(16, 76, 55, .38),
                0 2px 6px -2px rgba(16, 76, 55, .10));
    animation: hv3-gh-box-in var(--hv3-modal-dur, .34s) var(--hv3-modal-ease, cubic-bezier(.16, 1, .3, 1)) both;
}
#hv3-gh .hv3-gh__vc.is-closing .hv3-gh__vc-box { animation: hv3-gh-box-out .14s ease-in both; }

#hv3-gh .hv3-gh__vc-title {
    margin: 0 0 10px;

    font-size: 20px;
    line-height: 1.2;

    font-family: 'Arial Web Head', var(--hv3-font);
    font-weight: 700;
    color: var(--hv3-green-500, var(--hv3-button-green, #207F5D));
}

#hv3-gh .hv3-gh__vc-form {
    display: flex;
    gap: 10px;
}
#hv3-gh .hv3-gh__vc-form input {
    flex: 1 1 auto;
    min-width: 0;

    height: 42px;
    padding: 0 14px;
    font-size: 14px;
    border: 1px solid #DCEFE5;
    border-radius: 10px;
    background: #fff;
    color: #666;
}
#hv3-gh .hv3-gh__vc-form input:focus {
    border-color: var(--hv3-green-500, var(--hv3-button-green, #207F5D));
    outline: 0;
}
#hv3-gh .hv3-gh__vc-form button {
    flex: none;
    min-width: 92px;
    height: 42px;
    padding: 0 18px;
    font-size: 14px;
    border: 0;
    border-radius: 10px;
    background: var(--hv3-green-500, var(--hv3-button-green, #207F5D));
    color: #fff;

    font-family: var(--hv3-font);
    font-weight: 400;
    cursor: pointer;
}
#hv3-gh .hv3-gh__vc-form button:hover { background: #176a48; }
#hv3-gh .hv3-gh__vc-form button:disabled { opacity: .6; cursor: default; }

#hv3-gh .hv3-gh__vc-error {
    margin: 7px 0 0;
    color: #C0392B;
    font-size: 13px;
}
#hv3-gh .hv3-gh__vc-error[hidden] { display: none; }

#hv3-gh .hv3-gh__vc-head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    margin: 12px 0 8px;
}
#hv3-gh .hv3-gh__vc-head-title {
    color: var(--hv3-green-500, var(--hv3-button-green, #207F5D));
    font-family: 'Arial Web Head', var(--hv3-font);
    font-weight: 700;
    font-size: 15px;
}
#hv3-gh .hv3-gh__vc-head-note {
    color: #666;
    font-size: 13px;
}
#hv3-gh .hv3-gh__vc-head-tools {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    min-width: 0;
}
#hv3-gh .hv3-gh__vc-all {
    flex: none;
    color: var(--hv3-green-500, var(--hv3-button-green, #207F5D));
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
}
#hv3-gh .hv3-gh__vc-all:hover,
#hv3-gh .hv3-gh__vc-all:focus-visible { text-decoration: none; }

#hv3-gh .hv3-gh__vc-list {

    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    gap: 8px;

    max-height: calc(90px * 4 + 8px * 3 + 4px);
    overflow-y: auto;
    overflow-x: hidden;
    margin: 0 -12px;

    padding: 2px 12px;

    scrollbar-width: thin;
    scrollbar-color: transparent transparent;
}
#hv3-gh .hv3-gh__vc-list:hover,
#hv3-gh .hv3-gh__vc-list:focus-within { scrollbar-color: #C3CFC9 transparent; }

#hv3-gh .hv3-gh__vc-list::-webkit-scrollbar { width: 6px; height: 0; }
#hv3-gh .hv3-gh__vc-list::-webkit-scrollbar-track { background: transparent; }
#hv3-gh .hv3-gh__vc-list::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: transparent;
    transition: background-color .15s;
}
#hv3-gh .hv3-gh__vc-list:hover::-webkit-scrollbar-thumb,
#hv3-gh .hv3-gh__vc-list:focus-within::-webkit-scrollbar-thumb { background: #C3CFC9; }
@media (prefers-reduced-motion: reduce) {
    #hv3-gh .hv3-gh__vc-list::-webkit-scrollbar-thumb { transition: none; }
}
#hv3-gh .hv3-gh__vc-item {

    --vc-line: 104px;
    --vc-khoet: 8px;
    --vc-notch-bg: #fff;

    --vc-vien: #E7EAEE;

    position: relative;

    margin: 0;

    flex: none;
    display: flex;
    align-items: center;

    gap: 42px;
    min-height: 90px;
    padding: 5px;
    border: 1px solid var(--vc-vien);
    border-radius: 12px;
    background: #fff;
    cursor: pointer;
    transition: border-color .15s, background-color .15s;

}

#hv3-gh .hv3-gh__vc-item::before {
    content: '';
    position: absolute;
    left: var(--vc-line);
    top: var(--vc-khoet);
    bottom: var(--vc-khoet);
    width: 0;
    border-left: 1px dashed #BFE3D2;
    transform: translateX(-0.5px);
}

#hv3-gh .hv3-gh__vc-item::after {
    content: '';
    position: absolute;
    inset: -1px;
    pointer-events: none;
    background-image:
        radial-gradient(circle at var(--vc-line) 0,
            var(--vc-notch-bg) calc(var(--vc-khoet) - 0.5px),
            var(--vc-vien) var(--vc-khoet),
            var(--vc-vien) calc(var(--vc-khoet) + 1px),
            transparent calc(var(--vc-khoet) + 1px)),
        radial-gradient(circle at var(--vc-line) 100%,
            var(--vc-notch-bg) calc(var(--vc-khoet) - 0.5px),
            var(--vc-vien) var(--vc-khoet),
            var(--vc-vien) calc(var(--vc-khoet) + 1px),
            transparent calc(var(--vc-khoet) + 1px));
}
#hv3-gh .hv3-gh__vc-item:hover { --vc-vien: #BFE3D2; }
#hv3-gh .hv3-gh__vc-item.is-chon {

    --vc-vien: var(--hv3-green-500, var(--hv3-button-green, #207F5D));
    --vc-notch-bg: #F6FCF9;
    background: #F6FCF9;
}

#hv3-gh .hv3-gh__vc-item.is-tat {
    opacity: .5;
    cursor: default;
}

#hv3-gh .hv3-gh__vc-item.is-ngoai-vi {
    opacity: .42;
    cursor: pointer;
    filter: saturate(.72);
}

#hv3-gh .hv3-gh__vc-item.is-ngoai-vi:hover,
#hv3-gh .hv3-gh__vc-item.is-ngoai-vi:focus-within {
    opacity: 1;
    filter: none;
}

#hv3-gh .hv3-gh__vc-lay {
    position: absolute;

    inset: -1px;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border-radius: 12px;

    -webkit-mask:
        radial-gradient(circle at var(--vc-line) 0,
            transparent var(--vc-khoet), #000 calc(var(--vc-khoet) + 0.5px)),
        radial-gradient(circle at var(--vc-line) 100%,
            transparent var(--vc-khoet), #000 calc(var(--vc-khoet) + 0.5px));
    -webkit-mask-composite: source-in;
    mask:
        radial-gradient(circle at var(--vc-line) 0,
            transparent var(--vc-khoet), #000 calc(var(--vc-khoet) + 0.5px)),
        radial-gradient(circle at var(--vc-line) 100%,
            transparent var(--vc-khoet), #000 calc(var(--vc-khoet) + 0.5px));
    mask-composite: intersect;

    background: rgba(16, 24, 32, .22);
    opacity: 0;
    visibility: hidden;
    transition: opacity .16s ease, visibility 0s linear .16s;
    pointer-events: none;
}

#hv3-gh .hv3-gh__vc-item.is-ngoai-vi:hover .hv3-gh__vc-lay,
#hv3-gh .hv3-gh__vc-item.is-ngoai-vi:focus-within .hv3-gh__vc-lay {
    opacity: 1;
    visibility: visible;
    transition: opacity .16s ease, visibility 0s linear 0s;
}

#hv3-gh .hv3-gh__vc-lay-vien {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 7px 14px;
    border-radius: 999px;

    background: var(--hv3-green-500, var(--hv3-button-green, #207F5D));
    color: #fff;
    font-size: 13.5px;
    font-weight: 700;
    letter-spacing: .2px;
    white-space: nowrap;
    box-shadow: 0 4px 14px -6px rgba(16, 24, 32, .55);
}

#hv3-gh .hv3-gh__vc-lay-ico {
    width: 15px;
    height: 15px;
    flex: none;
}

@media (prefers-reduced-motion: reduce) {
    #hv3-gh .hv3-gh__vc-lay { transition: none; }
}

#hv3-gh .hv3-gh__vc-anh {
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 78px;
    height: 78px;
    border-radius: 10px;
    background: #F1F4F7 center / cover no-repeat;
}
#hv3-gh .hv3-gh__vc-anh--xanh {
    background: linear-gradient(140deg, #2E9C6E 0%, #15794F 100%);
    color: #fff;
}
#hv3-gh .hv3-gh__vc-anh--vang {
    background: linear-gradient(140deg, #FFD44D 0%, #F0B310 100%);
    color: #fff;
}

#hv3-gh .hv3-gh__vc-anh > svg { display: none; }

#hv3-gh .hv3-gh__vc-anh { position: relative; overflow: hidden; }
#hv3-gh .hv3-gh__vc-anh-hinh {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#hv3-gh .hv3-gh__vc-anh-hinh.is-icon {
    width: unset;
    height: 46px;
    max-width: 82%;
    object-fit: contain;
}

#hv3-gh .hv3-gh__vc-info {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 2px 30px 2px 0;
}
#hv3-gh .hv3-gh__vc-name {

    padding-right: 38px;
    color: var(--hv3-green-500, var(--hv3-button-green, #207F5D));

    font-size: 17px;
    line-height: 1.25;
    font-family: 'Arial Web Head', var(--hv3-font);
    font-weight: 700;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#hv3-gh .hv3-gh__vc-desc {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #666;
    font-size: 13px;
    line-height: 1.35;
}

#hv3-gh .hv3-gh__vc-hsd {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-top: 7px;
    color: #A4A4A5;
    font-size: 13px;
}

#hv3-gh .hv3-gh__vc-i {
    position: relative;

    top: -1px;
    display: inline-flex;
    align-items: center;
    padding: 4px;
    margin: -4px;

    color: var(--hv3-green-600, #0f8f56);
    cursor: help;
}

#hv3-gh .hv3-gh__vc-i:focus-visible {
    outline: 2px solid var(--hv3-green-500, #207F5D);
    outline-offset: 1px;
    border-radius: 50%;
}

#hv3-gh .hv3-gh__vc-hsd svg { width: 16px; height: 16px; flex: none; }

#hv3-gh .hv3-gh__vc-so {
    position: absolute;
    top: 8px;
    right: -12px;
    padding: 1px 7px 1px 9px;
    border-radius: 999px 0 0 999px;
    background: #DDF4E8;
    color: var(--hv3-green-500, var(--hv3-button-green, #207F5D));
    font-size: 13px;
    line-height: 1.35;
    z-index: 1;
}

#hv3-gh .hv3-gh__vc-so::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: -12px;
    width: 13px;
    height: 13px;
    background: #C9E9D9;
    clip-path: polygon(0 0, 100% 0, 0 100%);
}

#hv3-gh .hv3-gh__vc-canh {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    margin: -2px 0 10px;
    padding: 0 2px;
    color: #C0562B;
    font-size: 13px;
    line-height: 1.45;
}
#hv3-gh .hv3-gh__vc-canh[hidden] {
    display: none;
}
#hv3-gh .hv3-gh__vc-canh svg {
    flex: none;
    width: 15px;
    height: 15px;
    margin-top: 2px;
}

#hv3-gh .hv3-gh__vc-so--het {
    background: #E9ECEF;
    color: #6C757D;
}
#hv3-gh .hv3-gh__vc-so--het::after {
    background: #D4D9DE;
}

#hv3-gh .hv3-gh__vc-item.is-tat.is-het-han {
    opacity: 1;
}
#hv3-gh .hv3-gh__vc-item.is-het-han > :not(.hv3-gh__vc-so) {
    opacity: .5;
}
#hv3-gh .hv3-gh__vc-so--het-han {
    background: #E5484D;
    color: #fff;
    font-weight: 700;
    z-index: 2;
}
#hv3-gh .hv3-gh__vc-so--het-han::after {
    background: #B8323A;
}

#hv3-gh .hv3-gh__vc-item.is-ngoai-vi,
#hv3-gh .hv3-gh__vc-item.is-ngoai-vi.is-tat {
    opacity: 1;
    filter: none;
}
#hv3-gh .hv3-gh__vc-item.is-ngoai-vi > :not(.hv3-gh__vc-so):not(.hv3-gh__vc-lay) {

    transition: opacity .16s ease, filter .16s ease;
}
#hv3-gh .hv3-gh__vc-item.is-ngoai-vi:not(:hover):not(:focus-within) > :not(.hv3-gh__vc-so):not(.hv3-gh__vc-lay) {
    opacity: .42;
    filter: saturate(.72);
}
#hv3-gh .hv3-gh__vc-item.is-ngoai-vi > .hv3-gh__vc-so {
    z-index: 4;
}
@media (prefers-reduced-motion: reduce) {
    #hv3-gh .hv3-gh__vc-item.is-ngoai-vi > :not(.hv3-gh__vc-so):not(.hv3-gh__vc-lay) { transition: none; }
}

#hv3-gh .hv3-gh__vc-tick {
    position: absolute;
    right: 10px;
    bottom: 10px;
    flex: none;
    appearance: none;
    -webkit-appearance: none;
    width: 19px;
    height: 19px;
    margin: 0;
    border: 1px solid #C9D2DA;
    border-radius: 5px;
    background: #fff;
    cursor: pointer;
}
#hv3-gh .hv3-gh__vc-tick:checked {
    border-color: var(--hv3-green-500, var(--hv3-button-green, #207F5D));
    background: var(--hv3-green-500, var(--hv3-button-green, #207F5D)) center / 13px no-repeat
        url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 12.75l6 6 9-13.5'/%3E%3C/svg%3E");
}
#hv3-gh .hv3-gh__vc-tick:disabled { cursor: default; opacity: .6; }

#hv3-gh .hv3-gh__vc-cho {

    height: 90px;
    flex: none;
    border-radius: 12px;

    background: linear-gradient(90deg, #edf2ef 20%, #f8faf9 45%, #edf2ef 70%);
    background-size: 240% 100%;
    animation: hv3-gh-ship-shimmer 1.05s ease-in-out infinite;
}

#hv3-gh .hv3-gh__vc-trong {
    margin: 0;
    padding: 18px 4px;
    color: #A4A4A5;
    text-align: center;
}

#hv3-gh .hv3-gh__vc-foot {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 12px;
    padding-top: 10px;
    border-top: 1px solid #E4E8EC;
}
#hv3-gh .hv3-gh__vc-sum {
    margin: 0;
    min-width: 0;
    color: #666;
}

#hv3-gh .hv3-gh__vc-foot-line {
    display: flex;
    align-items: baseline;
    gap: 12px;
}

#hv3-gh .hv3-gh__vc-foot-line .hv3-gh__vc-all {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    margin-left: auto;
    font-size: 13px;
    transition: color .16s ease;
}

#hv3-gh .hv3-gh__vc-foot-line .hv3-gh__vc-all:hover,
#hv3-gh .hv3-gh__vc-foot-line .hv3-gh__vc-all:focus-visible {
    color: #176A48;
}

#hv3-gh .hv3-gh__vc-all-ico {
    width: 12px;
    height: 12px;
    flex: none;
    transition: transform .16s ease;
}

#hv3-gh .hv3-gh__vc-foot-line .hv3-gh__vc-all:hover .hv3-gh__vc-all-ico,
#hv3-gh .hv3-gh__vc-foot-line .hv3-gh__vc-all:focus-visible .hv3-gh__vc-all-ico {
    transform: translateX(3px);
}

@media (prefers-reduced-motion: reduce) {
    #hv3-gh .hv3-gh__vc-foot-line .hv3-gh__vc-all,
    #hv3-gh .hv3-gh__vc-all-ico { transition: none; }
}
#hv3-gh .hv3-gh__vc-sum:empty { display: none; }
#hv3-gh .hv3-gh__vc-sum-nhan { margin-right: 6px; }
#hv3-gh .hv3-gh__vc-sum b {

    font-family: var(--hv3-font);
    font-weight: 400;
    color: var(--hv3-green-500, var(--hv3-button-green, #207F5D));
}

#hv3-gh .hv3-gh__vc-acts {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}
#hv3-gh .hv3-gh__vc-back,
#hv3-gh .hv3-gh__vc-ok {

    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 104px;
    width: 104px;
    min-width: 104px;
    height: 40px;
    padding: 0;
    border-radius: 999px;
    font-family: 'Arial Web Head', var(--hv3-font);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .2px;
    cursor: pointer;
}
#hv3-gh .hv3-gh__vc-back {
    border: 1px solid #E7EAEE;
    background: #F5F7FA;
    color: #666;
}
#hv3-gh .hv3-gh__vc-back:hover { background: #ECEFF3; }
#hv3-gh .hv3-gh__vc-ok {
    border: 0;
    background: var(--hv3-green-500, var(--hv3-button-green, #207F5D));
    color: #fff;
}
#hv3-gh .hv3-gh__vc-ok:hover { background: #176a48; }
#hv3-gh .hv3-gh__vc-ok:disabled,
#hv3-gh .hv3-gh__vc-back:disabled { opacity: .6; cursor: default; }

#hv3-gh .hv3-gh__vc-ok.is-loading,
#hv3-gh .hv3-gh__vc-form button.is-loading {
    position: relative;
    color: transparent;
    cursor: wait;

    opacity: 1;
}
#hv3-gh .hv3-gh__vc-ok.is-loading::after,
#hv3-gh .hv3-gh__vc-form button.is-loading::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 15px;
    height: 15px;

    margin: -7.5px 0 0 -7.5px;
    border: 2px solid rgba(255, 255, 255, .42);
    border-top-color: #fff;
    border-radius: 50%;
    animation: hv3-gh-submit-spin .65s linear infinite;
}
@media (prefers-reduced-motion: reduce) {
    #hv3-gh .hv3-gh__vc-ok.is-loading::after,
    #hv3-gh .hv3-gh__vc-form button.is-loading::after { animation: none; }
}

@media (max-width: 560px) {
    #hv3-gh .hv3-gh__address-modal {
        align-items: flex-end;
        padding: 0;
    }
    #hv3-gh .hv3-gh__address-modal-box {
        max-height: calc(100vh - 12px);
        border-radius: 18px 18px 0 0;
    }
    #hv3-gh .hv3-gh__address-modal-head { padding: 18px 16px 14px; }
    #hv3-gh .hv3-gh__address-modal-body { padding: 14px 16px 18px; }
    #hv3-gh .hv3-gh__address-ai-row { flex-direction: column; }
    #hv3-gh .hv3-gh__address-ai-fill { min-height: 40px; }
    #hv3-gh .hv3-gh__address-selects { grid-template-columns: 1fr; }
    #hv3-gh .hv3-gh__address-form-acts > * { flex: 1 1 0; }
    #hv3-gh .hv3-gh__vc-acts > * { flex: 1 1 0; }

    #hv3-gh .hv3-gh__vc-item {
        gap: 18px;
        min-height: 86px;
        padding: 5px;

        --vc-line: 90px;
    }
    #hv3-gh .hv3-gh__vc-anh {
        width: 76px;
        height: 76px;
    }
    #hv3-gh .hv3-gh__vc-anh > svg { display: none; }
    #hv3-gh .hv3-gh__vc-name {
        font-size: 16px;
    }
    #hv3-gh .hv3-gh__vc-desc,
    #hv3-gh .hv3-gh__vc-hsd {
        font-size: 12.5px;
    }
    #hv3-gh .hv3-gh__vc-list {
        max-height: calc(86px * 4 + 8px * 3 + 4px);
    }
}

.hv3-gh__tip {
    position: fixed;
    z-index: 2147483000;
    max-width: 320px;
    padding: 8px 11px;
    border-radius: 8px;
    background: #15332A;
    color: #fff;
    font-family: var(--hv3-font, inherit);
    font-size: 13px;
    line-height: 1.45;

    white-space: normal;
    word-break: break-word;
    box-shadow: 0 8px 24px rgba(11, 40, 30, .22);
    pointer-events: none;
    opacity: 0;
    transform: translateY(3px);
    transition: opacity .13s ease, transform .13s ease;
}
.hv3-gh__tip.is-hien {
    opacity: 1;
    transform: none;
}

.hv3-gh__tip::after {
    content: '';
    position: absolute;
    left: var(--tip-x, 50%);
    width: 8px;
    height: 8px;
    margin-left: -4px;
    background: inherit;
    transform: rotate(45deg);
}
.hv3-gh__tip--tren::after { bottom: -4px; }
.hv3-gh__tip--duoi::after { top: -4px; }

@media (prefers-reduced-motion: reduce) {
    .hv3-gh__tip { transition: none; }
}

#hv3-gh .hv3-gh__row[hidden] { display: none; }
#hv3-gh .hv3-gh__diem-chu {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1px;
    text-align: left;
}
#hv3-gh .hv3-gh__diem-chu small {
    color: #A4A4A5;
    font-size: 12.5px;
    line-height: 1.35;
}

#hv3-gh .hv3-gh__diem-hang-phu {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

#hv3-gh .hv3-gh__row.is-on .hv3-gh__diem-chu small {
    color: var(--hv3-green-500, #207F5D);
}
#hv3-gh .hv3-gh__row.is-on .hv3-gh__switch {
    background: var(--hv3-green-500, #207F5D);
}

#hv3-gh .hv3-gh__row.is-on .hv3-gh__switch::after {
    transform: translateX(14px);
}
#hv3-gh .hv3-gh__switch { transition: background-color .15s; }
#hv3-gh .hv3-gh__switch::after { transition: transform .15s; }
@media (prefers-reduced-motion: reduce) {
    #hv3-gh .hv3-gh__switch,
    #hv3-gh .hv3-gh__switch::after { transition: none; }
}

#hv3-gh .hv3-gh__row.is-locked { cursor: default; position: relative; }
#hv3-gh .hv3-gh__row.is-locked .hv3-gh__switch { opacity: .4; }

#hv3-gh .hv3-gh__row.is-locked .hv3-gh__diem-chu small { color: #A4A4A5; }

#hv3-gh .hv3-gh__diem-info {
    position: relative;

    top: -1px;
    display: inline-flex;
    align-items: center;
    flex: none;
    color: #A4A4A5;
    cursor: help;
}
#hv3-gh .hv3-gh__diem-info[hidden] { display: none; }

#hv3-gh .hv3-gh__diem-info svg { width: 15px; height: 15px; display: block; }

#hv3-gh .hv3-gh__row.is-locked .hv3-gh__diem-info::after {
    content: attr(data-tip);
    position: absolute;
    left: 50%;
    bottom: calc(100% + 9px);
    z-index: 5;
    width: max-content;
    max-width: 240px;
    padding: 8px 11px;
    border-radius: 8px;
    background: #2A2F36;
    color: #fff;
    font-size: 12.5px;
    font-weight: 400;
    line-height: 1.45;
    text-align: left;
    white-space: normal;
    box-shadow: 0 8px 22px -10px rgba(16, 24, 32, .55);
    opacity: 0;
    visibility: hidden;
    transform: translate(-50%, 4px);
    transition: opacity .15s, transform .15s, visibility .15s;
    pointer-events: none;
}

#hv3-gh .hv3-gh__row.is-locked .hv3-gh__diem-info::before {
    content: "";
    position: absolute;
    left: 50%;
    margin-left: -4.5px;
    bottom: calc(100% + 4px);
    z-index: 6;
    width: 9px;
    height: 9px;
    background: #2A2F36;
    transform: rotate(45deg) translateY(4px);
    opacity: 0;
    visibility: hidden;
    transition: opacity .15s, transform .15s, visibility .15s;
    pointer-events: none;
}
#hv3-gh .hv3-gh__row.is-locked:hover .hv3-gh__diem-info::after,
#hv3-gh .hv3-gh__row.is-locked:focus .hv3-gh__diem-info::after,
#hv3-gh .hv3-gh__row.is-locked:focus-visible .hv3-gh__diem-info::after {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, 0);
}
#hv3-gh .hv3-gh__row.is-locked:hover .hv3-gh__diem-info::before,
#hv3-gh .hv3-gh__row.is-locked:focus .hv3-gh__diem-info::before,
#hv3-gh .hv3-gh__row.is-locked:focus-visible .hv3-gh__diem-info::before {
    opacity: 1;
    visibility: visible;
    transform: rotate(45deg) translateY(0);
}
@media (prefers-reduced-motion: reduce) {
    #hv3-gh .hv3-gh__row.is-locked .hv3-gh__diem-info::after,
    #hv3-gh .hv3-gh__row.is-locked .hv3-gh__diem-info::before { transition: none; }
}

#hv3-gh .hv3-gh__totals-row--conlai {
    color: var(--hv3-green-500, #207F5D);
    font-family: 'Arial Web Head', var(--hv3-font);
    font-weight: 700;
}

@media (max-width: 767px) {
    #hv3-gh .hv3-gh__line-media {
        flex: 0 0 88px;
        width: 88px;
    }
    #hv3-gh .hv3-gh__line-media .hv3-gh__line-img {
        width: 88px;
        height: auto;
    }
    #hv3-gh .hv3-gh__line {
        align-items: center;
    }
    #hv3-gh .hv3-gh__line-made {
        flex: 1 1 auto;
        flex-direction: row;
        align-items: center;
        gap: 4px;
        white-space: nowrap;
    }
    #hv3-gh .hv3-gh__line-product {
        padding-bottom: 12px;
        border-bottom: 1px dashed #E3E8EE;
    }
    #hv3-gh .hv3-gh__line-del {
        width: 36px;
        height: 36px;
        margin: -9px -9px -9px 0;
        padding: 9px;
        box-sizing: border-box;
    }
}

@media (max-width: 767px) {
    #hv3-gh input:not([type="radio"]):not([type="checkbox"]):not([type="hidden"]),
    #hv3-gh select,
    #hv3-gh textarea {
        font-size: 16px;
    }
    #hv3-gh .hv3-gh-sel__search {
        font-size: 16px !important;
    }

    #hv3-gh .hv3-gh__address-ai-row textarea {
        font-size: 16px;
    }

}

#hv3-gh .hv3-gh__line-kg {
    grid-column: 1 / -1;
    flex: 0 0 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 14px;
    margin-top: 12px;
    padding: 10px 14px;
    border-radius: 8px;
    border: 1px solid #F5C2C0;
    background: #FDECEC;
    color: #C62828;
    font-size: 14px;
    line-height: 1.5;
}
#hv3-gh .hv3-gh__line-kg-msg { flex: 1 1 260px; min-width: 0; }
#hv3-gh .hv3-gh__line-kg-btn {
    flex: none;
    padding: 7px 14px;
    border: 0;
    border-radius: 999px;
    background: #C62828;
    color: #fff;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}
#hv3-gh .hv3-gh__line-kg-btn:hover { background: #A61F1F; }

@media (min-width: 901px) {
    #hv3-gh .hv3-gh__side {
        position: sticky;
        top: var(--hv3-side-top, 16px);
        align-self: flex-start;
    }
}

@keyframes hv3GhAttnShake {
    0%, 100% { transform: translateX(0); }
    20%, 60% { transform: translateX(-2px); }
    40%, 80% { transform: translateX(2px); }
}
@keyframes hv3GhAttnGlow {
    0%, 100% { box-shadow: 0 0 0 0 rgba(220, 38, 38, 0); }
    20%, 60% { box-shadow: 0 0 0 3px rgba(220, 38, 38, .35); }
    40%, 80% { box-shadow: 0 0 0 1px rgba(220, 38, 38, .15); }
}
#hv3-gh .hv3-gh__address.is-attn {
    outline: 1.5px solid rgba(220, 38, 38, .55);
    outline-offset: -1.5px;
    background-color: #fff5f5;
    animation: hv3GhAttnShake .6s ease-in-out .35s 2, hv3GhAttnGlow 2.2s ease-in-out .35s 1;
}
@media (prefers-reduced-motion: reduce) {
    #hv3-gh .hv3-gh__address.is-attn { animation: none; }
}

#hv3-gh .hv3-gh__eta { display: flex; align-items: flex-start; gap: 12px; }
#hv3-gh .hv3-gh__eta-av {
    flex: none; width: 44px; height: 44px; border-radius: 50%; overflow: hidden;
    display: flex; align-items: center; justify-content: center;
    background: #DDEFE4; color: var(--hv3-green-500, #207F5D); font-weight: 700; font-size: 17px;
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px #CFE7D8; margin-top: 2px;
}
#hv3-gh .hv3-gh__eta-av img { width: 100%; height: 100%; object-fit: cover; display: block; }

#hv3-gh .hv3-gh__eta-col { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; gap: 5px; }
#hv3-gh .hv3-gh__eta-bubble {
    position: relative; min-width: 0;
    display: flex; flex-direction: column; gap: 2px;
    padding: 10px 14px; border-radius: 4px 14px 14px 14px;
    background: #EEF7F1; border: 1px solid #CFE7D8; color: #2f5d47; font-size: 14px; line-height: 1.45;
}
#hv3-gh .hv3-gh__eta-bubble::before, #hv3-gh .hv3-gh__eta-bubble::after {
    content: ''; position: absolute; top: 12px; width: 0; height: 0; border-style: solid;
}
#hv3-gh .hv3-gh__eta-bubble::before { left: -9px; border-width: 7px 9px 7px 0; border-color: transparent #CFE7D8 transparent transparent; }
#hv3-gh .hv3-gh__eta-bubble::after { left: -7px; border-width: 6px 8px 6px 0; border-color: transparent #EEF7F1 transparent transparent; }
#hv3-gh .hv3-gh__eta-name { font-size: 12px; color: #8a8a8a; padding-left: 4px; }
#hv3-gh .hv3-gh__eta-name[hidden] { display: none; }
#hv3-gh .hv3-gh__eta-bubble b { font-family: 'Arial Web Head', var(--hv3-font); font-weight: 700; color: var(--hv3-green-500, var(--hv3-button-green, #207F5D)); }
#hv3-gh .hv3-gh__eta-bubble small { font-size: 12px; color: #7c8a83; }
#hv3-gh .hv3-gh__staff { margin-top: 10px; }
#hv3-gh .hv3-gh__staff-lb { display: block; font-size: 13px; color: #666; margin-bottom: 5px; }
#hv3-gh .hv3-gh__staff-field { display: flex; gap: 6px; }
#hv3-gh .hv3-gh__staff-field input {
    flex: 1 1 0; min-width: 0; height: 36px; padding: 0 10px; font-size: 14px; letter-spacing: .5px; text-transform: uppercase;
    border: 1px solid #DDE3E0; border-radius: 8px; background: #fff; color: #333; outline: none;
}
#hv3-gh .hv3-gh__staff-field input::placeholder { text-transform: none; letter-spacing: 0; color: #A4A4A5; }
#hv3-gh .hv3-gh__staff-field input:focus { border-color: var(--hv3-green-500, #207F5D); }
#hv3-gh .hv3-gh__staff-field input[readonly] { background: #F5F7F6; color: #207F5D; }
#hv3-gh .hv3-gh__staff-field button {
    flex: none; height: 36px; padding: 0 14px; border-radius: 8px; border: 1px solid var(--hv3-green-500, #207F5D);
    background: #fff; color: var(--hv3-green-500, #207F5D); font-size: 13px; font-weight: 600; cursor: pointer;
}
#hv3-gh .hv3-gh__staff-field button:hover { background: #EEF7F1; }
#hv3-gh .hv3-gh__staff-field button:disabled { opacity: .55; cursor: default; }
#hv3-gh .hv3-gh__staff-msg { display: block; margin-top: 5px; font-size: 12.5px; color: #A4A4A5; }
#hv3-gh .hv3-gh__staff-msg.is-ok { color: var(--hv3-green-500, #207F5D); }
#hv3-gh .hv3-gh__staff-msg.is-err { color: #dc2626; }
#hv3-gh .hv3-gh__staff-msg[hidden] { display: none; }

#hv3-gh .hv3-gh__row { padding: 6px 0; font-size: 14px; line-height: 1.4; }
#hv3-gh .hv3-gh__row-main { gap: 9px; }
#hv3-gh .hv3-gh__row-ico { width: 18px; height: 18px; }
#hv3-gh .hv3-gh__diem-chu small { font-size: 12px; }

#hv3-gh .hv3-gh__box--pay { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
#hv3-gh .hv3-gh__box--pay .hv3-gh__box-head { grid-column: 1 / -1; margin-bottom: 2px; }
#hv3-gh .hv3-gh__box--pay .hv3-gh__pay {
    align-items: flex-start; gap: 8px; padding: 9px 10px; margin: 0;
    border: 1px solid #E4E8EC; border-radius: 10px; font-size: 13.5px; line-height: 1.35;
}
#hv3-gh .hv3-gh__box--pay .hv3-gh__pay + .hv3-gh__pay { border-top: 1px solid #E4E8EC; }
#hv3-gh .hv3-gh__box--pay .hv3-gh__pay.is-active { border-color: var(--hv3-green-500, #207F5D); background: #F6FBF8; }
#hv3-gh .hv3-gh__box--pay .hv3-gh__pay input { width: 16px; height: 16px; margin-top: 1px; }
#hv3-gh .hv3-gh__box--pay .hv3-gh__pay-info small { display: block; margin-top: 2px; font-size: 11.5px; font-weight: 400; line-height: 1.35; }

#hv3-gh .hv3-gh__eta { flex-direction: row-reverse; }
#hv3-gh .hv3-gh__eta-bubble { border-radius: 14px 4px 14px 14px; }
#hv3-gh .hv3-gh__eta-bubble::before { left: auto; right: -9px; border-width: 7px 0 7px 9px; border-color: transparent transparent transparent #CFE7D8; }
#hv3-gh .hv3-gh__eta-bubble::after { left: auto; right: -7px; border-width: 6px 0 6px 8px; border-color: transparent transparent transparent #EEF7F1; }
#hv3-gh .hv3-gh__eta-name { text-align: right; padding-left: 0; padding-right: 4px; }

#hv3-gh .hv3-gh__confirm.is-success .hv3-gh__success-order-label { font-size: 12px; margin-bottom: 0; }
#hv3-gh .hv3-gh__confirm.is-success .hv3-gh__success-order { display: block; margin-bottom: 8px; font-weight: 800; font-variant-numeric: tabular-nums; }
#hv3-gh .hv3-gh__success-auto { margin-top: 8px; font-size: 13px; color: #8a8f98; }
#hv3-gh .hv3-gh__success-auto b { color: var(--hv3-button-green, #207F5D); font-variant-numeric: tabular-nums; }
#hv3-gh .hv3-gh__confirm.is-locked .hv3-gh__confirm-cancel[hidden],
#hv3-gh .hv3-gh__confirm.is-locked .hv3-gh__confirm-x[hidden] { display: none; }
#hv3-gh .hv3-gh__confirm.is-locked .hv3-gh__confirm-link { flex: 0 1 260px; }

#hv3-gh .hv3-gh__line:has([data-gh-toggle]) { cursor: pointer; }
#hv3-gh .hv3-gh__line:has([data-gh-toggle]) .hv3-gh__line-sub { cursor: default; }

#hv3-gh .hv3-gh__wt { position: relative; display: inline-flex; align-items: center; padding: 2px; margin: -2px; border: 0; background: none; color: inherit; cursor: help; border-radius: 50%; }
#hv3-gh .hv3-gh__wt:focus-visible { outline: 2px solid rgba(32, 127, 93, .35); outline-offset: 1px; }
#hv3-gh .hv3-gh__wt svg { width: 12px; height: 12px; }
#hv3-gh .hv3-gh__wt-tip {
    position: absolute; z-index: 30; bottom: calc(100% + 10px); left: 50%;
    width: 228px; padding: 12px 14px; border-radius: 10px;
    background: #fff; color: #333; box-shadow: 0 8px 28px rgba(16, 40, 30, .16), 0 0 0 1px rgba(16, 40, 30, .06);
    display: flex; flex-direction: column; gap: 7px; text-align: left; font-size: 13px; line-height: 1.45; white-space: normal;
    opacity: 0; visibility: hidden; transform: translate(-50%, 4px); transition: opacity .15s, transform .15s, visibility .15s; pointer-events: none;
}
#hv3-gh .hv3-gh__wt-tip::after { content: ''; position: absolute; top: 100%; left: 50%; margin-left: -6px; border: 6px solid transparent; border-top-color: #fff; }
#hv3-gh .hv3-gh__wt-tip b { color: var(--hv3-button-green, #207F5D); font-size: 13px; }
#hv3-gh .hv3-gh__wt-tip span { display: block; }
#hv3-gh .hv3-gh__wt-tip em { display: block; font-style: normal; font-weight: 700; font-size: 12px; color: #555; }
#hv3-gh .hv3-gh__wt-tip .is-off em { color: #B45309; }
#hv3-gh .hv3-gh__wt:hover .hv3-gh__wt-tip,
#hv3-gh .hv3-gh__wt:focus-visible .hv3-gh__wt-tip,
#hv3-gh .hv3-gh__wt.is-open .hv3-gh__wt-tip { opacity: 1; visibility: visible; transform: translate(-50%, 0); }
@media (prefers-reduced-motion: reduce) { #hv3-gh .hv3-gh__wt-tip { transition: none; } }

#hv3-gh .hv3-gh__made-chip {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 6px 8px 6px 11px; border-radius: 999px;
    background: #E9F6EF; box-shadow: inset 0 0 0 1px #CFEADB;
    color: var(--hv3-button-green, #207F5D); white-space: nowrap; line-height: 1.2;
}
#hv3-gh .hv3-gh__made-chip.is-empty { padding: 6px 12px; background: none; box-shadow: none; color: #9AA3AD; }
#hv3-gh .hv3-gh__made-chip.is-instant { background: #FFF4E5; box-shadow: inset 0 0 0 1px #FBDDB5; color: #B45309; }
#hv3-gh .hv3-gh__made-ico { width: 15px; height: 15px; flex: none; }
#hv3-gh .hv3-gh__made-chip .hv3-gh__line-made-time { color: inherit; font-family: 'Arial Web Head', var(--hv3-font); font-weight: 700; font-size: 14px; }
#hv3-gh .hv3-gh__made-chip .hv3-gh__line-made-note { margin: 0; color: #5F6B76; font-size: 13px; }
#hv3-gh .hv3-gh__made-chip .hv3-gh__wt { color: #7A8794; margin: 0 0 0 1px; padding: 2px; }
#hv3-gh .hv3-gh__made-chip .hv3-gh__wt:hover,
#hv3-gh .hv3-gh__made-chip .hv3-gh__wt.is-open { color: var(--hv3-button-green, #207F5D); }
#hv3-gh .hv3-gh__made-chip .hv3-gh__wt svg { width: 14px; height: 14px; }