html, body {
    padding: 0 !important;
}
.without-after-element:before {
    content: none !important;
}
.why-us{
    display: none !important;
}
@media (max-width: 768px){
    .bss-onestepcheckout .page-wrapper .checkout-container > #opc-sidebar .opc-block-summary .amtheme-summary-content .items-in-cart .minicart-items-wrapper {
        max-height: unset !important;
    }
.cms-home .page-main-full-width .columns .column.main .create-your-controller {margin-top:0px !important;}
	
}
.page-wrapper footer .above [data-content-type="row"] .usps-wrapper .pagebuilder-column-group .usps-item p span {
    color: #03cf62 !important;
}
/*thank you page*/
.opc-progress-bar.-success{
    display: none !important;
}
.checkout-onepage-success .page-title{
    font-size: 1.9em !important;
}
.checkout-onepage-success .amtypage-page p.text {
    text-align: center !important;
}
.checkout-onepage-success .block.crosssell .block-title{
    padding-inline-start: 5px !important;;
    font-size: 1.8rem !important;;
    font-weight: 700 !important;;
    letter-spacing: .01em !important;;
    line-height: 2rem !important;;
    margin-bottom: 10px !important;
}
.checkout-onepage-success .product-item .product-item-info {
    background: #17191a;
}
.checkout-onepage-success .product-items .product-item-photo::after{background: none!important;}
.checkout-onepage-success .crosssell li.product-item{list-style-type: none;}
/*user menu*/
.account-nav-content ul.items {
    padding: 0 !important;
}
/*print*/
.page-print .logo {
    display: flex;
}
.page-print .logo img{
    width: 200px;
}
/*paypal paypal-review-items*/
.paypal-review-items #details-reload span.product-image-container {
    display: flex !important;
    margin-right: 30px;
}
.paypal-review-items #details-reload span.product-image-wrapper {
    padding: 0 !important;
}
.paypal-review .box-content optgroup {
    background: #2b2d2e !important;
}
.checkout-payment-method .payment-method-title > .label .action-help{
    display: none !important;
}
    /*footer header*/
.page-wrapper footer .content .pagebuilder-column-group .pagebuilder-column h3
{
    font-size: 20px !important;
}
.page-wrapper footer .above .usps-wrapper .pagebuilder-column-group .usps-item::after
{
    background: unset !important;
}
.page-wrapper footer .above [data-content-type="row"] .usps-wrapper .pagebuilder-column-group .usps-item p
{
    line-height: unset !important;
}
.page-wrapper footer .amtheme-newsletter-block{
    max-width: 500px;
}

.page-wrapper footer .bottom .amtheme-payment-methods{
    justify-content: flex-end !important;
}
.footer .amtheme-payment-methods .amtheme-payments-list{
    width: 200px !important;
    flex-wrap: nowrap !important;
}

@media screen and (max-width: 800px) {
    .page-wrapper footer .bottom .amtheme-payment-methods{
        justify-content: center !important;
    }
}
    /*message box*/
.estimateddeliverydate .message.success {
    background: #03cf62 !important;
}
.amtheme-messages .message.success
{
    background: #03cf62 !important;
}
.message.info a{
    color: yellow !important;
}
.message.info a:hover{
    color: orange !important;
}
/*login box + register box*/
#remember-me-box .tooltip {
    display: none !important;
}
/*header + logo*/
@media (min-width: 768px) and (max-width: 1024px){
    .page-header .logo {
        max-width: 85px !important;
    }
    .header.content {
        justify-content: center;
    }
}
.page-wrapper .page-main > .messages
{
    margin-top: 10px;
}
    /*wish list*/
.form-wishlist-items .wishlist .product-item-info
{
    background: #292A2E !important;
}
.form-wishlist-items .wishlist .product-item-info .product-item-inner
{
    background: #292A2E !important;
    border: none !important;
}
.form-wishlist-items .wishlist .product-item-info .product-item-inner .comment-box
{
    display: none !important;
}
.form-wishlist-items .actions-toolbar
{
    display: none !important;
}
.form-wishlist-items .wishlist .product-item-info .product-item-inner .amtheme-update-box
{
    float: right !important;
    margin-top: 29px !important;
}
.form-wishlist-items .product-item .price-box {
    margin: 0 !important;
    margin-bottom: 20px !important;
    color: #03cf62
}
.form-wishlist-items .wishlist .product-item-info .product-item-inner .comment-box
{
    margin-top: 15px;
}
.form-wishlist-items .wishlist .product-item-info .product-item-inner .-edit {
    display: none !important;
}
.form-wishlist-items .products-grid .product-item-info:hover:after,
.form-wishlist-items .products-grid .product-item-info.-hover:after {
    border: none !important;
    height: calc(100% + 20px);
    left: -10px;
    opacity: 1;
    top: -10px;
    width: calc(100% + 20px);
    background: #292A2E !important;
}
.products-grid .product-item-details .product-item-name {
    font-size: 1.75rem !important;
    text-align: center;
}
    /*footer*/
.footer .pagebuilder-column a {
    color: #fff !important;
}
.footer .pagebuilder-column a:hover {
    color: #03cf62 !important;
}
.amtheme-productaside-wrap .active a {
    border-bottom: 3px solid #03cf62 !important;
    height: 33px !important;
}
.am-custom-tab {
    margin-top: 15px !important;
}

.blue-flame-details .detail-title {
    text-align: left !important;
    width: 70% !important;
    margin-bottom: 40px !important;
}
.amtheme-productaside-wrap .details-description-wrapper {
    float: left !important;
    width: 100% !important;
    margin-bottom: 50px !important;
}
.blue-flame-details {
    padding-bottom: 50px !important;
}

.fotorama__nav__frame .fotorama__img {
    max-width: 100% !important;
}
#shopping-cart-table tbody .product-item-name
{
    line-height: 1.1 !important;
    margin-bottom: 15px;
}
#shopping-cart-table tbody .amtheme-inner span.product-image-wrapper {
    height: 140px !important;
    padding-bottom: 0 !important;
}
#shopping-cart-table tbody .amtheme-inner img.product-image-photo {
    bottom: unset !important;
}
.cart-container .crosssell {
    padding-top: 0 !important;
    margin-top: 20px !important;
}
@media (min-width: 768px){
    .page-layout-1column .amtheme-product-info .qty.-without-options {
        margin-top: 0 !important;
    }
}
@media screen and (max-width: 800px) {
    .amtheme-productaside-wrap .product.data.items > .item.title > .switch {
        max-width: unset;
        text-align: left !important;
        font-size: 35px;
        letter-spacing: 0.055em;
        text-transform: uppercase;
        line-height: 1;
        margin-top: 10px;
    }
}
@media only screen and (max-width: 767px)
{
    .checkout-cart-index .cart-container {}
    .amtheme-checkout-contact .checkout-required-label
    {
        margin-left: 50px !important;
    }
}
@media only screen and (max-width: 480px)
{
    #cart-summary {
        margin-inline-end: -10px;
        margin-inline-start: -10px;
        padding-inline-end: 10px;
        padding-inline-start: 10px;
    }

}
/*check out page*/
.cus-paypal-checkout-button {
    transition: transform 0.4s ease-in-out;
    width: 100%;
    border-radius: 5px;
}
.cus-paypal-checkout-button:hover {
    transform: scale(1.1);
    transform-origin: 50% 50%;
}
.checkout-payment-method .checkout-billing-address{
    background: unset !important;
}
/*gift card*/
.bss-giftcard-images .owl-stage{
    width: unset !important;
}
.bss-giftcard-images .owl-stage .owl-item {
    width: unset !important;
}
/*.product-item-name > a,.product-image-wrapper > img{pointer-events: none;}*/
.checkout-cart-index .product-item .product-item-info {background: #17191a;}
.checkout-cart-index #block-bss-giftcard {padding-bottom: 20px}
.checkout-cart-index .bss-gc-actions-toolbar .primary {padding: 6px 16px;}
.checkout-cart-index .bss-gc-actions-toolbar .primary span {font-weight: 500!important;}
.checkout-cart-index .product-items .product-item-photo::after{background: none!important;}
.checkout-cart-index .crosssell li.product-item{list-style-type: none;}
.checkout-cart-index .cart-summary .title::after{
    background: url('../svg/color_mode/light/arrow-bottom.svg') no-repeat 100% / contain;
    content: "";
    height: 20px;
    position: absolute;
    right: 20px;
    width: 20px;
}
.checkout-cart-index .cart-summary .active .title::after{
    background: url('../svg/color_mode/light/arrow-bottom.svg') no-repeat 100% / contain;
    content: "";
    height: 20px;
    position: absolute;
    right: 20px;
    width: 20px;
    transform: rotate(180deg);
}
.checkout-cart-index .cart-summary > .cart-totals .table-wrapper table tbody tr > th .title::after{
    content: unset !important;
    background: unset !important;
}
#checkoutSteps #opc-shipping_method{
    top: unset !important;
}
#checkoutSteps #payment{
    top: unset !important;
}
.bss-onestepcheckout .opc-wrapper #shipping .step-title::before{
    margin: 0 10px 0 0;
    background: transparent !important;
    border: 2px solid #fff;
}
#checkout-step-shipping .addresses{
    margin-top: 20px !important;
}
.modal-popup.modal-slide._inner-scroll._show{
    z-index: 9999 !important;
}
.checkout-index-index .modal-popup .modal-inner-wrap{
    margin-left: unset !important;
    width: 600px !important;
    left: 50% !important;
}


#shipping-new-address-form input, #customer-email-fieldset #customer-email, #billing-new-address-form-billing-address-form-shared input {
    height: 5rem !important;
    padding-top: 25px !important;
}
#shipping-new-address-form input::placeholder, #customer-email-fieldset #customer-email::placeholder, #billing-new-address-form-billing-address-form-shared input::placeholder{
    color: transparent !important;
}
#shipping-new-address-form .amtheme-select-block span {
    height: 5rem !important;
    line-height: 5rem;
}
#billing-new-address-form-billing-address-form-shared select {
    height: 5rem !important;
}

#shipping-new-address-form input:focus ~ .address-floating-label,
#shipping-new-address-form input:not(:focus):valid ~ .address-floating-label,
#customer-email-fieldset input:focus ~ .address-floating-label,
#customer-email-fieldset input:not(:focus):valid ~ .address-floating-label,
#billing-new-address-form-billing-address-form-shared input:focus ~ .address-floating-label,
#billing-new-address-form-billing-address-form-shared input:not(:focus):valid ~ .address-floating-label {
    top: 8px;
    font-size: 11px;
    opacity: 1;
}
#shipping-new-address-form .address-floating-label, #customer-email-fieldset .address-floating-label, #billing-new-address-form-billing-address-form-shared .address-floating-label{
    color: darkgray;
    position: absolute;
    pointer-events: none;
    left: 10px;
    top: 15px;
    transition: 0.2s ease all;
}

#opc-new-shipping-address #shipping-new-address-form .field label {
    display: none !important;
}

.ajax-cart-owl-carousel .owl-nav.disabled {
    display: block !important;
}
/*.ajax-cart-owl-carousel .owl-stage-outer .owl-stage {*/
/*    width: 10000px !important;*/
/*}*/

.amtheme-socials-list
{
    z-index: 1;
}
#bss_ajaxcart_popup .mfp-close
{
    color: #fff !important;
}
@media only screen and (max-width: 767px)
{
    .dominorvid {
        min-height: 50vh !important;
    }

    .amtheme-productinfo-wrap .amtheme-productaside-wrap
    {
        margin-top: 25px !important;
    }
}
/*menu*/
.page-wrapper header .nav-sections .nav-sections-item-content .navigation > ul li.level0.parent > .submenu {
    min-width: 250px !important;
}
.page-wrapper header .nav-sections .nav-sections-item-content .navigation > ul li.level0.parent > .submenu li > a {
    font-size: 1.45rem !important;
}
.page-wrapper header .benefits-container .benefits-wrapper .benefits-item p {
    /*font-family: "Abel", sans-serif !important;*/
    font-size: 1.5rem !important;
    font-weight: unset !important;
}
.page-wrapper header .messages-container p{
    font-size: 1.55rem !important;
}
@media (max-width: 1300px)
{
    .page-wrapper header .nav-sections .nav-sections-item-content .navigation > ul li.level0 > a{
        font-size: 2rem;
    }
}


/* new css code start */

@media only screen and (max-width: 768px) {

.catalog-product-view .columns .amtheme-product-wrap .amtheme-product-info .product-info-main .product-add-form .box-tocart .fieldset .actions {display:flex;flex-direction:row;position: fixed;bottom:0px;width:auto;z-index:999999999;}

}

/* new css code end */

/* Sticky Add to Cart button on mobile */
@media (max-width: 767px) {
  .product-add-to-cart {
    position: sticky;
    bottom: 0;
    z-index: 999;
  }
}


/* =====================================================
   CONTROLLER MODZ — MINICART + POPUP RESKIN v5
   ===================================================== */


/* =====================================================
   PART 1: MINICART DRAWER
   ===================================================== */

/* --- OVERLAY --- */
.amtheme-minicart-overlay {
    background: rgba(0,0,0,0.75) !important;
    backdrop-filter: blur(4px) !important;
    -webkit-backdrop-filter: blur(4px) !important;
}

/* --- DRAWER CONTAINER --- */
#minicart-content-wrapper,
#minicart-content-wrapper.amtheme-minicart-content {
    background: #0a0a0a !important;
    border-left: 1px solid #1a1a1a !important;
    font-family: 'Inter', -apple-system, sans-serif !important;
    color: #ffffff !important;
    max-width: 480px !important;
    width: 480px !important;
    position: fixed !important;
    right: 0 !important;
    top: 0 !important;
    height: 100% !important;
    z-index: 9999 !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
}

/* Kill Amasty text-transform everywhere */
#minicart-content-wrapper,
#minicart-content-wrapper * {
    text-transform: none !important;
    letter-spacing: normal !important;
    box-sizing: border-box !important;
}

/* --- CLOSE BUTTON --- */
#minicart-content-wrapper #btn-minicart-close,
#minicart-content-wrapper .action.close {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    background: #181818 !important;
    border: 1px solid #252525 !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    opacity: 1 !important;
    visibility: visible !important;
    top: 17px !important;
    right: 20px !important;
    position: absolute !important;
    z-index: 99999 !important;
    padding: 0 !important;
    pointer-events: auto !important;
    cursor: pointer !important;
}
#minicart-content-wrapper #btn-minicart-close:hover,
#minicart-content-wrapper .action.close:hover {
    border-color: #444 !important;
}
#minicart-content-wrapper #btn-minicart-close .amtheme-icon,
#minicart-content-wrapper .action.close .amtheme-icon,
#minicart-content-wrapper #btn-minicart-close svg,
#minicart-content-wrapper .action.close svg {
    fill: #b0b0b0 !important;
    width: 14px !important;
    height: 14px !important;
    display: block !important;
    visibility: visible !important;
}
#minicart-content-wrapper #btn-minicart-close:hover .amtheme-icon,
#minicart-content-wrapper .action.close:hover .amtheme-icon {
    fill: #fff !important;
}

/* --- HEADER --- */
#minicart-content-wrapper .block-title {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 18px 20px !important;
    border-bottom: 1px solid #1a1a1a !important;
    margin: 0 !important;
    background: #0a0a0a !important;
    flex-shrink: 0 !important;
}
#minicart-content-wrapper .block-title .text {
    font-family: 'Outfit', -apple-system, sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #fff !important;
}
#minicart-content-wrapper .block-title .items-total {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
#minicart-content-wrapper .block-title .items-total .count {
    background: #00ff66 !important;
    color: #000 !important;
    width: 26px !important;
    height: 26px !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    font-family: 'Inter', sans-serif !important;
    line-height: 1 !important;
}
#minicart-content-wrapper .block-title .items-total span[data-bind*="i18n: 'Item'"],
#minicart-content-wrapper .block-title .items-total span[data-bind*="i18n: 'Items'"] {
    display: none !important;
}

/* --- ITEMS WRAPPER --- */
#minicart-content-wrapper .minicart-items-wrapper {
    padding: 16px 20px !important;
    background: #0a0a0a !important;
    border: none !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    flex: 1 !important;
}
#minicart-content-wrapper .minicart-items {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* --- ITEM CARD --- */
#minicart-content-wrapper .minicart-items .item.product-item {
    display: block !important;
    padding: 12px !important;
    background: #111111 !important;
    border: 1px solid #1a1a1a !important;
    border-radius: 12px !important;
    margin-bottom: 10px !important;
    overflow: hidden !important;
    max-width: 100% !important;
}
#minicart-content-wrapper .minicart-items .item.product-item:last-child {
    margin-bottom: 0 !important;
}
#minicart-content-wrapper .minicart-items .item.product-item:hover {
    border-color: #252525 !important;
}
#minicart-content-wrapper .minicart-items .product {
    display: flex !important;
    gap: 14px !important;
    align-items: flex-start !important;
}

/* --- PRODUCT IMAGE --- */
#minicart-content-wrapper .product-item .product-photo,
#minicart-content-wrapper .product-item .product-item-photo {
    width: 75px !important;
    height: 75px !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}
#minicart-content-wrapper .product-item .product-image-container {
    width: 75px !important;
    max-width: 75px !important;
}
#minicart-content-wrapper .product-item .product-image-wrapper {
    background: #1a1a1a !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}
#minicart-content-wrapper .product-item .product-image-photo {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    max-width: none !important;
}

/* --- PRODUCT DETAILS --- */
#minicart-content-wrapper .product-item .product-item-details {
    flex: 1 !important;
    min-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}
#minicart-content-wrapper .product-item .product-item-name {
    margin: 0 0 2px !important;
    padding: 0 !important;
}
#minicart-content-wrapper .product-item .product-item-name a {
    font-family: 'Outfit', -apple-system, sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #fff !important;
    text-decoration: none !important;
    white-space: normal !important;
    overflow: visible !important;
    display: block !important;
    line-height: 1.3 !important;
}
#minicart-content-wrapper .product-item .product-item-name a:hover {
    color: #00ff66 !important;
}

/* --- SEE DETAILS TOGGLE --- */
#minicart-content-wrapper .product-item .product.options {
    margin: 4px 0 2px !important;
    overflow: visible !important;
}
#minicart-content-wrapper .product-item .product.options .toggle {
    font-family: 'Inter', sans-serif !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    color: #00ff66 !important;
    text-decoration: none !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 2px 0 !important;
    white-space: nowrap !important;
    overflow: visible !important;
    position: relative !important;
}
#minicart-content-wrapper .product-item .product.options .toggle::after {
    font-size: 8px !important;
    line-height: 1 !important;
    display: inline-block !important;
    vertical-align: middle !important;
    margin-left: 4px !important;
    position: static !important;
    transform: none !important;
    float: none !important;
}
#minicart-content-wrapper .product-item .product.options .toggle > * {
    flex-shrink: 0 !important;
    position: static !important;
    display: inline-flex !important;
    vertical-align: middle !important;
}
#minicart-content-wrapper .product-item .product.options .toggle .amtheme-icon,
#minicart-content-wrapper .product-item .product.options .toggle svg,
#minicart-content-wrapper .product-item .product.options .toggle img {
    width: 10px !important;
    height: 10px !important;
    fill: #00ff66 !important;
    flex-shrink: 0 !important;
    position: static !important;
    margin-left: 2px !important;
}

/* See Details expanded content */
#minicart-content-wrapper .product-item .product.options .content {
    margin-top: 6px !important;
    padding: 10px 12px !important;
    background: #1a1a1a !important;
    border-radius: 8px !important;
    border: 1px solid #222 !important;
    line-height: 1.6 !important;
    font-size: 12px !important;
    color: #999 !important;
    overflow: hidden !important;
    max-width: 100% !important;
    word-wrap: break-word !important;
}
#minicart-content-wrapper .product-item .product.options .content dt {
    font-weight: 600 !important;
    color: #ccc !important;
    font-size: 12px !important;
    margin-top: 6px !important;
}
#minicart-content-wrapper .product-item .product.options .content dt:first-child {
    margin-top: 0 !important;
}
#minicart-content-wrapper .product-item .product.options .content dd {
    font-weight: 400 !important;
    color: #999 !important;
    font-size: 12px !important;
    margin: 0 0 2px !important;
    padding: 0 !important;
}
#minicart-content-wrapper .product-item .product.options .content table {
    width: 100% !important;
    border-collapse: collapse !important;
    background: transparent !important;
}
#minicart-content-wrapper .product-item .product.options .content table td,
#minicart-content-wrapper .product-item .product.options .content table th {
    padding: 2px 4px !important;
    border: none !important;
    font-size: 12px !important;
    background: transparent !important;
    color: #999 !important;
    font-weight: 400 !important;
}
#minicart-content-wrapper .product-item .product.options .content table th {
    color: #ccc !important;
    font-weight: 600 !important;
}

/* --- PRICING ROW --- */
#minicart-content-wrapper .product-item .product-item-pricing {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    margin-top: 8px !important;
}
#minicart-content-wrapper .product-item .details-qty {
    order: 1 !important;
    display: flex !important;
    align-items: center !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    flex-shrink: 0 !important;
}
#minicart-content-wrapper .product-item .details-qty > .label {
    display: none !important;
}
#minicart-content-wrapper .product-item .product-info-price {
    order: 2 !important;
    margin-left: auto !important;
    flex-shrink: 0 !important;
}
#minicart-content-wrapper .product-item .product-info-price .label {
    display: none !important;
}
#minicart-content-wrapper .product-item .minicart-price .price,
#minicart-content-wrapper .product-item .price-wrapper .price {
    font-family: 'Outfit', -apple-system, sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #00ff66 !important;
}
#minicart-content-wrapper .product-item .price-including-tax[data-label]::before {
    display: none !important;
}

/* --- QTY CONTROLS --- */
#minicart-content-wrapper .product-item .amtheme-qty-box {
    display: flex !important;
    align-items: center !important;
    background: #1a1a1a !important;
    border: 1px solid #252525 !important;
    border-radius: 6px !important;
    overflow: hidden !important;
}
#minicart-content-wrapper .product-item .amtheme-minus,
#minicart-content-wrapper .product-item .amtheme-plus {
    width: 28px !important;
    height: 28px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    background: none !important;
    border: none !important;
}
#minicart-content-wrapper .product-item .amtheme-minus .amtheme-icon,
#minicart-content-wrapper .product-item .amtheme-plus .amtheme-icon {
    fill: #b0b0b0 !important;
    width: 12px !important;
    height: 12px !important;
}
#minicart-content-wrapper .product-item .amtheme-minus:hover .amtheme-icon,
#minicart-content-wrapper .product-item .amtheme-plus:hover .amtheme-icon {
    fill: #00ff66 !important;
}
#minicart-content-wrapper .product-item .amtheme-qty {
    width: 26px !important;
    text-align: center !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #fff !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    -moz-appearance: textfield !important;
    font-family: 'Inter', sans-serif !important;
}
#minicart-content-wrapper .product-item .amtheme-qty::-webkit-inner-spin-button,
#minicart-content-wrapper .product-item .amtheme-qty::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}
#minicart-content-wrapper .product-item .update-cart-item {
    background: #00ff66 !important;
    color: #000 !important;
    border: none !important;
    border-radius: 6px !important;
    padding: 4px 8px !important;
    margin-left: 6px !important;
    cursor: pointer !important;
}
#minicart-content-wrapper .product-item .update-cart-item .amtheme-icon {
    fill: #000 !important;
    width: 12px !important;
    height: 12px !important;
}

/* --- DELETE --- */
#minicart-content-wrapper .product-item .action.delete {
    display: block !important;
    margin-top: 4px !important;
    padding: 0 !important;
    background: none !important;
    border: none !important;
    text-align: right !important;
}
#minicart-content-wrapper .product-item .action.delete span {
    font-family: 'Inter', sans-serif !important;
    font-size: 12px !important;
    color: #666 !important;
    text-decoration: none !important;
    cursor: pointer !important;
}
#minicart-content-wrapper .product-item .action.delete:hover span {
    color: #ef4444 !important;
}
#minicart-content-wrapper .product-item .action.delete .amtheme-icon {
    display: none !important;
}

/* --- FOOTER --- */
#minicart-content-wrapper .block-content {
    padding: 0 !important;
    background: #0a0a0a !important;
    border-top: 1px solid #1a1a1a !important;
    flex-shrink: 0 !important;
}
#minicart-content-wrapper .block-content .subtotal {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 16px 20px !important;
    margin: 0 !important;
    border-bottom: 1px solid #1a1a1a !important;
}
#minicart-content-wrapper .block-content .subtotal .label {
    font-family: 'Inter', sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #fff !important;
}
#minicart-content-wrapper .block-content .subtotal .amount .price,
#minicart-content-wrapper .block-content .subtotal .price-wrapper .price {
    font-family: 'Outfit', -apple-system, sans-serif !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    color: #00ff66 !important;
}

/* --- CHECKOUT BUTTON ---
   .primary div IS the visual green button.
   The real <button> is invisible but clickable on top.
   This avoids the phantom underline that browsers paint on button text. */
#minicart-content-wrapper .block-content .actions {
    padding: 0 !important;
    margin: 0 !important;
}
#minicart-content-wrapper .block-content .actions .primary {
    background: #00ff66 !important;
    border-radius: 10px !important;
    padding: 0 !important;
    margin: 0 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 48px !important;
    position: relative !important;
    cursor: pointer !important;
    transition: background 0.2s !important;
}
#minicart-content-wrapper .block-content .actions .primary:hover {
    background: #00dd55 !important;
}
#minicart-content-wrapper .block-content .actions .primary::after {
    content: '\1F512  Secure Checkout' !important;
    font-family: 'Outfit', -apple-system, sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #000 !important;
    pointer-events: none !important;
    white-space: nowrap !important;
}
/* Real button — invisible but covers full area for clicks */
#minicart-content-wrapper #top-cart-btn-checkout,
#minicart-content-wrapper .action.checkout {
    opacity: 0 !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    cursor: pointer !important;
    z-index: 2 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}
/* Kill ::before and ::after on the real button */
#minicart-content-wrapper #top-cart-btn-checkout::before,
#minicart-content-wrapper #top-cart-btn-checkout::after {
    content: none !important;
    display: none !important;
}

/* HIDE express payment buttons */
#minicart-content-wrapper .block-content .extra-actions,
#minicart-content-wrapper .block-content .actions .primary .braintree-minicart,
#minicart-content-wrapper .block-content .actions .primary .braintree-applepay-minicart,
#minicart-content-wrapper .block-content .actions .primary [data-braintree-id],
#minicart-content-wrapper .block-content .actions .primary .paypal-button-container,
#minicart-content-wrapper .block-content .actions .primary .zoid-component-frame,
#minicart-content-wrapper .block-content .actions .primary iframe,
#minicart-content-wrapper .block-content .actions .primary .braintree-googlepay,
#minicart-content-wrapper .block-content .actions .primary > div:not(:first-child),
#minicart-content-wrapper .block-content .actions .primary hr,
#minicart-content-wrapper .block-content .paypal-button-container,
#minicart-content-wrapper .block-content [data-braintree-id],
#minicart-content-wrapper .block-content .braintree-minicart {
    display: none !important;
    height: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
    max-height: 0 !important;
    visibility: hidden !important;
}

/* --- VIEW AND EDIT CART --- */
#minicart-content-wrapper .block-content .actions .secondary {
    padding: 8px 16px 0 !important;
    margin: 0 !important;
    text-align: center !important;
}
#minicart-content-wrapper .action.viewcart {
    display: block !important;
    width: 100% !important;
    padding: 12px !important;
    background: transparent !important;
    border: 1px solid #252525 !important;
    border-radius: 10px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #b0b0b0 !important;
    text-decoration: none !important;
    text-align: center !important;
}
#minicart-content-wrapper .action.viewcart:hover {
    border-color: #444 !important;
    color: #fff !important;
}

/* --- TRUST BADGES --- */
#minicart-content-wrapper .block-content .actions .secondary {
    padding-bottom: 12px !important;
}
#minicart-content-wrapper .block-content .actions .secondary::after {
    content: '\2B50  35,000+ Controllers Built       \1F512  Secure Payment' !important;
    display: block !important;
    text-align: center !important;
    padding: 12px 0 2px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 11px !important;
    color: #888 !important;
    margin-top: 8px !important;
    border-top: 1px solid #1a1a1a !important;
    white-space: pre !important;
    letter-spacing: 0 !important;
}

/* --- EMPTY CART --- */
#minicart-content-wrapper .subtitle.empty {
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    color: #808080 !important;
    text-align: center !important;
    padding: 40px 20px !important;
}

/* --- LOADING --- */
#minicart-content-wrapper .loading-mask {
    background: rgba(10,10,10,0.85) !important;
}

/* --- SCROLLBAR --- */
#minicart-content-wrapper .minicart-items-wrapper::-webkit-scrollbar {
    width: 4px !important;
}
#minicart-content-wrapper .minicart-items-wrapper::-webkit-scrollbar-track {
    background: transparent !important;
}
#minicart-content-wrapper .minicart-items-wrapper::-webkit-scrollbar-thumb {
    background: #333 !important;
    border-radius: 4px !important;
}

/* --- MOBILE --- */
@media (max-width: 768px) {
    #minicart-content-wrapper,
    #minicart-content-wrapper.amtheme-minicart-content {
        max-width: 100% !important;
        width: 100% !important;
    }
    #minicart-content-wrapper #btn-minicart-close,
    #minicart-content-wrapper .action.close {
        top: 16px !important;
        right: 16px !important;
    }
}

/* --- DELETE CONFIRMATION MODAL --- */
.modal-popup.confirm .modal-inner-wrap {
    background: #141414 !important;
    border: 1px solid #252525 !important;
    border-radius: 16px !important;
    color: #fff !important;
    max-width: 400px !important;
    overflow: hidden !important;
}
.modal-popup.confirm .modal-header {
    background: #141414 !important;
    border-bottom: 1px solid #1a1a1a !important;
    padding: 16px 20px !important;
}
.modal-popup.confirm .modal-header .action-close {
    color: #b0b0b0 !important;
}
.modal-popup.confirm .modal-header .action-close:hover {
    color: #fff !important;
}
.modal-popup.confirm .modal-content {
    background: #141414 !important;
    color: #ccc !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    padding: 24px 20px !important;
}
.modal-popup.confirm .modal-footer {
    background: #141414 !important;
    border-top: 1px solid #1a1a1a !important;
    padding: 16px 20px !important;
    display: flex !important;
    justify-content: flex-end !important;
    gap: 10px !important;
}
.modal-popup.confirm .modal-footer .action-secondary,
.modal-popup.confirm .modal-footer .action-dismiss {
    background: transparent !important;
    border: 1px solid #252525 !important;
    border-radius: 8px !important;
    color: #b0b0b0 !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 13px !important;
    padding: 10px 20px !important;
    cursor: pointer !important;
}
.modal-popup.confirm .modal-footer .action-secondary:hover,
.modal-popup.confirm .modal-footer .action-dismiss:hover {
    border-color: #444 !important;
    color: #fff !important;
}
.modal-popup.confirm .modal-footer .action-primary,
.modal-popup.confirm .modal-footer .action-accept {
    background: #00ff66 !important;
    border: none !important;
    border-radius: 8px !important;
    color: #000 !important;
    font-family: 'Outfit', sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    padding: 10px 20px !important;
    cursor: pointer !important;
}
.modal-popup.confirm .modal-footer .action-primary:hover,
.modal-popup.confirm .modal-footer .action-accept:hover {
    background: #00dd55 !important;
}
/* Dark overlay behind confirm modal */
.modals-overlay {
    background: rgba(0,0,0,0.7) !important;
}


/* =====================================================
   PART 2: BSS AJAX CART POPUP
   ===================================================== */

/* --- OVERLAY --- */
.mfp-bg {
    background: rgba(0,0,0,0.75) !important;
    backdrop-filter: blur(4px) !important;
    -webkit-backdrop-filter: blur(4px) !important;
}

/* --- POPUP CONTAINER --- */
#bss_ajaxcart_popup,
#bss_ajaxcart_popup.white-popup {
    background: #141414 !important;
    border: 1px solid #1e1e1e !important;
    border-radius: 20px !important;
    max-width: 460px !important;
    width: 92vw !important;
    padding: 0 !important;
    font-family: 'Inter', -apple-system, sans-serif !important;
    overflow: hidden !important;
    color: #fff !important;
}
#bss_ajaxcart_popup *,
#bss_ajaxcart_popup {
    text-transform: none !important;
    letter-spacing: normal !important;
    box-sizing: border-box !important;
}
#bss_ajaxcart_popup .popup,
#bss_ajaxcart_popup .popup .block {
    padding: 0 !important;
    margin: 0 !important;
}

/* --- CLOSE --- */
#bss_ajaxcart_popup + .mfp-close,
#bss_ajaxcart_popup .mfp-close,
.mfp-container .mfp-close {
    width: 32px !important;
    height: 32px !important;
    background: rgba(255,255,255,0.08) !important;
    border: none !important;
    border-radius: 50% !important;
    color: #b0b0b0 !important;
    font-size: 18px !important;
    line-height: 32px !important;
    text-align: center !important;
    opacity: 1 !important;
    top: 14px !important;
    right: 14px !important;
    padding: 0 !important;
}
#bss_ajaxcart_popup .mfp-close:hover,
.mfp-container .mfp-close:hover {
    background: rgba(255,255,255,0.15) !important;
    color: #fff !important;
}

/* --- SUCCESS HEADER --- */
#bss_ajaxcart_popup .header {
    background: rgba(0,255,102,0.05) !important;
    border-bottom: 1px solid #1e1e1e !important;
    padding: 20px 24px !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}
#bss_ajaxcart_popup .header::before {
    content: '\2713' !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    background: #00ff66 !important;
    border-radius: 50% !important;
    color: #000 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
}
#bss_ajaxcart_popup .header strong {
    font-family: 'Outfit', -apple-system, sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #fff !important;
    margin: 0 !important;
    display: block !important;
}

/* --- MESSAGE --- */
#bss_ajaxcart_popup .popup .block .message,
#bss_ajaxcart_popup .message {
    padding: 0 24px 16px !important;
    margin: 0 !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 13px !important;
    color: #b0b0b0 !important;
    background: rgba(0,255,102,0.05) !important;
    border-bottom: 1px solid #1e1e1e !important;
    line-height: 1.5 !important;
}
#bss_ajaxcart_popup .message a {
    color: #fff !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}
#bss_ajaxcart_popup .message a:hover {
    color: #00ff66 !important;
}

/* --- PRODUCT CARD --- */
#bss_ajaxcart_popup #popup-main-body {
    display: flex !important;
    gap: 16px !important;
    padding: 20px 24px !important;
    margin: 0 !important;
    background: transparent !important;
    border-bottom: 1px solid #1e1e1e !important;
    border-radius: 0 !important;
    align-items: center !important;
}
#bss_ajaxcart_popup #popup-main-body .product-image {
    width: 80px !important;
    min-width: 80px !important;
    height: 80px !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #1a1a1a !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
#bss_ajaxcart_popup #popup-main-body .product-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}
#bss_ajaxcart_popup #popup-main-body .product-image > div {
    display: none !important;
}
#bss_ajaxcart_popup #popup-main-body .cart-info {
    flex: 1 !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #fff !important;
    overflow: visible !important;
    background: transparent !important;
    text-align: left !important;
}
#bss_ajaxcart_popup .cart-info .items-count {
    margin-bottom: 4px !important;
}
#bss_ajaxcart_popup .cart-info .items-count,
#bss_ajaxcart_popup .cart-info .items-count span {
    font-family: 'Inter', sans-serif !important;
    font-size: 13px !important;
    color: #b0b0b0 !important;
}
#bss_ajaxcart_popup .cart-info .items-count a {
    color: #00ff66 !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}
#bss_ajaxcart_popup .cart-info .subtotal {
    margin: 0 !important;
    border: none !important;
    padding: 0 !important;
}
#bss_ajaxcart_popup .cart-info .subtotal > span {
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    color: #b0b0b0 !important;
}
#bss_ajaxcart_popup .cart-info .subtotal .price {
    font-family: 'Outfit', -apple-system, sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #00ff66 !important;
}
#bss_ajaxcart_popup .cart-info .checkout-link {
    display: none !important;
}

/* --- SUGGESTED ITEMS --- */
#bss_ajaxcart_popup #ajax-suggest {
    padding: 16px 24px 20px !important;
    border-top: 1px solid #1e1e1e !important;
    background: transparent !important;
}
#bss_ajaxcart_popup #ajax-suggest .block-title {
    font-family: 'Inter', sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #fff !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
}
#bss_ajaxcart_popup #ajax-suggest .product-item-info {
    background: #1a1a1a !important;
    border: 1px solid #252525 !important;
    border-radius: 10px !important;
    padding: 12px !important;
    text-align: center !important;
}
#bss_ajaxcart_popup #ajax-suggest .product-item-info::after,
#bss_ajaxcart_popup #ajax-suggest .product-item-info:hover::after {
    display: none !important;
}
#bss_ajaxcart_popup #ajax-suggest .product-item-info:hover {
    background: #1a1a1a !important;
    border-color: #00ff66 !important;
}
#bss_ajaxcart_popup #ajax-suggest .product-item-info img {
    height: 80px !important;
    width: auto !important;
    max-width: 100% !important;
    display: inline-block !important;
    margin-bottom: 8px !important;
}
#bss_ajaxcart_popup #ajax-suggest .product-item-link {
    font-family: 'Inter', sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #fff !important;
    text-decoration: none !important;
}
#bss_ajaxcart_popup #ajax-suggest .price-box .price {
    font-family: 'Outfit', sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #00ff66 !important;
}
#bss_ajaxcart_popup #ajax-suggest .actions-primary > button {
    background: transparent !important;
    border: 1px solid #00ff66 !important;
    border-radius: 8px !important;
    padding: 8px 16px !important;
    height: auto !important;
    line-height: 1.4 !important;
    cursor: pointer !important;
}
#bss_ajaxcart_popup #ajax-suggest .actions-primary > button span {
    font-family: 'Inter', sans-serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    color: #00ff66 !important;
}
#bss_ajaxcart_popup #ajax-suggest .actions-primary:hover > button {
    background: #00ff66 !important;
}
#bss_ajaxcart_popup #ajax-suggest .actions-primary:hover > button span {
    color: #000 !important;
}

/* --- ACTION BUTTONS --- */
#bss_ajaxcart_popup .popup > .action,
#bss_ajaxcart_popup .popup > .action.clearfix,
#bss_ajaxcart_popup .popup > .action.cm-popup-actions {
    clear: none !important;
    float: none !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    padding: 20px 24px !important;
    margin: 0 !important;
    background: transparent !important;
}
#bss_ajaxcart_popup .btn-viewcart {
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
    order: 1 !important;
}
#bss_ajaxcart_popup .btn-viewcart a,
#bss_ajaxcart_popup .btn-viewcart a.view-cart {
    display: block !important;
    text-decoration: none !important;
}
#bss_ajaxcart_popup .btn-viewcart button.viewcart,
#bss_ajaxcart_popup .btn-viewcart .viewcart {
    width: 100% !important;
    height: 48px !important;
    padding: 0 14px !important;
    background: #00ff66 !important;
    border: none !important;
    border-radius: 10px !important;
    font-family: 'Outfit', -apple-system, sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #000 !important;
    cursor: pointer !important;
    text-align: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
}
#bss_ajaxcart_popup .btn-viewcart button.viewcart:hover {
    background: #00dd55 !important;
}
#bss_ajaxcart_popup .action > .checkout-link,
#bss_ajaxcart_popup .action.clearfix > .checkout-link,
#bss_ajaxcart_popup .cm-popup-actions > .checkout-link {
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
    order: 2 !important;
}
#bss_ajaxcart_popup .action > .checkout-link a,
#bss_ajaxcart_popup .action.clearfix > .checkout-link a,
#bss_ajaxcart_popup .cm-popup-actions > .checkout-link a {
    display: block !important;
    width: 100% !important;
    padding: 12px !important;
    background: transparent !important;
    border: 1px solid #252525 !important;
    border-radius: 10px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #b0b0b0 !important;
    text-decoration: none !important;
    text-align: center !important;
}
#bss_ajaxcart_popup .action > .checkout-link a:hover,
#bss_ajaxcart_popup .cm-popup-actions > .checkout-link a:hover {
    border-color: #444 !important;
    color: #fff !important;
}
#bss_ajaxcart_popup .btn-continue-shopping {
    width: 100% !important;
    text-align: center !important;
    margin: 0 !important;
    order: 3 !important;
}
#bss_ajaxcart_popup .btn-continue-shopping button.continue-shopping {
    background: none !important;
    border: none !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 13px !important;
    color: #666 !important;
    cursor: pointer !important;
    text-decoration: underline !important;
    text-underline-offset: 3px !important;
    padding: 4px !important;
}
#bss_ajaxcart_popup .btn-continue-shopping button.continue-shopping:hover {
    color: #b0b0b0 !important;
}
#bss_ajaxcart_popup .btn-continue {
    width: 100% !important;
    float: none !important;
    text-align: center !important;
    margin: 0 !important;
    order: 3 !important;
}
#bss_ajaxcart_popup .btn-continue button.continue {
    background: none !important;
    border: none !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 13px !important;
    color: #666 !important;
    cursor: pointer !important;
    text-decoration: underline !important;
    text-underline-offset: 3px !important;
    padding: 4px !important;
}

/* --- POPUP MOBILE --- */
@media (max-width: 600px) {
    #bss_ajaxcart_popup,
    #bss_ajaxcart_popup.white-popup {
        width: 95vw !important;
        max-width: 95vw !important;
        border-radius: 16px !important;
    }
    #bss_ajaxcart_popup .header {
        padding: 16px 18px !important;
    }
    #bss_ajaxcart_popup .message {
        padding: 0 18px 12px !important;
    }
    #bss_ajaxcart_popup #popup-main-body {
        padding: 16px 18px !important;
    }
    #bss_ajaxcart_popup .popup > .action,
    #bss_ajaxcart_popup .popup > .action.clearfix,
    #bss_ajaxcart_popup .popup > .action.cm-popup-actions {
        padding: 16px 18px !important;
    }
}


/* =====================================================
   CONTROLLER MODZ — CART PAGE RESKIN V6
   
   Works with restructured default.phtml template.
   Product section + Controls section in one td.
   No more table layout fights.
   ===================================================== */

/* ─── CSS VARIABLES ─── */
body.checkout-cart-index {
    --cm-primary: #00ff66;
    --cm-primary-hover: #00dd55;
    --cm-bg-card: #171717;
    --cm-bg-tertiary: #121212;
    --cm-border: #202020;
    --cm-border-light: #2a2a2a;
    --cm-text-secondary: #a8a8a8;
    --cm-text-tertiary: #686868;
    --cm-error: #ef4444;
}

/* ─── GLOBAL FONT OVERRIDE ─── */
body.checkout-cart-index *,
body.checkout-cart-index *::before,
body.checkout-cart-index *::after {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
}
body.checkout-cart-index h1,
body.checkout-cart-index h2,
body.checkout-cart-index h3,
body.checkout-cart-index .page-title,
body.checkout-cart-index .summary.title,
body.checkout-cart-index .product-item-name a,
body.checkout-cart-index .cm-product-price .price,
body.checkout-cart-index .grand.totals .amount .price,
body.checkout-cart-index .action.checkout span,
body.checkout-cart-index .cm-cart-h1,
body.checkout-cart-index .crosssell .block-title strong,
body.checkout-cart-index .crosssell .product-item-name a,
body.checkout-cart-index .crosssell .price,
body.checkout-cart-index .crosssell .price-box .price {
    font-family: 'Outfit', -apple-system, sans-serif !important;
}


/* =====================================================
   HIDE THINGS WE DON'T NEED
   ===================================================== */
body.checkout-cart-index #shopping-cart-table > thead {
    display: none !important;
}
body.checkout-cart-index #shopping-cart-table {
    border: none !important;
}
body.checkout-cart-index .page-title-wrapper {
    display: none !important;
}
/* Kill ALL old update buttons/bars — but NOT .cm-update-btn (JS controls that) */
body.checkout-cart-index .cart.main.actions,
body.checkout-cart-index .amtheme-update-box,
body.checkout-cart-index .action.update:not(.cm-update-btn),
body.checkout-cart-index button.action.update:not(.cm-update-btn),
body.checkout-cart-index .item-actions .action.update {
    display: none !important;
}


/* =====================================================
   FREE DELIVERY BANNER
   ===================================================== */
body.checkout-cart-index .cm-free-delivery-banner {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    padding: 14px 20px;
    background: linear-gradient(90deg, #00ff66, #00dd88);
    border-radius: 12px;
    margin-bottom: 30px;
}
body.checkout-cart-index .cm-fdb-icon { font-size: 24px; }
body.checkout-cart-index .cm-fdb-text {
    font-size: 15px;
    font-weight: 600;
    color: #000;
}
body.checkout-cart-index .cm-fdb-text span {
    opacity: 0.7;
    font-weight: 400;
}


/* =====================================================
   CART HEADER
   ===================================================== */
body.checkout-cart-index .cm-cart-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}
body.checkout-cart-index .cm-cart-h1 {
    font-size: 32px !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    margin: 0 !important;
}
body.checkout-cart-index .cm-cart-actions-top {
    display: flex;
    gap: 12px;
}
body.checkout-cart-index .cm-cart-action-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 10px 18px;
    background: var(--cm-bg-card);
    border: 1px solid var(--cm-border);
    border-radius: 25px;
    font-size: 13px;
    font-weight: 500;
    color: var(--cm-text-secondary);
    text-decoration: none;
    cursor: pointer;
    transition: all 0.25s ease;
}
body.checkout-cart-index .cm-cart-action-link:hover {
    border-color: #444;
    color: #ffffff;
    background: #1d1d1d;
}


/* =====================================================
   PRODUCT CARD (tbody)
   ===================================================== */
body.checkout-cart-index .cart.table-wrapper tbody.product-item {
    display: block !important;
    padding: 25px !important;
    background: var(--cm-bg-card) !important;
    border: 1px solid var(--cm-border) !important;
    border-radius: 16px !important;
    margin-bottom: 20px !important;
    transition: border-color 0.25s ease !important;
}
body.checkout-cart-index .cart.table-wrapper tbody.product-item:hover {
    border-color: var(--cm-border-light) !important;
}
body.checkout-cart-index .cart.table-wrapper tbody.product-item tr,
body.checkout-cart-index .cart.table-wrapper tbody.product-item td {
    display: block !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
}


/* =====================================================
   PRODUCT SECTION (image + info + price)
   ===================================================== */
body.checkout-cart-index .cm-product-section {
    display: flex !important;
    gap: 20px !important;
    align-items: flex-start !important;
    margin-bottom: 20px !important;
}

/* Product Image */
body.checkout-cart-index .cm-product-image {
    flex: 0 0 auto !important;
    width: 120px !important;
}
body.checkout-cart-index .cm-product-image .amtheme-inner {
    display: block !important;
}
body.checkout-cart-index .cm-product-image .product-image-container {
    width: 120px !important;
    max-width: 120px !important;
}
body.checkout-cart-index .cm-product-image .product-image-wrapper {
    padding-bottom: 0 !important;
    height: auto !important;
    overflow: hidden !important;
    border-radius: 12px !important;
}
body.checkout-cart-index .cm-product-image .product-image-photo {
    width: 120px !important;
    height: 120px !important;
    object-fit: contain !important;
    border-radius: 12px !important;
    position: relative !important;
}
body.checkout-cart-index .cm-product-image .product-item-photo::after {
    display: none !important;
}

/* Product Info */
body.checkout-cart-index .cm-product-info {
    flex: 1 !important;
    min-width: 0 !important;
}

/* Product Header: Name + Price on same line */
body.checkout-cart-index .cm-product-header {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 20px !important;
    margin-bottom: 6px !important;
}
body.checkout-cart-index .cm-product-header .product-item-name {
    flex: 1 !important;
    line-height: 1.3 !important;
    margin: 0 !important;
}
body.checkout-cart-index .cm-product-header .product-item-name a {
    font-weight: 700 !important;
    font-size: 18px !important;
    color: #ffffff !important;
    text-decoration: none !important;
    text-transform: none !important;
    transition: color 0.2s !important;
}
body.checkout-cart-index .cm-product-header .product-item-name a:hover {
    color: var(--cm-primary) !important;
}

/* Price (moved into product header) */
body.checkout-cart-index .cm-product-price {
    flex: 0 0 auto !important;
}
body.checkout-cart-index .cm-product-price .price {
    font-weight: 800 !important;
    font-size: 22px !important;
    color: var(--cm-primary) !important;
    text-shadow: none !important;
    white-space: nowrap !important;
}
body.checkout-cart-index .cm-product-price .cart-price::after,
body.checkout-cart-index .cm-product-price .price::after {
    display: none !important;
}
/* Hide the "Subtotal" label that Magento adds */
body.checkout-cart-index .cm-product-price .amtheme-label-small {
    display: none !important;
}
/* Hide "Price" label inside product details */
body.checkout-cart-index .cm-product-info > .price,
body.checkout-cart-index .cm-product-info .product-item-details > .price {
    display: none !important;
}

/* See Details toggle */
body.checkout-cart-index .item-options .toggle {
    font-size: 13px !important;
    font-weight: 500 !important;
    color: var(--cm-primary) !important;
    cursor: pointer !important;
}

/* Delivery Date message — dark pill with truck emoji */
body.checkout-cart-index .cart.item.message,
body.checkout-cart-index .cm-product-info .cart.item.message {
    font-weight: 400 !important;
    font-size: 13px !important;
    color: var(--cm-text-secondary) !important;
    padding: 10px 16px !important;
    background: var(--cm-bg-tertiary) !important;
    border: 1px solid var(--cm-border) !important;
    border-radius: 10px !important;
    margin-top: 10px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0 !important;
    line-height: 1.4 !important;
}
body.checkout-cart-index .cart.item.message > span {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
}
body.checkout-cart-index .cart.item.message > span::before {
    content: "🚚" !important;
    font-size: 15px !important;
    line-height: 1 !important;
    flex-shrink: 0 !important;
    display: inline-block !important;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
    width: auto !important;
    height: auto !important;
    position: static !important;
    top: auto !important;
}


/* =====================================================
   CONTROLS SECTION (Qty + Edit + Remove — ONE ROW)
   ===================================================== */
body.checkout-cart-index .cm-controls-section {
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
    padding-top: 20px !important;
    border-top: 1px solid var(--cm-border) !important;
    flex-wrap: wrap !important;
}

/* ─── Quantity Group ─── */
body.checkout-cart-index .cm-qty-group {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}
body.checkout-cart-index .cm-qty-label {
    font-size: 13px !important;
    font-weight: 500 !important;
    color: var(--cm-text-tertiary) !important;
}
body.checkout-cart-index .cm-qty-box {
    display: flex !important;
    align-items: center !important;
    background: var(--cm-bg-tertiary) !important;
    border: 1px solid var(--cm-border) !important;
    border-radius: 10px !important;
    height: 42px !important;
    overflow: hidden !important;
}
/* Minus / Plus buttons */
body.checkout-cart-index .cm-qty-box .amtheme-minus,
body.checkout-cart-index .cm-qty-box .amtheme-plus {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    transition: background 0.2s ease !important;
}
body.checkout-cart-index .cm-qty-box .amtheme-minus:hover,
body.checkout-cart-index .cm-qty-box .amtheme-plus:hover {
    background: rgba(255, 255, 255, 0.06) !important;
}
body.checkout-cart-index .cm-qty-box .amtheme-icon,
body.checkout-cart-index .cm-qty-box svg {
    fill: var(--cm-text-secondary) !important;
    width: 14px !important;
    height: 14px !important;
    transition: fill 0.2s !important;
}
body.checkout-cart-index .cm-qty-box .amtheme-minus:hover svg,
body.checkout-cart-index .cm-qty-box .amtheme-plus:hover svg,
body.checkout-cart-index .cm-qty-box .amtheme-minus:hover .amtheme-icon,
body.checkout-cart-index .cm-qty-box .amtheme-plus:hover .amtheme-icon {
    fill: var(--cm-primary) !important;
}
/* Qty input */
body.checkout-cart-index .cm-qty-box input.amtheme-qty,
body.checkout-cart-index .cm-qty-box input[type="number"] {
    width: 45px !important;
    min-width: 45px !important;
    height: 42px !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    color: #ffffff !important;
    text-align: center !important;
    background: transparent !important;
    border: none !important;
    border-left: 1px solid var(--cm-border) !important;
    border-right: 1px solid var(--cm-border) !important;
    padding: 0 !important;
    -moz-appearance: textfield !important;
    appearance: textfield !important;
    line-height: 42px !important;
}
body.checkout-cart-index .cm-qty-box input::-webkit-outer-spin-button,
body.checkout-cart-index .cm-qty-box input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

/* ─── Action Buttons (Edit + Remove) ─── */
body.checkout-cart-index .cm-action-buttons {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin-left: auto !important;
}
/* Style both Edit and Delete as pill buttons */
body.checkout-cart-index .cm-action-buttons a,
body.checkout-cart-index .cm-action-buttons .action {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 16px !important;
    background: var(--cm-bg-tertiary) !important;
    border: 1px solid var(--cm-border) !important;
    border-radius: 10px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: var(--cm-text-secondary) !important;
    text-decoration: none !important;
    text-transform: none !important;
    cursor: pointer !important;
    transition: all 0.25s ease !important;
    white-space: nowrap !important;
}
/* Reset any inner spans */
body.checkout-cart-index .cm-action-buttons a span,
body.checkout-cart-index .cm-action-buttons .action span {
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    color: inherit !important;
    font: inherit !important;
}
/* Edit button — pencil emoji via ::before */
body.checkout-cart-index .cm-action-buttons .action-edit::before {
    content: "✏️" !important;
    font-size: 13px !important;
}
body.checkout-cart-index .cm-action-buttons .action-edit:hover {
    border-color: #444 !important;
    color: #ffffff !important;
    background: #1d1d1d !important;
}
/* Remove button — trash emoji via ::before */
body.checkout-cart-index .cm-action-buttons .action-delete::before {
    content: "🗑️" !important;
    font-size: 13px !important;
}
body.checkout-cart-index .cm-action-buttons .action-delete:hover {
    border-color: var(--cm-error) !important;
    color: var(--cm-error) !important;
}

/* ─── UPDATE button (shown via JS when qty changes) ─── */
body.checkout-cart-index .cm-update-btn {
    display: none;
    align-items: center;
    gap: 6px;
    padding: 10px 18px !important;
    background: transparent !important;
    background-image: none !important;
    border: 1px solid var(--cm-primary) !important;
    border-radius: 10px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: var(--cm-primary) !important;
    cursor: pointer !important;
    transition: all 0.25s ease !important;
    white-space: nowrap !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    box-shadow: none !important;
    height: auto !important;
    line-height: 1.4 !important;
}
body.checkout-cart-index .cm-update-btn:hover {
    background: rgba(0, 255, 102, 0.1) !important;
    border-color: var(--cm-primary) !important;
}


/* =====================================================
   ORDER SUMMARY SIDEBAR
   ===================================================== */
body.checkout-cart-index .cart-summary,
body.checkout-cart-index #cart-summary {
    background: var(--cm-bg-card) !important;
    border: 1px solid var(--cm-border) !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: sticky !important;
    top: 30px !important;
}
body.checkout-cart-index .cart-summary > * {
    background: transparent !important;
    background-color: transparent !important;
}

/* Summary Title */
body.checkout-cart-index .cart-summary .summary.title {
    font-weight: 700 !important;
    font-size: 18px !important;
    color: #ffffff !important;
    text-transform: none !important;
    padding: 20px 25px !important;
    border-bottom: 1px solid var(--cm-border) !important;
    margin: 0 !important;
}

/* Totals */
body.checkout-cart-index .cart-summary .cart-totals {
    padding: 0 25px !important;
}
body.checkout-cart-index .cart-summary .data.table.totals {
    border: none !important;
}
body.checkout-cart-index .cart-summary .data.table.totals tr {
    border-bottom: 1px solid var(--cm-border) !important;
}
body.checkout-cart-index .cart-summary .data.table.totals tr:last-child {
    border-bottom: none !important;
}
body.checkout-cart-index .cart-summary .data.table.totals th,
body.checkout-cart-index .cart-summary .data.table.totals td {
    padding: 14px 0 !important;
    background: transparent !important;
}
body.checkout-cart-index .cart-summary .data.table.totals .mark,
body.checkout-cart-index .cart-summary .data.table.totals .mark strong {
    font-weight: 500 !important;
    font-size: 14px !important;
    text-transform: none !important;
    color: var(--cm-text-secondary) !important;
}
body.checkout-cart-index .cart-summary .data.table.totals .amount .price {
    font-weight: 600 !important;
    font-size: 16px !important;
    color: #ffffff !important;
    transform: none !important;
}
body.checkout-cart-index .cart-summary .data.table.totals .amount .price::after {
    display: none !important;
}
/* Grand total */
body.checkout-cart-index .cart-summary .data.table.totals .grand.totals {
    border-top: 2px solid var(--cm-border) !important;
    border-bottom: none !important;
}
body.checkout-cart-index .cart-summary .data.table.totals .grand.totals .mark,
body.checkout-cart-index .cart-summary .data.table.totals .grand.totals .mark strong {
    font-weight: 600 !important;
    font-size: 16px !important;
    color: #ffffff !important;
}
body.checkout-cart-index .cart-summary .data.table.totals .grand.totals .amount .price {
    font-weight: 900 !important;
    font-size: 28px !important;
    color: var(--cm-primary) !important;
    text-shadow: none !important;
}


/* =====================================================
   DISCOUNT CODE — APPLY BUTTON FIX
   ===================================================== */
body.checkout-cart-index .cart-summary .block.discount {
    padding: 15px 25px 20px !important;
    border-bottom: 1px solid var(--cm-border) !important;
}
body.checkout-cart-index .cart-summary .block.discount .title strong {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: var(--cm-text-secondary) !important;
}
body.checkout-cart-index .cart-summary .block.discount input,
body.checkout-cart-index .cart-summary .block.discount input[type="text"] {
    background: var(--cm-bg-tertiary) !important;
    border: 1px solid var(--cm-border) !important;
    border-radius: 10px !important;
    font-size: 14px !important;
    color: #ffffff !important;
    padding: 10px 16px !important;
    height: 42px !important;
    max-height: 42px !important;
    box-sizing: border-box !important;
    transition: border-color 0.2s !important;
}
body.checkout-cart-index .cart-summary .block.discount input:focus {
    border-color: var(--cm-primary) !important;
    outline: none !important;
    box-shadow: none !important;
}
body.checkout-cart-index .cart-summary .block.discount input::placeholder {
    color: var(--cm-text-tertiary) !important;
}
/* APPLY button — small, matching input height */
body.checkout-cart-index .cart-summary .block.discount button,
body.checkout-cart-index .cart-summary .block.discount .action.apply,
body.checkout-cart-index .cart-summary .block.discount .primary button,
body.checkout-cart-index .cart-summary .block.discount .actions-toolbar button,
body.checkout-cart-index .cart-summary .block.discount .amtheme-actions-toolbar button {
    background: var(--cm-bg-tertiary) !important;
    background-image: none !important;
    background-color: var(--cm-bg-tertiary) !important;
    border: 1px solid var(--cm-border) !important;
    border-radius: 10px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: var(--cm-primary) !important;
    padding: 10px 16px !important;
    height: 42px !important;
    max-height: 42px !important;
    box-sizing: border-box !important;
    box-shadow: none !important;
    cursor: pointer !important;
    transition: all 0.25s ease !important;
    white-space: nowrap !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
}
body.checkout-cart-index .cart-summary .block.discount button span {
    color: var(--cm-primary) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}
body.checkout-cart-index .cart-summary .block.discount button:hover,
body.checkout-cart-index .cart-summary .block.discount .action.apply:hover,
body.checkout-cart-index .cart-summary .block.discount .primary button:hover,
body.checkout-cart-index .cart-summary .block.discount .actions-toolbar button:hover,
body.checkout-cart-index .cart-summary .block.discount .amtheme-actions-toolbar button:hover {
    border-color: var(--cm-primary) !important;
    background: rgba(0, 255, 102, 0.1) !important;
    background-color: rgba(0, 255, 102, 0.1) !important;
    background-image: none !important;
    color: var(--cm-primary) !important;
    box-shadow: 0 0 0 1px rgba(0, 255, 102, 0.2) !important;
    cursor: pointer !important;
}
body.checkout-cart-index .cart-summary .block.discount button:hover span {
    color: var(--cm-primary) !important;
}


/* =====================================================
   GIFT CARD SECTION
   ===================================================== */
body.checkout-cart-index .cart-summary #block-bss-giftcard,
body.checkout-cart-index .cart-summary .block.bss-giftcard {
    padding: 15px 25px 20px !important;
    border-bottom: 1px solid var(--cm-border) !important;
}
body.checkout-cart-index #block-bss-giftcard strong,
body.checkout-cart-index .block.bss-giftcard .title strong {
    font-size: 14px !important;
    font-weight: 600 !important;
    text-transform: none !important;
    color: var(--cm-text-secondary) !important;
}
body.checkout-cart-index #block-bss-giftcard label,
body.checkout-cart-index #block-bss-giftcard .label,
body.checkout-cart-index #block-bss-giftcard p {
    color: var(--cm-text-secondary) !important;
    font-size: 13px !important;
}
body.checkout-cart-index #block-bss-giftcard input {
    background: var(--cm-bg-tertiary) !important;
    border: 1px solid var(--cm-border) !important;
    border-radius: 10px !important;
    font-size: 14px !important;
    color: #ffffff !important;
    padding: 10px 16px !important;
    height: 42px !important;
    box-sizing: border-box !important;
}
body.checkout-cart-index #block-bss-giftcard input:focus {
    border-color: var(--cm-primary) !important;
    outline: none !important;
}
body.checkout-cart-index #block-bss-giftcard input::placeholder {
    color: var(--cm-text-tertiary) !important;
}
/* Apply / Check Status — green bg, black text */
body.checkout-cart-index #block-bss-giftcard button,
body.checkout-cart-index .bss-gc-actions-toolbar button {
    padding: 10px 18px !important;
    background: var(--cm-primary) !important;
    background-image: none !important;
    background-color: var(--cm-primary) !important;
    border: none !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #000000 !important;
    cursor: pointer !important;
    transition: background 0.25s ease !important;
    height: auto !important;
    text-transform: none !important;
}
body.checkout-cart-index #block-bss-giftcard button span,
body.checkout-cart-index .bss-gc-actions-toolbar button span {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #000000 !important;
}
body.checkout-cart-index #block-bss-giftcard button:hover,
body.checkout-cart-index .bss-gc-actions-toolbar button:hover {
    background: var(--cm-primary-hover) !important;
    background-color: var(--cm-primary-hover) !important;
}


/* =====================================================
   CHECKOUT + PAYMENT BUTTONS
   ===================================================== */
body.checkout-cart-index .cart-summary .checkout.methods {
    padding: 20px 25px !important;
    margin: 0 !important;
}
body.checkout-cart-index .cart-summary .checkout.methods ul,
body.checkout-cart-index .cart-summary .checkout.methods .items {
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}
body.checkout-cart-index .cart-summary .checkout.methods li {
    padding: 0 !important;
    margin: 0 0 12px 0 !important;
    background: transparent !important;
}
body.checkout-cart-index .cart-summary .checkout.methods li:last-child {
    margin-bottom: 0 !important;
}
/* Checkout button — with 🔒 emoji */
body.checkout-cart-index .cart-summary .action.checkout,
body.checkout-cart-index .cart-summary button.action.checkout {
    width: 100% !important;
    padding: 20px !important;
    height: auto !important;
    background: var(--cm-primary) !important;
    background-image: none !important;
    background-color: var(--cm-primary) !important;
    box-shadow: none !important;
    border: none !important;
    border-radius: 14px !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    color: #000000 !important;
    cursor: pointer !important;
    transition: all 0.25s ease !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
}
body.checkout-cart-index .cart-summary .action.checkout:hover {
    background: var(--cm-primary-hover) !important;
    background-color: var(--cm-primary-hover) !important;
    transform: translateY(-1px) !important;
    box-shadow: none !important;
}
/* Kill the old Amasty white glow hover on checkout */
body.checkout-cart-index .cart-summary > .checkout.methods .action.checkout:hover,
body.checkout-cart-index .cart-summary .checkout-methods-items .action.checkout:hover {
    background: var(--cm-primary-hover) !important;
    background-color: var(--cm-primary-hover) !important;
    border-color: transparent !important;
    color: #000000 !important;
    box-shadow: none !important;
}
body.checkout-cart-index .cart-summary .action.checkout span {
    color: #000000 !important;
    font-weight: 700 !important;
    font-size: 18px !important;
}
/* 🔒 Secure Checkout — inject via button ::before */
body.checkout-cart-index .cart-summary .action.checkout::before {
    content: "🔒" !important;
    font-size: 16px !important;
    margin-right: 6px !important;
    display: inline-block !important;
}
/* Kill pseudo-element bars */
body.checkout-cart-index .cart-summary .checkout.methods::after,
body.checkout-cart-index .cart-summary .checkout.methods::before {
    display: none !important;
}


/* =====================================================
   TRUST BADGES
   ===================================================== */
body.checkout-cart-index .cm-trust-badges {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    padding: 20px 25px !important;
    border-top: 1px solid var(--cm-border) !important;
}
body.checkout-cart-index .cm-trust-row {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    color: var(--cm-text-secondary) !important;
    line-height: 1.4 !important;
}
body.checkout-cart-index .cm-trust-icon {
    font-size: 16px !important;
    flex-shrink: 0 !important;
}
/* Override any old trust badge styles */
body.checkout-cart-index .cart-summary .freeshipping-note *,
body.checkout-cart-index .cart-summary .block.freeshipping * {
    font-size: 13px !important;
    color: var(--cm-text-secondary) !important;
}


/* =====================================================
   CROSSSELL — kill white bg on hover
   ===================================================== */
body.checkout-cart-index .crosssell {
    margin-top: 30px !important;
    width: 100% !important;
}
body.checkout-cart-index .crosssell .block-title,
body.checkout-cart-index .crosssell .block-title strong {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    margin-bottom: 20px !important;
}
body.checkout-cart-index .crosssell .product-item .product-item-info {
    background: var(--cm-bg-card) !important;
    background-color: var(--cm-bg-card) !important;
    border: 1px solid var(--cm-border) !important;
    border-radius: 16px !important;
    padding: 20px !important;
    text-align: center !important;
    transition: all 0.3s ease !important;
}
body.checkout-cart-index .crosssell .product-item .product-item-info:hover {
    border-color: var(--cm-primary) !important;
    transform: translateY(-5px) !important;
    background: var(--cm-bg-card) !important;
    background-color: var(--cm-bg-card) !important;
}
body.checkout-cart-index .crosssell .product-item .product-item-info *,
body.checkout-cart-index .crosssell .product-item .product-item-info:hover *,
body.checkout-cart-index .crosssell .product-item .product-item-inner,
body.checkout-cart-index .crosssell .product-item .product-item-details,
body.checkout-cart-index .crosssell .product-item .product-item-info:hover .product-item-inner,
body.checkout-cart-index .crosssell .product-item .product-item-info:hover .product-item-details {
    background: transparent !important;
    background-color: transparent !important;
}
body.checkout-cart-index .crosssell .product-item .product-item-photo::after {
    display: none !important;
}
body.checkout-cart-index .crosssell .product-item .product-item-name a {
    font-weight: 600 !important;
    font-size: 14px !important;
    color: #ffffff !important;
    white-space: normal !important;
}
body.checkout-cart-index .crosssell .product-item .price-box .price,
body.checkout-cart-index .crosssell .product-item .price {
    font-weight: 700 !important;
    font-size: 18px !important;
    color: var(--cm-primary) !important;
}
body.checkout-cart-index .crosssell .product-item .action.tocart,
body.checkout-cart-index .crosssell .product-item .actions-primary button {
    background: var(--cm-bg-tertiary) !important;
    background-image: none !important;
    background-color: var(--cm-bg-tertiary) !important;
    border: 1px solid var(--cm-border) !important;
    border-radius: 25px !important;
    padding: 10px 20px !important;
    margin-top: 10px !important;
    height: auto !important;
    box-shadow: none !important;
    transition: all 0.25s ease !important;
}
body.checkout-cart-index .crosssell .product-item .action.tocart span,
body.checkout-cart-index .crosssell .product-item .actions-primary button span {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: var(--cm-text-secondary) !important;
    text-transform: none !important;
}
body.checkout-cart-index .crosssell .product-item .product-item-info:hover .action.tocart,
body.checkout-cart-index .crosssell .product-item .product-item-info:hover .actions-primary button {
    background: var(--cm-primary) !important;
    background-color: var(--cm-primary) !important;
    border-color: var(--cm-primary) !important;
}
body.checkout-cart-index .crosssell .product-item .product-item-info:hover .action.tocart span,
body.checkout-cart-index .crosssell .product-item .product-item-info:hover .actions-primary button span {
    color: #000 !important;
}


/* =====================================================
   SOCIAL PROOF BANNER
   ===================================================== */
body.checkout-cart-index .social-proof-banner {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 25px !important;
    padding: 16px 20px !important;
    background: var(--cm-bg-card) !important;
    border: 1px solid var(--cm-border) !important;
    border-radius: 12px !important;
    margin-top: 20px !important;
    flex-wrap: wrap !important;
}
body.checkout-cart-index .social-proof-banner .social-proof-item {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 13px !important;
    color: var(--cm-text-secondary) !important;
}
body.checkout-cart-index .social-proof-banner .social-proof-item strong {
    color: #ffffff !important;
}


/* =====================================================
   RESPONSIVE
   ===================================================== */
@media only screen and (max-width: 900px) {
    body.checkout-cart-index .cm-cart-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }
}
@media only screen and (max-width: 767px) {
    body.checkout-cart-index .cart-summary {
        border-radius: 16px !important;
        position: relative !important;
        top: 0 !important;
        margin: 20px 0 !important;
        width: 100% !important;
        float: none !important;
        box-sizing: border-box !important;
    }
    /* Hide social proof banner on mobile */
    body.checkout-cart-index .social-proof-banner {
        display: none !important;
    }
    body.checkout-cart-index .cm-product-section {
        flex-direction: column !important;
    }
    body.checkout-cart-index .cm-product-image {
        width: 100% !important;
        max-width: 150px !important;
    }
    body.checkout-cart-index .cm-controls-section {
        flex-direction: column !important;
        align-items: flex-start !important;
    }
    body.checkout-cart-index .cm-action-buttons {
        margin-left: 0 !important;
    }
    body.checkout-cart-index .cm-free-delivery-banner {
        flex-direction: column;
        text-align: center;
        gap: 8px;
    }
    /* Ensure cart container has padding on mobile */
    body.checkout-cart-index .cart-container,
    body.checkout-cart-index .page-main {
        padding-left: 15px !important;
        padding-right: 15px !important;
        box-sizing: border-box !important;
    }

    /* ─── CROSSSELL: horizontal scroll, wider cards ─── */
    body.checkout-cart-index .crosssell {
        overflow: visible !important;
    }
    body.checkout-cart-index .crosssell .products-crosssell,
    body.checkout-cart-index .crosssell .product-items,
    body.checkout-cart-index .crosssell .owl-stage-outer {
        overflow: visible !important;
    }
    body.checkout-cart-index .crosssell .owl-stage {
        display: flex !important;
        flex-wrap: nowrap !important;
        gap: 12px !important;
    }
    body.checkout-cart-index .crosssell .owl-item,
    body.checkout-cart-index .crosssell .product-item {
        min-width: 200px !important;
        width: 200px !important;
        flex: 0 0 200px !important;
    }
    body.checkout-cart-index .crosssell .product-item .product-item-info {
        padding: 16px !important;
    }
    body.checkout-cart-index .crosssell .product-item .product-item-name a {
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: unset !important;
        display: block !important;
        font-size: 13px !important;
        line-height: 1.3 !important;
    }
    body.checkout-cart-index .crosssell .product-item .action.tocart,
    body.checkout-cart-index .crosssell .product-item .actions-primary button {
        display: inline-flex !important;
        padding: 8px 14px !important;
        font-size: 12px !important;
    }
    body.checkout-cart-index .crosssell .product-item .actions-primary,
    body.checkout-cart-index .crosssell .product-item .product-item-inner {
        display: block !important;
    }
    /* If not using OWL, make product-items scrollable */
    body.checkout-cart-index .crosssell .product-items {
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        scroll-snap-type: x mandatory !important;
        gap: 12px !important;
        padding-bottom: 10px !important;
    }
    body.checkout-cart-index .crosssell .product-items > .product-item {
        scroll-snap-align: start !important;
    }
    /* Hide scrollbar but keep functionality */
    body.checkout-cart-index .crosssell .product-items::-webkit-scrollbar {
        height: 4px !important;
    }
    body.checkout-cart-index .crosssell .product-items::-webkit-scrollbar-track {
        background: var(--cm-bg-tertiary) !important;
        border-radius: 4px !important;
    }
    body.checkout-cart-index .crosssell .product-items::-webkit-scrollbar-thumb {
        background: var(--cm-border-light) !important;
        border-radius: 4px !important;
    }
}
@media only screen and (max-width: 600px) {
    body.checkout-cart-index .cm-cart-actions-top {
        display: none;
    }
    body.checkout-cart-index .cm-cart-h1 {
        font-size: 26px !important;
    }
}

/* =====================================================
   CONTROLLER MODZ — NAV & HEADER RESKIN v4
   Works WITH actual DOM structure:
   1. .messages-container (TOP — has USP content)
   2. .panel.wrapper (hidden by Amasty)
   3. .header.content (Logo | Nav | Icons)
   4. .block-search (after header, before benefits)
   5. .benefits-container (BOTTOM — TinyMCE mangled)
   ===================================================== */

/* ─── Font — Scoped tightly ─── */
.page-header .header.content,
.page-header .header.content *,
.page-header .messages-container,
.page-header .messages-container *,
.nav-sections *,
.sections.nav-sections * {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
}


/* ═══════════════════════════════════════════════════════
   GLOBAL HEADER
   ═══════════════════════════════════════════════════════ */
.page-header {
    background: #0f0f0f !important;
    border-bottom: 1px solid #222222 !important;
}
.page-header.-sticky-header {
    box-shadow: 0 2px 20px rgba(0,0,0,0.3) !important;
}


/* ═══════════════════════════════════════════════════════
   PANEL.WRAPPER — Kill it (has greet/welcome)
   ═══════════════════════════════════════════════════════ */
.page-header .panel.wrapper,
.panel.wrapper {
    display: none !important;
}


/* ═══════════════════════════════════════════════════════
   MESSAGES-CONTAINER (TOP BAR — Contains USP items)
   Style as TRUST BAR with horizontal layout
   Original Amasty: bg #030806, border-bottom #03cf62
   ═══════════════════════════════════════════════════════ */
.page-wrapper header .messages-container,
header.page-header .messages-container,
.page-header .messages-container,
.messages-container {
    background: linear-gradient(90deg, rgba(0,255,102,0.08) 0%, #0f0f0f 50%, rgba(0,255,102,0.08) 100%) !important;
    background-color: #0f0f0f !important;
    border-bottom: 1px solid #222222 !important;
    border-top: none !important;
    box-shadow: none !important;
    padding: 12px 30px !important;
    max-width: 100% !important;
    text-align: center !important;
    /* Make it a flex container so USP <p> tags sit side by side */
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 30px !important;
}
/* The USP items inside are likely bare <p> tags or benefits-item divs */
.messages-container p,
.messages-container .benefits-item p,
.messages-container > div > p,
.messages-container > p {
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #b0b0b0 !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.4 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    white-space: nowrap !important;
}
.messages-container p strong,
.messages-container p b {
    color: #ffffff !important;
    font-weight: 600 !important;
}
.messages-container a {
    color: #00ff66 !important;
    text-decoration: underline !important;
    font-weight: 600 !important;
}
/* If benefits-wrapper exists inside messages, make it flex too */
.messages-container .benefits-wrapper {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 30px !important;
    flex-wrap: wrap !important;
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}
/* Benefits items inside messages-container */
.messages-container .benefits-item {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    border-right: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
/* Also handle: bare div > p structure (TinyMCE may wrap in divs) */
.messages-container > div {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 30px !important;
    width: 100% !important;
}
/* Hide on mobile */
@media all and (max-width: 767px) {
    .page-wrapper header .messages-container,
    header.page-header .messages-container,
    .page-header .messages-container,
    .messages-container {
        display: none !important;
    }
}
/* Hide when sticky */
.page-header.-sticky-header .messages-container {
    display: none !important;
}


/* ═══════════════════════════════════════════════════════
   BENEFITS-CONTAINER (BOTTOM — Content broken by TinyMCE)
   HIDE IT completely
   ═══════════════════════════════════════════════════════ */
.page-wrapper header .benefits-container,
header.page-header .benefits-container,
.page-header .benefits-container,
.benefits-container {
    display: none !important;
}


/* ═══════════════════════════════════════════════════════
   HEADER CONTENT BAR (Logo | Nav | Icons)
   Amasty compiled: .page-header > .content { grid }
   ═══════════════════════════════════════════════════════ */
.page-header > .content,
.page-header .header.content {
    background: #0f0f0f !important;
    border: none !important;
    padding: 0 30px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: auto 1fr auto !important;
    align-items: center !important;
    justify-items: start !important;
    height: 70px !important;
    column-gap: 30px !important;
    gap: 0 30px !important;
}
@media all and (max-width: 1023px) {
    .page-header > .content,
    .page-header .header.content {
        column-gap: 15px !important;
    }
}
@media all and (max-width: 767px) {
    .page-header > .content,
    .page-header .header.content {
        height: 60px !important;
        padding: 0 16px !important;
        column-gap: 10px !important;
    }
}
.page-header.-sticky-header > .content,
.page-header.-sticky-header .header.content {
    height: 60px !important;
}


/* ═══════════════════════════════════════════════════════
   LOGO — Force visible with every trick available
   Amasty compiled: .page-header > .content .logo { width: 85px }
   Also: .page-header > .content has justify-items: center
   ═══════════════════════════════════════════════════════ */
.page-header > .content .logo,
.page-header .header.content .logo,
.page-header .logo,
a.logo {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 85px !important;
    max-width: 85px !important;
    min-width: 85px !important;
    flex-shrink: 0 !important;
    justify-self: start !important;
    z-index: 10 !important;
    position: relative !important;
    overflow: visible !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
}
.page-header .logo:hover {
    opacity: 0.85 !important;
}
.page-header > .content .logo img,
.page-header .header.content .logo img,
.page-header .logo img,
.page-header .logo .logo-image,
a.logo .logo-image,
a.logo img {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 85px !important;
    max-width: 85px !important;
    max-height: 48px !important;
    height: auto !important;
    object-fit: contain !important;
}
@media all and (max-width: 767px) {
    .page-header .logo,
    a.logo {
        width: 45px !important;
        max-width: 45px !important;
        min-width: 45px !important;
        margin-left: 0 !important;
    }
    .page-header .logo img,
    .page-header .logo .logo-image,
    a.logo img {
        width: 45px !important;
        max-width: 45px !important;
        max-height: 38px !important;
    }
}


/* ═══════════════════════════════════════════════════════
   DESKTOP NAVIGATION
   ═══════════════════════════════════════════════════════ */
@media all and (min-width: 768px) {
    .page-header .nav-sections,
    .page-header .sections.nav-sections,
    .nav-sections {
        background: transparent !important;
        border: none !important;
        margin: 0 !important;
        width: auto !important;
        flex: none !important;
        justify-self: center !important;
        grid-column: 2 !important;
        grid-row: 1 !important;
    }
    .nav-sections-item-title {
        display: none !important;
    }
    .nav-sections-item-content {
        padding: 0 !important;
        margin: 0 !important;
        float: none !important;
    }
    .navigation {
        background: transparent !important;
        padding: 0 !important;
        max-width: none !important;
    }
    .amtheme-menu-block {
        background: transparent !important;
    }
    .navigation > ul {
        display: flex !important;
        align-items: center !important;
        gap: 4px !important;
        border: none !important;
        justify-content: center !important;
        flex-wrap: nowrap !important;
    }
    .navigation > ul > li.level0 {
        padding: 0 !important;
        margin: 0 !important;
        position: relative !important;
        border: none !important;
        background: none !important;
    }
    .navigation > ul > li.level0::after,
    .navigation > ul > li.level0:hover::after {
        display: none !important;
        content: none !important;
        filter: none !important;
        background: none !important;
        width: 0 !important;
        height: 0 !important;
    }

    /* Nav link pills */
    .navigation > ul > li.level0 > a,
    .navigation > ul > li.level0 > a span {
        font-size: 14px !important;
        font-weight: 500 !important;
        color: #b0b0b0 !important;
        padding: 10px 16px !important;
        border-radius: 10px !important;
        transition: all 0.2s ease !important;
        text-decoration: none !important;
        text-transform: none !important;
        letter-spacing: 0 !important;
        white-space: nowrap !important;
        display: inline-flex !important;
        align-items: center !important;
        gap: 4px !important;
        line-height: 1.4 !important;
        background: transparent !important;
    }
    .navigation > ul > li.level0 > a span {
        padding: 0 !important;
    }
    .navigation > ul > li.level0:hover > a,
    .navigation > ul > li.level0:hover > a span,
    .navigation > ul > li.level0.active > a,
    .navigation > ul > li.level0.amtheme-active-item > a {
        color: #ffffff !important;
        background: #141414 !important;
    }

    /* First item = Green CTA */
    .navigation > ul > li.level0:first-child > a,
    .navigation > ul > li.level0:first-child > a span {
        background: #00ff66 !important;
        color: #0a0a0a !important;
        font-weight: 600 !important;
        border-radius: 10px !important;
    }
    .navigation > ul > li.level0:first-child:hover > a,
    .navigation > ul > li.level0:first-child:hover > a span {
        background: #00dd55 !important;
        color: #0a0a0a !important;
        box-shadow: 0 0 20px rgba(0,255,102,0.15) !important;
    }
    .navigation > ul > li.level0:first-child > .submenu a,
    .navigation > ul > li.level0:first-child > .submenu a span {
        background: transparent !important;
        color: #b0b0b0 !important;
        font-weight: 400 !important;
        box-shadow: none !important;
    }
    .navigation > ul > li.level0:first-child > .submenu li:hover > a,
    .navigation > ul > li.level0:first-child > .submenu li:hover > a span {
        background: #141414 !important;
        color: #ffffff !important;
    }

    /* Dropdown chevron */
    .navigation > ul > li.level0.parent > a > .ui-menu-icon,
    .navigation > ul > li.level0.parent > a::before {
        display: none !important;
    }
    .navigation > ul > li.level0.parent > a::after {
        content: '' !important;
        display: inline-block !important;
        width: 0 !important;
        height: 0 !important;
        border-left: 4px solid transparent !important;
        border-right: 4px solid transparent !important;
        border-top: 4px solid currentColor !important;
        margin-left: 6px !important;
        vertical-align: middle !important;
        transition: transform 0.2s !important;
        background: none !important;
        position: static !important;
    }
    .navigation > ul > li.level0.parent:hover > a::after {
        transform: rotate(180deg) !important;
    }
}


/* ═══════════════════════════════════════════════════════
   DROPDOWNS (Desktop)
   ═══════════════════════════════════════════════════════ */
@media all and (min-width: 768px) {
    .navigation > ul > li.level0.parent > .submenu,
    .navigation > ul > li.level0.parent > ul.submenu {
        position: absolute !important;
        top: calc(100% + 8px) !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        background: #0f0f0f !important;
        border: 1px solid #222222 !important;
        border-radius: 14px !important;
        padding: 12px !important;
        min-width: 240px !important;
        opacity: 0 !important;
        visibility: hidden !important;
        transition: opacity 0.2s ease, visibility 0.2s ease, top 0.2s ease !important;
        z-index: 1000 !important;
        box-shadow: 0 20px 50px rgba(0,0,0,0.5) !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 2px !important;
        margin: 0 !important;
    }
    .navigation > ul > li.level0.parent:hover > .submenu,
    .navigation > ul > li.level0.parent:hover > ul.submenu {
        opacity: 1 !important;
        visibility: visible !important;
        top: 100% !important;
    }
    .navigation > ul > li.level0.parent > .submenu::before,
    .navigation > ul > li.level0.parent > ul.submenu::before {
        content: '' !important;
        position: absolute !important;
        top: -8px !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        width: 0 !important;
        height: 0 !important;
        border-left: 8px solid transparent !important;
        border-right: 8px solid transparent !important;
        border-bottom: 8px solid #222222 !important;
        display: block !important;
        background: none !important;
        filter: none !important;
    }
    .navigation > ul > li.level0 > .submenu > li,
    .navigation > ul > li.level0 > ul.submenu > li {
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
    }
    .navigation > ul > li.level0 > .submenu > li > a,
    .navigation > ul > li.level0 > ul.submenu > li > a {
        display: flex !important;
        align-items: center !important;
        padding: 10px 14px !important;
        font-size: 14px !important;
        font-weight: 400 !important;
        color: #b0b0b0 !important;
        text-decoration: none !important;
        border-radius: 6px !important;
        transition: all 0.15s ease !important;
        letter-spacing: 0 !important;
        text-transform: none !important;
        line-height: 1.4 !important;
        white-space: nowrap !important;
        background: transparent !important;
    }
    .navigation > ul > li.level0 > .submenu > li > a span,
    .navigation > ul > li.level0 > ul.submenu > li > a span {
        font-size: 14px !important;
        font-weight: 400 !important;
        color: inherit !important;
        padding: 0 !important;
    }
    .navigation > ul > li.level0 > .submenu > li:hover > a,
    .navigation > ul > li.level0 > ul.submenu > li:hover > a {
        background: #141414 !important;
        color: #ffffff !important;
    }
    /* Multi-column */
    .navigation > ul > li.level0.parent > .submenu.amtheme-menu-flex {
        flex-direction: row !important;
        flex-wrap: wrap !important;
        min-width: 480px !important;
    }
    .navigation > ul > li.level0.parent > .submenu.amtheme-menu-flex > li {
        flex: 0 0 calc(50% - 4px) !important;
    }
    /* Nested level2+ */
    .navigation .submenu .submenu {
        position: static !important;
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
        padding: 0 0 0 16px !important;
        opacity: 1 !important;
        visibility: visible !important;
        display: block !important;
        min-width: 0 !important;
        transform: none !important;
    }
    .navigation .submenu .submenu::before { display: none !important; }
    .navigation .submenu .submenu > li > a {
        font-size: 13px !important;
        color: #808080 !important;
        padding: 7px 14px !important;
    }
    .navigation .submenu .submenu > li:hover > a {
        color: #ffffff !important;
        background: #141414 !important;
    }
}


/* ═══════════════════════════════════════════════════════
   HEADER ICONS
   ═══════════════════════════════════════════════════════ */
.page-header .amtheme-icons-container {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    flex-shrink: 0 !important;
    justify-self: end !important;
    grid-column: 3 !important;
    grid-row: 1 !important;
}
.page-header .amtheme-icons-container > a,
.page-header .amtheme-icons-container > .search-icon,
.page-header .amtheme-icons-container .help-icon {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    background: #141414 !important;
    border: 1px solid #222222 !important;
    border-radius: 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    flex-direction: row !important;
    padding: 0 !important;
    margin: 0 !important;
    text-decoration: none !important;
    position: relative !important;
}
.page-header .amtheme-icons-container > a:hover,
.page-header .amtheme-icons-container > .search-icon:hover,
.page-header .amtheme-icons-container .help-icon:hover {
    background: #181818 !important;
    border-color: #333333 !important;
    transform: translateY(-2px) !important;
}
.page-header .amtheme-icons-container svg {
    width: 20px !important;
    height: 20px !important;
    fill: #b0b0b0 !important;
    color: #b0b0b0 !important;
}
.page-header .amtheme-icons-container > a:hover svg,
.page-header .amtheme-icons-container > .search-icon:hover svg {
    fill: #ffffff !important;
    color: #ffffff !important;
}
.page-header .amtheme-icons-container > a > label,
.page-header .amtheme-icons-container .search-icon > label {
    display: none !important;
}
.page-header .help-icon:hover { filter: none !important; }
.page-header .help-icon svg * { stroke: #b0b0b0 !important; }
.page-header .help-icon:hover svg * { stroke: #00ff66 !important; }
@media all and (max-width: 767px) {
    .page-header .amtheme-icons-container { gap: 8px !important; }
    .page-header .amtheme-icons-container > a,
    .page-header .amtheme-icons-container > .search-icon,
    .page-header .amtheme-icons-container .help-icon {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        border-radius: 6px !important;
    }
    .page-header .amtheme-icons-container svg { width: 18px !important; height: 18px !important; }
    .page-header .help-icon.am-no-display-mobile { display: none !important; }
}


/* ═══════════════════════════════════════════════════════
   MINICART
   ═══════════════════════════════════════════════════════ */
.page-header .minicart-wrapper { margin: 0 !important; }
.page-header .minicart-wrapper .action.showcart {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    background: #141414 !important;
    border: 1px solid #222222 !important;
    border-radius: 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    padding: 0 !important;
    transition: all 0.2s ease !important;
}
.page-header .minicart-wrapper .action.showcart:hover {
    background: #181818 !important;
    border-color: #333333 !important;
    transform: translateY(-2px) !important;
}
.page-header .minicart-wrapper .action.showcart > label,
.page-header .minicart-wrapper .action.showcart > .text { display: none !important; }
.page-header .minicart-wrapper .action.showcart .counter {
    position: absolute !important;
    top: -6px !important;
    right: -6px !important;
    left: auto !important;
    min-width: 20px !important;
    height: 20px !important;
    background: #00ff66 !important;
    color: #0a0a0a !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 5px !important;
    line-height: 1 !important;
}
.page-header .minicart-wrapper .action.showcart .counter.empty { display: none !important; }
@media all and (max-width: 767px) {
    .page-header .minicart-wrapper .action.showcart {
        width: 40px !important; height: 40px !important; min-width: 40px !important; border-radius: 6px !important;
    }
}


/* ═══════════════════════════════════════════════════════
   HAMBURGER (Mobile only)
   ═══════════════════════════════════════════════════════ */
.page-header .amtheme-navigation-icon {
    cursor: pointer !important;
    width: 40px !important;
    height: 40px !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
.page-header .amtheme-navigation-icon .amtheme-icon-box {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 5px !important;
    padding: 0 !important;
}
.page-header .amtheme-navigation-icon .amtheme-icon-box label { display: none !important; }
.page-header .amtheme-navigation-icon .amtheme-item,
.page-header .amtheme-navigation-icon .ammenu-icon {
    width: 22px !important;
    height: 2px !important;
    background: #ffffff !important;
    border: none !important;
    border-bottom: none !important;
}
.nav-open .amtheme-navigation-icon .amtheme-item.-top { transform: rotate(45deg) translate(5px, 5px) !important; }
.nav-open .amtheme-navigation-icon .amtheme-item.-bottom { transform: rotate(-45deg) translate(5px, -5px) !important; }
@media all and (min-width: 768px) {
    .page-header .amtheme-navigation-icon { display: none !important; }
}


/* ═══════════════════════════════════════════════════════
   MOBILE NAV PANEL
   ═══════════════════════════════════════════════════════ */
@media all and (max-width: 767px) {
    .sections.nav-sections {
        background: #0a0a0a !important;
        width: 85% !important;
        max-width: 320px !important;
        box-shadow: 10px 0 40px rgba(0,0,0,0.5) !important;
        border-right: 1px solid #222222 !important;
    }
    .nav-sections-item-title { display: none !important; }
    .nav-sections-item-content {
        background: #0a0a0a !important;
        padding: 0 !important;
        float: none !important;
    }
    .nav-sections .navigation { background: transparent !important; padding: 8px !important; }
    .nav-sections .amtheme-menu-block { background: transparent !important; }
    .navigation > ul { border: none !important; }
    .navigation > ul > li.level0 { border: none !important; padding: 0 !important; margin-bottom: 2px !important; }
    .navigation > ul > li.level0 > a,
    .navigation > ul > li.level0 > a span {
        font-size: 15px !important; font-weight: 500 !important; color: #ffffff !important;
        padding: 14px 16px !important; border-radius: 10px !important; text-transform: none !important;
        letter-spacing: 0 !important; background: transparent !important;
    }
    .navigation > ul > li.level0 > a span { padding: 0 !important; }
    .navigation > ul > li.level0 > a::after { display: none !important; }
    .navigation > ul > li.level0:hover > a { background: #141414 !important; }
    .navigation > ul > li.level0:first-child > a,
    .navigation > ul > li.level0:first-child > a span {
        background: #00ff66 !important; color: #0a0a0a !important; font-weight: 600 !important;
    }
    .navigation > ul > li.level0:first-child { margin-bottom: 8px !important; }
    .navigation > ul > li.level0:first-child:hover > a { background: #00dd55 !important; }
    .navigation > ul > li.level0 > .submenu {
        background: #0f0f0f !important; border-radius: 0 0 10px 10px !important;
        padding: 4px 8px 8px !important; position: static !important; opacity: 1 !important;
        visibility: visible !important; box-shadow: none !important; border: none !important;
        margin: 0 !important; min-width: 0 !important; transform: none !important;
    }
    .navigation > ul > li.level0 > .submenu::before { display: none !important; }
    .navigation > ul > li.level0 > .submenu > li { padding: 0 !important; margin: 0 !important; border: none !important; }
    .navigation > ul > li.level0 > .submenu > li > a,
    .navigation > ul > li.level0 > .submenu > li > a span {
        font-size: 14px !important; color: #b0b0b0 !important; padding: 12px 16px !important;
        border-radius: 6px !important; text-transform: none !important;
    }
    .navigation > ul > li.level0 > .submenu > li:hover > a { background: #141414 !important; color: #ffffff !important; }
    .nav-sections .header.links { border-top: 1px solid #222222 !important; margin: 12px 8px 0 !important; padding-top: 12px !important; }
    .nav-sections .header.links li { padding: 0 !important; margin: 0 !important; border: none !important; }
    .nav-sections .header.links li a {
        display: flex !important; align-items: center !important; padding: 14px 16px !important;
        font-size: 14px !important; color: #b0b0b0 !important; border-radius: 10px !important;
    }
    .nav-sections .header.links li a:hover { background: #141414 !important; color: #ffffff !important; }
}
.nav-before-open .page-wrapper::after,
.nav-open .page-wrapper::after { background: rgba(0,0,0,0.7) !important; }


/* ═══════════════════════════════════════════════════════
   SEARCH — Full-screen overlay
   Amasty compiled: .page-wrapper header .block-search { position: absolute }
   Must match that specificity + add !important
   ═══════════════════════════════════════════════════════ */
.page-wrapper header .block-search,
.page-wrapper header.page-header .block-search,
header.page-header .block-search {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    max-width: none !important;
    background: rgba(0,0,0,0.92) !important;
    z-index: 9999 !important;
    border: none !important;
    border-top: none !important;
    border-bottom: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    box-shadow: none !important;
    transition: none !important;
}
/* When opened by JS (sets display:flex inline) */
.page-wrapper header .block-search[style*="display: flex"],
.page-wrapper header .block-search[style*="display:flex"],
.page-wrapper header .block-search[style*="display: block"],
.page-wrapper header .block-search[style*="display:block"] {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    padding-top: 20vh !important;
    height: 100vh !important;
    overflow: hidden !important;
}
.page-wrapper header .block-search > .block-content,
.page-wrapper header .block-search .block-content {
    width: 100% !important;
    max-width: 600px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    height: auto !important;
}
.page-wrapper header .block-search .field.search {
    position: relative !important;
    width: 100% !important;
    max-width: 600px !important;
    margin: 0 !important;
    border: none !important;
    display: flex !important;
    align-items: stretch !important;
}
.page-wrapper header .block-search form,
.page-wrapper header .block-search .form.minisearch {
    width: 100% !important;
    max-width: 600px !important;
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}
.page-wrapper header .block-search .actions {
    position: absolute !important;
    right: 2px !important;
    top: 2px !important;
    bottom: 2px !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 100 !important;
    display: flex !important;
    align-items: stretch !important;
}
.page-wrapper header .block-search input#search:focus,
.page-wrapper header .block-search .input-text:focus {
    border-color: #00ff66 !important;
    box-shadow: 0 0 30px rgba(0,255,102,0.15) !important;
    outline: none !important;
}
.page-wrapper header .block-search input#search::placeholder,
.page-wrapper header .block-search .input-text::placeholder {
    color: #555555 !important;
    font-size: 16px !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
}
.page-wrapper header .block-search .action.search {
    position: relative !important;
    right: auto !important;
    top: auto !important;
    transform: none !important;
    background: #00ff66 !important;
    border: none !important;
    border-radius: 0 12px 12px 0 !important;
    width: 60px !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    opacity: 1 !important;
    cursor: pointer !important;
    pointer-events: auto !important;
    transition: background 0.2s ease !important;
}
.page-wrapper header .block-search .action.search:hover {
    background: #00dd55 !important;
    box-shadow: 0 0 15px rgba(0,255,102,0.3) !important;
}
.page-wrapper header .block-search .action.search::before {
    color: #0a0a0a !important;
    font-size: 22px !important;
}
.page-wrapper header .block-search .action.search span {
    display: none !important;
}
/* Make sure input doesn't cover the button */
.page-wrapper header .block-search input#search,
.page-wrapper header .block-search input.input-text,
.page-wrapper header .block-search .input-text {
    width: 100% !important;
    padding: 18px 70px 18px 24px !important;
    background: rgba(255, 255, 255, 0.06) !important;
    border: none !important;
    border-radius: 14px !important;
    color: #ffffff !important;
    font-size: 18px !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
    height: auto !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    position: relative !important;
    z-index: 1 !important;
    box-shadow: 0 0 15px rgba(0, 255, 102, 0.25), 0 0 40px rgba(0, 255, 102, 0.15), 0 0 80px rgba(0, 255, 102, 0.08), inset 0 0 0 1px rgba(0, 255, 102, 0.3) !important;
    outline: none !important;
}
/* Ensure the control wrapper allows button to position against it */
.page-wrapper header .block-search .control {
    border-top: none !important;
    border: none !important;
    position: relative !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: 600px !important;
    z-index: auto !important;
}
.page-wrapper header .block-search .search-autocomplete,
.page-wrapper header .block-search .searchsuite-autocomplete {
    background: #0f0f0f !important;
    border: 1px solid #222222 !important;
    border-radius: 0 0 14px 14px !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.3) !important;
}


/* ═══════════════════════════════════════════════════════
   STICKY NAV — ALWAYS VISIBLE ON DESKTOP
   ═══════════════════════════════════════════════════════ */
@media all and (min-width: 768px) {
    .page-wrapper header.-desktop-navigation-toggle .nav-sections,
    .page-wrapper header.-desktop-navigation-toggle .sections.nav-sections,
    .page-wrapper header.-sticky-header .nav-sections,
    .page-wrapper header.-sticky-header .sections.nav-sections,
    .page-wrapper header.-sticky-header.-desktop-navigation-toggle .nav-sections,
    .page-wrapper header.-sticky-header.-desktop-navigation-toggle .sections.nav-sections {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}

/* ═══════════════════════════════════════════════════════
   PATCH: STICKY HEADER — Always visible, fixed position
   Amasty compiled selector: .page-wrapper header
   JS adds: -sticky-header, -desktop-navigation-toggle, -show
   hideHeader removes -show → header disappears
   We override ALL states to keep it visible
   ═══════════════════════════════════════════════════════ */
.page-wrapper header.-sticky-header,
.page-wrapper header.page-header.-sticky-header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 999 !important;
    transform: none !important;
    transition: none !important;
    visibility: visible !important;
    opacity: 1 !important;
    display: block !important;
    pointer-events: auto !important;
}
/* When -show is removed (scroll down), STILL keep visible */
.page-wrapper header.-sticky-header:not(.-show),
.page-wrapper header.page-header.-sticky-header:not(.-show) {
    transform: none !important;
    top: 0 !important;
    visibility: visible !important;
    opacity: 1 !important;
    display: block !important;
    pointer-events: auto !important;
    max-height: none !important;
    overflow: visible !important;
    height: auto !important;
    clip: auto !important;
    clip-path: none !important;
}
/* Force nav visible when sticky hides it */
@media all and (min-width: 768px) {
    .page-wrapper header.-sticky-header .nav-sections,
    .page-wrapper header.-sticky-header .sections.nav-sections,
    .page-wrapper header.-desktop-navigation-toggle .nav-sections,
    .page-wrapper header.-desktop-navigation-toggle .sections.nav-sections,
    .page-wrapper header.-sticky-header.-desktop-navigation-toggle .nav-sections,
    .page-wrapper header.-sticky-header.-desktop-navigation-toggle .sections.nav-sections {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        height: auto !important;
        overflow: visible !important;
        max-height: none !important;
        transform: none !important;
        clip: auto !important;
        clip-path: none !important;
    }
}


/* ═══════════════════════════════════════════════════════
   PATCH: SEARCH CLOSE BUTTON — Fix fill color
   Original SVG has fill="#000" (invisible on dark bg)
   ═══════════════════════════════════════════════════════ */
.search-icon #search-close { display: none !important; }
.search-icon.active #search-open { display: none !important; }
.search-icon.active #search-close {
    display: block !important;
    fill: #ffffff !important;
}
.search-icon.active #search-close path {
    fill: #ffffff !important;
}
/* When active, make the icon more prominent */
.search-icon.active {
    z-index: 10000 !important;
    position: relative !important;
}


/* ═══════════════════════════════════════════════════════
   PATCH: TRUST BAR ICONS via CSS
   Distinct icon per USP item using CMS classes
   ═══════════════════════════════════════════════════════ */
.messages-container p {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
}
.messages-container p::before {
    content: '' !important;
    display: inline-block !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    flex-shrink: 0 !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}
/* UK Built — flag/home */
.messages-container p.usp-uk::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2300ff66' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3Cpolyline points='9 22 9 12 15 12 15 22'/%3E%3C/svg%3E") !important;
}
/* 35,000+ — checkmark circle */
.messages-container p.usp-built::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2300ff66' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 11.08V12a10 10 0 1 1-5.93-9.14'/%3E%3Cpolyline points='22 4 12 14.01 9 11.01'/%3E%3C/svg%3E") !important;
}
/* 6-Month — shield */
.messages-container p.usp-warranty::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2300ff66' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3C/svg%3E") !important;
}
/* 3-5 Day — truck */
.messages-container p.usp-dispatch::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2300ff66' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='1' y='3' width='15' height='13'/%3E%3Cpolygon points='16 8 20 8 23 11 23 16 16 16 16 8'/%3E%3Ccircle cx='5.5' cy='18.5' r='2.5'/%3E%3Ccircle cx='18.5' cy='18.5' r='2.5'/%3E%3C/svg%3E") !important;
}
/* ================================================================
   CONTROLLER MODZ — CATEGORY / LISTING PAGES CSS
   Target: body.catalog-category-view, body.catalogsearch-result-index
   Append to custom.css
   ================================================================ */

/* ---- PAGE TITLE ---- */
body.catalog-category-view .page-title-wrapper,
body.catalogsearch-result-index .page-title-wrapper {
    margin-bottom: 20px !important;
    padding-bottom: 0 !important;
    border-bottom: none !important;
    text-align: center !important;
}
body.catalog-category-view .page-title,
body.catalogsearch-result-index .page-title {
    font-family: 'Outfit', sans-serif !important;
    font-weight: 700 !important;
    font-size: 28px !important;
    color: #fff !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
}

/* ---- BREADCRUMBS ---- */
body.catalog-category-view .breadcrumbs,
body.catalogsearch-result-index .breadcrumbs {
    font-family: 'Inter', sans-serif !important;
    font-size: 12px !important;
    padding: 12px 0 !important;
}
body.catalog-category-view .breadcrumbs a,
body.catalogsearch-result-index .breadcrumbs a {
    color: #666 !important;
    text-decoration: none !important;
    transition: color 0.2s !important;
}
body.catalog-category-view .breadcrumbs a:hover {
    color: #00ff66 !important;
}
body.catalog-category-view .breadcrumbs strong,
body.catalog-category-view .breadcrumbs .current {
    color: #999 !important;
    font-weight: 500 !important;
}
body.catalog-category-view .breadcrumbs .item::after {
    color: #444 !important;
}

/* ---- TOOLBAR (item count, sort, grid/list) ---- */
body.catalog-category-view .toolbar-products,
body.catalogsearch-result-index .toolbar-products {
    font-family: 'Inter', sans-serif !important;
    font-size: 13px !important;
    color: #666 !important;
    padding: 12px 0 !important;
    border-bottom: 1px solid #222 !important;
    margin-bottom: 24px !important;
}
body.catalog-category-view .toolbar-amount,
body.catalogsearch-result-index .toolbar-amount {
    font-family: 'Inter', sans-serif !important;
    font-size: 13px !important;
    color: #666 !important;
}
body.catalog-category-view .sorter-label,
body.catalogsearch-result-index .sorter-label {
    font-family: 'Outfit', sans-serif !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    color: #999 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}
body.catalog-category-view .sorter-options,
body.catalogsearch-result-index .sorter-options {
    background: #1a1a1a !important;
    border: 1px solid #222 !important;
    border-radius: 6px !important;
    color: #fff !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 13px !important;
    padding: 6px 10px !important;
}

/* ---- PRODUCT CARDS ---- */
body.catalog-category-view .products-grid .product-item,
body.catalogsearch-result-index .products-grid .product-item {
    transition: all 0.25s ease !important;
}
body.catalog-category-view .products-grid .product-item-info,
body.catalogsearch-result-index .products-grid .product-item-info {
    background: #111 !important;
    border: 1px solid #222 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    padding: 0 !important;
    transition: all 0.25s ease !important;
}
body.catalog-category-view .products-grid .product-item-info:hover,
body.catalogsearch-result-index .products-grid .product-item-info:hover {
    border-color: rgba(0,255,102,0.2) !important;
    box-shadow: 0 4px 24px rgba(0,255,102,0.06) !important;
    transform: translateY(-3px) !important;
}

/* Product image container */
body.catalog-category-view .product-image-container,
body.catalogsearch-result-index .product-image-container {
    background: transparent !important;
}
body.catalog-category-view .product-image-wrapper,
body.catalogsearch-result-index .product-image-wrapper {
    overflow: hidden !important;
}
body.catalog-category-view .product-image-photo,
body.catalogsearch-result-index .product-image-photo {
    transition: transform 0.3s ease !important;
}
body.catalog-category-view .product-item-info:hover .product-image-photo,
body.catalogsearch-result-index .product-item-info:hover .product-image-photo {
    transform: scale(1.03) !important;
}

/* Product details area */
body.catalog-category-view .product-item-details,
body.catalogsearch-result-index .product-item-details {
    padding: 14px 16px 18px !important;
    text-align: center !important;
}

/* Product name */
body.catalog-category-view .product-item-name,
body.catalog-category-view .product-item-link,
body.catalogsearch-result-index .product-item-name,
body.catalogsearch-result-index .product-item-link {
    font-family: 'Outfit', sans-serif !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    color: #fff !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    letter-spacing: 0.3px !important;
    line-height: 1.3 !important;
    transition: color 0.2s !important;
}
body.catalog-category-view .product-item-link:hover,
body.catalogsearch-result-index .product-item-link:hover {
    color: #00ff66 !important;
}

/* Hide star ratings on unreviewed products */
body.catalog-category-view .product-reviews-summary:not(.has-reviews),
body.catalog-category-view .product-reviews-summary.empty,
body.catalogsearch-result-index .product-reviews-summary:not(.has-reviews),
body.catalogsearch-result-index .product-reviews-summary.empty {
    display: none !important;
}

/* "Be the first to review" text — hide it */
body.catalog-category-view .product-reviews-summary .no-rating,
body.catalog-category-view .action.view:not([href]),
body.catalog-category-view .reviews-actions .action.add,
body.catalogsearch-result-index .product-reviews-summary .no-rating,
body.catalogsearch-result-index .reviews-actions .action.add {
    display: none !important;
}

/* Reviewed products — style the stars */
body.catalog-category-view .product-reviews-summary .rating-summary,
body.catalogsearch-result-index .product-reviews-summary .rating-summary {
    margin: 6px 0 !important;
}
body.catalog-category-view .product-reviews-summary .reviews-actions .action.view,
body.catalogsearch-result-index .product-reviews-summary .reviews-actions .action.view {
    font-family: 'Inter', sans-serif !important;
    font-size: 11px !important;
    color: #666 !important;
    text-decoration: none !important;
}

/* Price */
body.catalog-category-view .price-box,
body.catalogsearch-result-index .price-box {
    margin-top: 8px !important;
}
body.catalog-category-view .price-box .price,
body.catalogsearch-result-index .price-box .price {
    font-family: 'Outfit', sans-serif !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    color: #00ff66 !important;
}

/* "From" price prefix */
body.catalog-category-view .price-box .price-from .price-label,
body.catalog-category-view .minimal-price .price-label,
body.catalogsearch-result-index .price-box .price-from .price-label,
body.catalogsearch-result-index .minimal-price .price-label {
    font-family: 'Inter', sans-serif !important;
    font-size: 12px !important;
    color: #666 !important;
    font-weight: 400 !important;
    text-transform: capitalize !important;
}

/* Old / special price */
body.catalog-category-view .old-price .price,
body.catalogsearch-result-index .old-price .price {
    color: #666 !important;
    text-decoration: line-through !important;
    font-size: 14px !important;
    font-weight: 400 !important;
}

/* ---- ADD TO CART / ACTIONS ---- */
body.catalog-category-view .product-item-actions,
body.catalogsearch-result-index .product-item-actions {
    margin-top: 10px !important;
}
body.catalog-category-view .product-item .action.tocart,
body.catalogsearch-result-index .product-item .action.tocart {
    background: #00ff66 !important;
    color: #000 !important;
    border: none !important;
    border-radius: 6px !important;
    font-family: 'Outfit', sans-serif !important;
    font-weight: 700 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    padding: 10px 20px !important;
    transition: all 0.2s !important;
    text-shadow: none !important;
    box-shadow: none !important;
}
body.catalog-category-view .product-item .action.tocart:hover,
body.catalogsearch-result-index .product-item .action.tocart:hover {
    background: #00e65c !important;
    box-shadow: 0 4px 16px rgba(0,255,102,0.2) !important;
}

/* Wishlist / compare links */
body.catalog-category-view .product-item .actions-secondary a,
body.catalogsearch-result-index .product-item .actions-secondary a {
    color: #666 !important;
    transition: color 0.2s !important;
}
body.catalog-category-view .product-item .actions-secondary a:hover,
body.catalogsearch-result-index .product-item .actions-secondary a:hover {
    color: #00ff66 !important;
}

/* ---- PAGINATION ---- */
body.catalog-category-view .pages,
body.catalogsearch-result-index .pages {
    margin-top: 32px !important;
    text-align: center !important;
}
body.catalog-category-view .pages .items,
body.catalogsearch-result-index .pages .items {
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
    list-style: none !important;
    padding: 0 !important;
}
body.catalog-category-view .pages .item,
body.catalogsearch-result-index .pages .item {
    margin: 0 !important;
}
body.catalog-category-view .pages a.page,
body.catalog-category-view .pages strong.page,
body.catalog-category-view .pages .action,
body.catalogsearch-result-index .pages a.page,
body.catalogsearch-result-index .pages strong.page,
body.catalogsearch-result-index .pages .action {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 40px !important;
    background: #111 !important;
    border: 1px solid #222 !important;
    border-radius: 8px !important;
    color: #999 !important;
    font-family: 'Outfit', sans-serif !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    text-decoration: none !important;
    transition: all 0.2s !important;
}
body.catalog-category-view .pages a.page:hover,
body.catalog-category-view .pages .action:hover,
body.catalogsearch-result-index .pages a.page:hover,
body.catalogsearch-result-index .pages .action:hover {
    border-color: rgba(0,255,102,0.15) !important;
    background: rgba(0,255,102,0.08) !important;
    color: #00ff66 !important;
}

/* Active page */
body.catalog-category-view .pages .item.current strong.page,
body.catalogsearch-result-index .pages .item.current strong.page {
    background: rgba(0,255,102,0.1) !important;
    border-color: rgba(0,255,102,0.3) !important;
    color: #00ff66 !important;
}

/* ---- SIDEBAR / LAYERED NAV (if visible) ---- */
body.catalog-category-view .sidebar .filter-title,
body.catalog-category-view .sidebar .block-title {
    font-family: 'Outfit', sans-serif !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    color: #fff !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}
body.catalog-category-view .sidebar .filter-options-title,
body.catalog-category-view .sidebar .filter-options-item .filter-options-title {
    font-family: 'Outfit', sans-serif !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    color: #999 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.3px !important;
}
body.catalog-category-view .sidebar .filter-options-content a,
body.catalog-category-view .sidebar .filter-options-item a {
    font-family: 'Inter', sans-serif !important;
    font-size: 13px !important;
    color: #999 !important;
    text-decoration: none !important;
    transition: color 0.2s !important;
}
body.catalog-category-view .sidebar .filter-options-content a:hover {
    color: #00ff66 !important;
}

/* ---- CATEGORY DESCRIPTION (if set) ---- */
body.catalog-category-view .category-description {
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    color: #999 !important;
    line-height: 1.6 !important;
    text-align: center !important;
    max-width: 700px !important;
    margin: 0 auto 24px !important;
}

/* ---- MOBILE ---- */
@media (max-width: 768px) {
    body.catalog-category-view .page-title {
        font-size: 22px !important;
    }
    body.catalog-category-view .product-item-details {
        padding: 10px 12px 14px !important;
    }
    body.catalog-category-view .price-box .price {
        font-size: 16px !important;
    }
    body.catalog-category-view .product-item-name,
    body.catalog-category-view .product-item-link {
        font-size: 13px !important;
    }
    body.catalog-category-view .pages a.page,
    body.catalog-category-view .pages strong.page,
    body.catalog-category-view .pages .action {
        width: 36px !important;
        height: 36px !important;
        font-size: 13px !important;
    }
}

/* ================================================================
   SITE-WIDE: BREADCRUMBS
   ================================================================ */
.breadcrumbs {
    font-family: 'Inter', -apple-system, sans-serif !important;
    font-size: 12px !important;
    padding: 12px 0 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}
.breadcrumbs a {
    color: #666 !important;
    text-decoration: none !important;
    transition: color 0.2s !important;
}
.breadcrumbs a:hover {
    color: #00ff66 !important;
}
.breadcrumbs strong,
.breadcrumbs .current {
    color: #999 !important;
    font-weight: 500 !important;
}
.breadcrumbs .item::after,
.breadcrumbs .items > li::after {
    color: #444 !important;
    font-family: 'Inter', sans-serif !important;
}

/* ================================================================
   SITE-WIDE: MESSAGE / NOTICE BARS
   ================================================================ */
/* Base message styling */
.message,
.messages .message {
    font-family: 'Inter', -apple-system, sans-serif !important;
    font-size: 14px !important;
    border-radius: 8px !important;
    padding: 12px 20px !important;
    margin-bottom: 15px !important;
    border: 1px solid !important;
}

/* Notice (yellow/warning) → dark amber */
.message.notice,
.messages .message-notice {
    background: rgba(255,152,0,0.08) !important;
    border-color: rgba(255,152,0,0.3) !important;
    color: #ffb74d !important;
}
.message.notice a {
    color: #ffd54f !important;
}

/* Warning → dark amber stronger */
.message.warning,
.messages .message-warning {
    background: rgba(255,152,0,0.12) !important;
    border-color: rgba(255,152,0,0.4) !important;
    color: #ffb74d !important;
}

/* Error → dark red */
.message.error,
.messages .message-error {
    background: rgba(244,67,54,0.08) !important;
    border-color: rgba(244,67,54,0.3) !important;
    color: #ef9a9a !important;
}
.message.error a {
    color: #ef5350 !important;
}

/* Success → dark green */
.message.success,
.messages .message-success {
    background: rgba(0,255,102,0.08) !important;
    border-color: rgba(0,255,102,0.3) !important;
    color: #69f0ae !important;
}
.message.success a {
    color: #00ff66 !important;
}

/* Info → dark blue */
.message.info,
.messages .message-info {
    background: rgba(33,150,243,0.08) !important;
    border-color: rgba(33,150,243,0.3) !important;
    color: #90caf9 !important;
}
.message.info a {
    color: #64b5f6 !important;
}
.message.info a:hover {
    color: #42a5f5 !important;
}

/* Remove default Magento message icons that clash */
.message > *:first-child::before {
    display: none !important;
}

/* Ensure messages container has proper font */
.page-main > .messages,
.page-main > .page-messages {
    font-family: 'Inter', -apple-system, sans-serif !important;
}
/* Fix See Details options in minicart drawer — high specificity */
#minicart-content-wrapper .product-item-details .product.options .content dl.product.options.list,
#minicart-content-wrapper dl.product.options.list {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    flex-wrap: nowrap !important;
}

#minicart-content-wrapper dl.product.options.list dt.label,
#minicart-content-wrapper dl.product.options.list dd.values {
    display: inline !important;
    float: none !important;
    width: auto !important;
    max-width: 100% !important;
    white-space: normal !important;
    font-size: 12px !important;
}

#minicart-content-wrapper dl.product.options.list dd.values::after {
    content: '' !important;
    display: block !important;
}
/* =====================================================
   THREE-LINE HAMBURGER — only when menu is closed
   ===================================================== */
html:not(.nav-open) .amtheme-icon-box {
    display: flex !important;
    flex-direction: column !important;
    gap: 5px !important;
    justify-content: center !important;
    height: 100% !important;
}

html:not(.nav-open) .amtheme-item.-top {
    margin: 0 !important;
    height: 2.5px !important;
    display: block !important;
    width: 22px !important;
    background: rgb(255, 255, 255) !important;
}

html:not(.nav-open) .amtheme-item.-bottom {
    margin: 0 !important;
    height: 2px !important;
    display: block !important;
    width: 22px !important;
    background: rgb(255, 255, 255) !important;
}

.nav-open .amtheme-item.-middle {
    display: none !important;
}

/* =====================================================
   SEARCH BAR — remove border, add green glow
   ===================================================== */
.page-header .block-search .minisearch .input-text#search {
    border: none !important;
    outline: none !important;
    box-shadow: 0 0 15px rgba(0, 255, 102, 0.25), 0 0 40px rgba(0, 255, 102, 0.15), 0 0 80px rgba(0, 255, 102, 0.08), inset 0 0 0 1px rgba(0, 255, 102, 0.3) !important;
    background: rgba(255, 255, 255, 0.06) !important;
}
/* Three-line hamburger — hide middle line when menu open */
.nav-open .amtheme-item.-middle {
    display: none !important;
}
/* Hide mobile-only nav account/contact links on desktop */
@media all and (min-width: 768px) {
    .nav-sections .amtheme-menu-account,
    .nav-sections .amtheme-contact-title,
    .nav-sections .nav-sections-item-switch,
    .nav-sections .section-item-title.amtheme-item {
        display: none !important;
    }
}