body {
    color: #000000;
    background-color: #fff;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
a:visited, .alink:visited {
	color: #000;
}
.amsearch-products-section .action.tocart {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}
.message.global.demo {
    border-color: oklch(63.7% .237 25.331);
    border-bottom-style: solid;
    border-bottom-width: 2px;
    background-color: oklch(97.1% .013 17.38);
    color: #000;
    font-weight: 700;
    font-size: 16px;
    padding: 8px 0px;
}
#checkout-review-table tbody tr td {
    border-bottom: 0;
}
a:visited, .alink:visited {
    color: #000000;
}
a:active {
    color: #000000;
}
a {
    color: #000000;
}
a:hover {
    color: #000000;
}
.copyright {
	 background-color: #fff;
    color: #000;
}
.copyright .container {
	padding-block: 2rem;
    justify-content: center;
    display: flex;
}
.copyright .container p {
	margin-bottom: 0;
}
.hyva-features__icon svg {
    width: 28px;
    height: 28px;
    stroke: #000;
}
.hyva-features {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    border-top: 1px solid #e5e7eb;
	border-bottom: 0;
	border-right: 1px solid #e5e7eb;
 	border-left: 1px solid #e5e7eb;
}
.hyva-features__item {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 24px 16px;
    text-align: center;
    position: relative;
}
.hyva-features__item:not(:last-child)::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0%;
    height: 100%;
    width: 1px;
    background: #e5e7eb;
}
.hyva-features__text {
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.3;
}
.hyva-footer {
    background: #368a26;
    padding: 60px 40px;
    color: #fff;
}

.hyva-footer__inner {
    display: grid;
    grid-template-columns: 1fr 420px;
    gap: 40px;
    max-width: 1400px;
    margin: 0 auto;
}

/* LEFT */
.hyva-footer__cols {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 32px;
}

.hyva-footer__title {
    font-size: 14px;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 16px;
}

.hyva-footer__col ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.hyva-footer__col li {
    margin-bottom: 8px;
}

.hyva-footer__col a {
    color: #fff;
    font-size: 13px;
    text-decoration: none;
}

.hyva-footer__col a:hover {
    text-decoration: underline;
}

/* CONTACT */
.hyva-footer__contact {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    margin-bottom: 10px;
}

.hyva-footer__icon svg {
    width: 16px;
    height: 16px;
    stroke: #fff;
}

/* SUBSCRIBE */
.hyva-footer__subscribe {
    background: #fff;
    color: #000;
    padding: 32px;
}

.hyva-footer__subscribe h3 {
    font-size: 28px;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 24px;
}

.hyva-footer__form {
    display: flex;
    align-items: center;
    border-bottom: 2px solid #000;
}

.hyva-footer__form input {
    flex: 1;
    border: none;
    padding: 10px 0;
    font-size: 14px;
    outline: none;
}

.hyva-footer__form button {
    background: #50af51;
    border: none;
    padding: 10px 24px;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer;
    color:#fff;
}
.page-main,.footer.content {
    max-width: 80% !important;
}

.page-wrapper .page-footer {
	background-color: #fff;
	padding-bottom: 0;
	padding: 0;
}

/* ===============================
   HEADER GRID – FIX TRIỆT ĐỂ
================================ */
.header.content {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-areas: "logo search cart";
    align-items: center;
}

/* ===============================
   LOGO – LUÔN BÊN TRÁI
================================ */
/* ===============================
   LOGO SIZE FIX
================================ */
.header.content .logo {
    grid-area: logo;
    justify-self: start;
    display: flex;
    align-items: center;
    margin: 0;
}

/* TĂNG KÍCH THƯỚC LOGO */
.header.content .logo img {
    max-height: 35px;      /* chỉnh: 55–70px tùy bạn */
    width: auto;
}

/* nếu Magento có set width inline */
.header.content .logo img[width] {
    width: auto !important;
}

/* ===============================
   HEADER HEIGHT CÂN ĐỐI
================================ */
.header.content {
    min-height: 90px;      /* để logo không bị bó */
}

/* ===============================
   SEARCH – LUÔN Ở GIỮA
================================ */
.amsearch-wrapper-block {
    grid-area: search;
    justify-self: center;
}

/* giới hạn width search */
.amsearch-form-block {
    width: 520px;
    max-width: 100%;
}

/* ===============================
   CART – LUÔN BÊN PHẢI
================================ */
.minicart-wrapper,
.compare.wrapper,
.header-home-icon,
.header-account-icon {
    grid-area: cart;
    justify-self: end;
    margin-left: 15px;
}
.header-account-icon {
	margin-right: 85px;
}
.header-account-icon,.header-home-icon {
    display: flex;
    flex-direction: column;
    align-items: center;     /* căn giữa ngang */
    justify-content: center; /* căn giữa dọc */
    text-align: center;
    gap: 4px;                /* khoảng cách icon ↔ text */
}

.header-account-icon p,.header-home-icon p {
    margin: 0;
    font-size: 14px;         /* tùy chỉnh */
    line-height: 1;
}
/* ===============================
   SEARCH STYLE
================================ */
.amsearch-input {
    height: 42px;
    font-size: 14px;
}

.amsearch-button.-primary,
.amsearch-button.-loupe {
    background: #9bbf9f;
    border: none;
}
.amsearch-input {
	height: 42px;
}
.amsearch-result-section {
	top: 112%;
}

.amsearch-input-wrapper .amsearch-input {
	height: 42px;
}

.totals.charge {
	display: none;
}
.modal-inner-wrap {
    top: 0%;
}
.page-header.amsearch-full-width {
	width: 80%;
    margin: auto;
}
.page-header.amsearch-full-width .header.content {
	margin: 0;
    padding: 30px 30px 0;
    width: 100%;
    max-width: inherit;
}
/* =============================
   1. Table layout chuẩn
============================= */

#checkout-review-table {
    width: 100%;
    table-layout: fixed;
}

/* Cột Tuotenimi rộng hơn */
#checkout-review-table th:nth-child(1),
#checkout-review-table td:nth-child(1) {
    width: 40%;
}

/* =============================
   2. Căn giữa toàn bộ row
============================= */

#checkout-review-table tbody td {
    vertical-align: middle !important;
}

/* =============================
   3. FIX PRODUCT CELL TRIỆT ĐỂ
============================= */

/* Reset toàn bộ block Luma bên trong */
#checkout-review-table td.product .product-item-inner,
#checkout-review-table td.product .product-item-detail,
#checkout-review-table td.product .product-item-name-block {
    display: inline !important;
    width: auto !important;
}

/* Biến cell thành flex ngang */
#checkout-review-table td.product {
    display: flex;
    align-items: center;
    gap: 15px;
}

/* Image cố định */
#checkout-review-table .product-image-container {
    width: 60px !important;
    height: 60px !important;
    flex-shrink: 0;
}

/* Name không bị nhảy */
#checkout-review-table .product-item-name {
    line-height: 1.4;
    display: inline-block;
    margin-bottom: -5px;
    width: 90px;
}

/* =============================
   4. QTY – PRICE – REMOVE
============================= */

#checkout-review-table td.details-qty,
#checkout-review-table td.subtotal,
#checkout-review-table td.button-remove {
    text-align: center;
}
#checkout-review-table tbody tr td.details-qty {
	padding-top: 29px;
}
.onestepcheckout-index-index .page-title-wrapper {
    text-align: center;
    margin-top: 30px !important;
}
.checkout-index-index .checkout-container a.button-action.remove {
    background: #ffffff;
}
.order-summary .opc-block-summary table.data.table.table-totals {
    border-top: 0;
}
.block-authentication .block[class] + .block:before {
    color: #000000;
}
.opc-wrapper .shipping-address-item.selected-item:after {
    background: #368a26;
}
.opc-wrapper .shipping-address-item.selected-item {
    border-color: #368a26;
}
.checkout-agreements-block .action-show {
     color: #000000;
}
.checkout-container button:not(.primary):not(.action-show):not(.action-close):not(.edit-address-link):not(.ui-datepicker-trigger) {
    background-color: #368a26 !important;
    border-color: #368a26 !important;
}
.osc-place-order-wrapper .place-order-primary button.primary.checkout {
    background-color: #368a26 !important;
    border-color: #368a26 !important;
}
.osc-place-order-wrapper .checkout-agreements-block {
	 border: 1px solid #cccccc;
    padding-top: 15px;
    margin-bottom: 15px;
}
.page-header.amsearch-full-width  .amsearch-wrapper-block .amsearch-form-block {
        width: 100%;
        height: 74%;
}

.osc-new-address-popup .modal-inner-wrap{
	max-width: 600px;
}
.osc-place-order-block.checkout-addition-block {
        margin-bottom: 10px;
}
.one-step-checkout-wrapper .mp-4 #co-place-order-area .osc-addition-content-wrapper {
    margin-bottom: 0;
}
.osc-place-order-wrapper .actions-toolbar {
    margin-top: 20px;
}
.page-header.amsearch-full-width .amsearch-products-section.-grid:not(.-slider) .amsearch-item {
    max-width: calc(100% / 2) !important;
}
.price-wrapper.price-excluding-tax, .price-final_price .old-price {
    display: none;
}
.amsearch-product-image-container .product-image-photo {
    width: -webkit-fill-available;
}
.onestepcheckout-index-index .field.choice.osc-newsletter {
        padding-left: 10px;
}

@media (min-width: 768px), print {
    .page-header.amsearch-full-width .amsearch-form-block {
        height: 100%;
        justify-content: left;
        padding: 0;
    }
    .page-header.amsearch-full-width .amsearch-result-section {
        padding: 0;
        width: 800px;
    }

}
@media (max-width: 1024px) {
    .hyva-footer__inner {
        grid-template-columns: 1fr;
    }

    .hyva-footer__subscribe {
        max-width: 100%;
    }
}

@media (max-width: 768px) {
    .hyva-footer__cols {
        grid-template-columns: repeat(2, 1fr);
    }
    .amsearch-full_width-title {
            display: none;
        }
}

@media (max-width: 480px) {
    .hyva-footer__cols {
        grid-template-columns: 1fr;
    }
}
@media(max-width:768px){
    #header {
        display: grid;
    }
    .header.header-row {
        order: 2;
    }
    .magehq-menu {
        order: 1;
    }
    .header-links-left {
            order: 3;
    }
    .header-logo {
        order:4;
    }
    .menu-container button.open-menu {
            position: fixed;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        top: 206px;
        width: 40px;
        height: 40px;
        font-size: 1.4rem;
        color: #fff;
        background-color: #222;
        opacity: 0.6;
        -webkit-transition: opacity 0.4s;
        transition: opacity 0.4s;
        left: 0px;
        border-radius: 0;
    }
    .top-categories-grid {
        row-gap: 15px;
       gap: 15px;
    }
    /*.grid-cols-2 {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }*/
    .megamenu-topline {
            width: auto;
    }
    .magehq-menu {
       /* padding-left: 25px;
    padding-right: 25px;*/
    }
    .header .container.justify-end {
        padding: 0px;
    }

    .hyva-best-seller__item{
       display: flex !important;
        flex-wrap: wrap;
        align-items: center;
        gap: 8px !important;
    }

    /* rank */
    .hyva-best-seller__rank{
        width:24px;
        font-weight:600;
    }

    /* image */
    .hyva-best-seller__image{
        width:60px;
        flex-shrink:0;
    }

    /* info */
    .hyva-best-seller__info{
        flex:1;
    }

    /* ACTION full row */
    .hyva-best-seller__action{
        width:100%;
        margin-top:8px;
    }

    /* button full width */
    .hyva-best-seller__action button{
        width:100%;
        justify-content:center;
    }

    /* image size */
    .hyva-best-seller__image img{
        width:60px;
        height:auto;
    }

    .hyva-footer {
        padding: 20px;
    }
    .hyva-footer__subscribe {
            padding: 5px;
    }
    .hyva-features__item {
        border-bottom: 1px solid #e5e7eb;
    }
}
/* Responsive */
@media (max-width: 768px) {
    .header .icon-content {
        margin-top: 10px;
    }
    .hyva-features {
        grid-template-columns: repeat(2, 1fr);
    }

    .hyva-features__item:nth-child(2)::after {
        display: none;
    }
    .page-main, .footer.content {
        max-width: 100% !important; 
    }
    .page-header.amsearch-full-width {
        width: 100%;
    }
    .page-header.amsearch-full-width .amsearch-wrapper-block {
        display: inline-block;
        position: relative;
        background: #fff;
    }
    .page-header .amsearch-button.-loupe-trigger {
        display: none;
    }
    .page-header.amsearch-full-width .header.content {
        display: flex !important;
        width: auto;
    }
    .header-account-icon {
        margin-right: 20px;
       margin-left: auto;
    }
    .header-home-icon {
            margin-left: 0;
    margin-right: 10px;
    }
    .page-header .amsearch-wrapper-block:before {
        width: 0;
    }
}




.block-authentication .block[class] + .block:before {
    color: #000000;
}
#checkout-review-table tbody tr td {
	border-bottom: 0;
}
#checkout-review-table {
    border-bottom: 1px solid #dcd8d8;
}
.checkout-index-index .opc-block-summary .items-in-cart > .title {
    padding-bottom: 15px !important;
}
.action.primary.action-save-address {
    background-color: #368a26 !important;
    border-color: #368a26 !important;
}
.amsearch-overlay-block {
    background: transparent;
}
.footer.content {
    border-top: 0;
}
.columns .column.main {
    padding-bottom: 0;
}
button {
    border-radius: 0;
}
@media (max-width: 768px) {
		.hyva-footer__subscribe h3 {
		font-size: 15px;
	}
}
.block-new-customer .actions-toolbar > .primary {
    float: left !important;
}
.block-new-customer .actions-toolbar > .primary a {
    border-radius: 0;
    background-color: #368a26;
        border: 0;
}
.one-step-checkout-wrapper .mp-4 #checkout-review-table tbody tr td {
		border: 0;
}
.opc-block-summary .minicart-items-wrapper {
		border-bottom: 1px solid #dcd8d8;
}
.popup-authentication .actions-toolbar {
    margin-top: inherit !important;
}
.block-authentication .block-title strong {
    font-weight: 700 !important;
}
.action.primary:hover {
    background: #368a26;
	border: 1px solid #368a26;
}
.amsearch-item-container .amsearch-item .amsearch-link:hover {
    background: #f5f5f5;
    color: #000000;
}
.amsearch-item-container .amsearch-item .amsearch-link {
    color: #000000;
}
.amsearch-item-container.-recent_searches .amsearch-item {
    background: #f5f5f5;
    border-radius: 0;
}
.action.primary, .action-primary {
    background: #368a26;
    border: 1px solid #368a26;
}
    @media (min-width: 768px), print {
		.page-header.amsearch-full-width .amsearch-products-section.-grid:not(.-slider) .amsearch-item {
		max-width: 50%;
    }
}
.amsearch-products-section .amsearch-item:hover {
    background: #f5f5f5;
}
.amsearch-block-header .amsearch-title {
    text-transform: none;
}
.page-header.amsearch-full-width .amsearch-result-section {
    border-top: 0;
}

.amsearch-input-wrapper .amsearch-input:focus {
	border-color: #368a26;
}
.checkout-index-index .minicart-items .product-item .price {
    font-size: 1.4rem !important;
}
.opc-block-summary .mark .value {
    color: #000000;
}