.sppb-btn.sppb-btn-outline,
.sppb-btn-outline {
    background-color: transparent !important;
    border: 2px solid #d63229 !important;
    color: #d63229 !important;
}

.sppb-btn.sppb-btn-outline:hover,
.sppb-btn-outline:hover {
    background-color: #d63229 !important;
    color: #ffffff !important;
    border-color: #d63229 !important;
}

#sppb-addon-3880a448-2587-48ef-92ac-9a2c90cbc568 .sppb-carousel-extended-dots ul li:hover span, #sppb-addon-3880a448-2587-48ef-92ac-9a2c90cbc568 .sppb-carousel-extended-dots ul li.active span {
    background: rgb(255 255 255);
}


#sppb-addon-3880a448-2587-48ef-92ac-9a2c90cbc568 .sppb-testimonial-carousel-designation {
    color: #ff2b02;
}



.sp-mf-customer-reviews:after {
    display: none;
}

.sp-mf-customer-reviews .review-info {
    border-top: 1px solid rgb(255 255 255 / 20%) !important;
    border-right: 1px solid rgba(29, 29, 29, .2);
    padding-top: 40px;
    padding-right: 40px;
}


.sp-mf-customer-reviews:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 200px;
    background: #fff;
    bottom: 0;
  display: none;
}



#sppb-addon-02a74b6a-7149-460d-b5f2-bfeefa78c661 .sppb-carousel-extended-dots ul li:hover span, #sppb-addon-02a74b6a-7149-460d-b5f2-bfeefa78c661 .sppb-carousel-extended-dots ul li.active span {
    background: #D63229 !important;
}



button#btn-06b78a93-44b4-491b-9bc8-309d178b77f3 {
    background: #D63229 !important;
}



span.sppb-panel-title {
    color: #D63229 !important;
}


div#sppb-addon-301a0642-7830-4e3b-a019-ff15bbd5def9 {
    background: black;
}














@media (max-width: 991.98px) {
  /* Keep header row aligned */
  #sp-header .container-inner > .row {
    align-items: center;
  }

  /* Mobile logo column */
  #sp-logo {
    flex: 0 0 70%;
    max-width: 70%;
  }

  /* Mobile menu/action column */
  #sp-menu {
    flex: 0 0 30%;
    max-width: 30%;
  }

  /* Push mobile actions to the right */
  #sp-menu > .sp-column {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 12px;
    overflow: visible;
  }

  /* Force Helix hamburger to show */
  #offcanvas-toggler {
    display: flex !important;
    align-items: center;
    justify-content: center;
    height: 50px;
    line-height: 50px;
    margin-left: 10px;
    position: relative;
    z-index: 10001;
    visibility: visible !important;
    opacity: 1 !important;
  }

  /* Burger lines */
  #offcanvas-toggler .burger-icon {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
  }

  #offcanvas-toggler .burger-icon span {
    display: block;
    width: 22px;
    height: 2px;
    background: #111;
  }

  /* Hide desktop mega menu list on mobile */
  .sp-megamenu-parent {
    display: none !important;
  }

  /* Make sure offcanvas opens above everything */
  .offcanvas-overlay {
    z-index: 9998;
  }

  .offcanvas-menu {
    z-index: 9999;
  }

  /* Optional: if sign-in/cart crowd the header, keep only hamburger */
  #sp-menu .sp-sign-in,
  #sp-menu .easystore-cart-icon,
  #sp-menu .j2store-minicart-button {
    display: none !important;
  }
}





.sp-mf-project-carousel .sppb-carousel-extended-item:hover>.sppb-carousel-extended-team-content .sppb-carousel-extended-team-content-wrap .sppb-carousel-extended-team-name {
    color: #D63229 !important;
}


.sp-mf-project-carousel .sppb-carousel-extended-item>.sppb-carousel-extended-team-content .sppb-carousel-extended-team-content-wrap a.sppb-btn:hover {
  
    color: #D63229 !important;
}




#sppb-addon-173ae17c-2175-4dae-a6d8-8fa8d1ef8c79 #btn-173ae17c-2175-4dae-a6d8-8fa8d1ef8c79.sppb-btn-primary {
    background: #D63229 !important;
}




span.sp-slider-btn-text {
    background: #D63229 !important;
}


div#column-wrap-id-c5674234-1b8d-4e3e-b331-f1caa76db8a8 {
    padding: 0 !important;
}



























#sp-main-body {
    background-color: #f9f9f9;
}


a.btn.btn-secondary {
    background: black;
}


a.btn.btn-primary.btn-sm.ph-btn {
    background: black;
}


button.btn.btn-primary.btn-sm.ph-btn.phProductAddToCartCategory1 {
    background: #D63228;
}




select.form-control:not([multiple]),
select:not([multiple]).form-control,
select.inputbox:not([multiple]) {
  height: calc(.225rem + 10px) !important;
}



.w-full.overflow-x-hidden.overflow-y-auto.pe-11.pt-3 {
    padding: 1rem !important;
}


button.btn.btn-primary.phItemSwitchLayoutType.grid.active {
    background: #D63229 !important;
}




button.btn.btn-primary.phItemSwitchLayoutType.gridlist {
    background: #D63229 !important;
}


button.btn.btn-primary.phItemSwitchLayoutType.list {
    background: #D63229 !imporant;
}


.ph-footer-text a[href*="phocacart"] {
  color: #E97132 !important;
}






select#itemorderingtop {
    padding: 8px !important;
}


select#limittop {
    padding: 8px !important;
}


section#sp-main-body {
    background: #f9f9f9;
}


button.btn.btn-primary.phItemSwitchLayoutType.list {
    background: #D63229 !important;
}






























































/* =========================================================
   PROCTER MOTOR GROUP - PHOCA CART PREMIUM WHITE THEME
   Scope: Only Phoca Cart pages
   ========================================================= */

/* ===== GLOBAL PHOCA CART WRAPPER ===== */
.com-phocacart,
.com-phocacart body,
.com-phocacart .ph-main,
.com-phocacart .phocacart,
.com-phocacart .ph-category-view,
.com-phocacart .ph-categories-view,
.com-phocacart .ph-products-view,
.com-phocacart .ph-item-view,
.com-phocacart .ph-cart-view,
.com-phocacart .ph-checkout-view {
    background: #f7f7f8;
    color: #181818;
}

.com-phocacart .container,
.com-phocacart .ph-main,
.com-phocacart .phocacart {
    position: relative;
    z-index: 1;
}

.com-phocacart * {
    box-sizing: border-box;
}

/* ===== MAIN CONTENT SPACING ===== */
.com-phocacart .ph-category-view,
.com-phocacart .ph-products-view,
.com-phocacart .ph-item-view,
.com-phocacart .ph-cart-view,
.com-phocacart .ph-checkout-view {
    padding-top: 50px;
    padding-bottom: 70px;
}

.com-phocacart .ph-category-view .row,
.com-phocacart .ph-products-view .row,
.com-phocacart .ph-item-view .row,
.com-phocacart .ph-cart-view .row,
.com-phocacart .ph-checkout-view .row {
    margin-left: -15px;
    margin-right: -15px;
}

.com-phocacart .ph-category-view [class*="col-"],
.com-phocacart .ph-products-view [class*="col-"],
.com-phocacart .ph-item-view [class*="col-"],
.com-phocacart .ph-cart-view [class*="col-"],
.com-phocacart .ph-checkout-view [class*="col-"] {
    padding-left: 15px;
    padding-right: 15px;
}

/* ===== TYPOGRAPHY / VISIBILITY FIX ===== */
.com-phocacart h1,
.com-phocacart h2,
.com-phocacart h3,
.com-phocacart h4,
.com-phocacart h5,
.com-phocacart h6,
.com-phocacart .ph-title,
.com-phocacart .ph-item-title,
.com-phocacart .ph-product-title,
.com-phocacart .ph-category-title {
    color: #141414 !important;
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: -0.02em;
}

.com-phocacart p,
.com-phocacart span,
.com-phocacart div,
.com-phocacart li,
.com-phocacart label,
.com-phocacart small,
.com-phocacart .ph-desc,
.com-phocacart .ph-description,
.com-phocacart .ph-category-description,
.com-phocacart .ph-item-description,
.com-phocacart .ph-product-description,
.com-phocacart .ph-checkout-box,
.com-phocacart .ph-info,
.com-phocacart .ph-text {
    color: #4e5561 !important;
}

.com-phocacart a {
    color: #181818;
    text-decoration: none;
    transition: all 0.25s ease;
}

.com-phocacart a:hover {
    color: #e0472f;
    text-decoration: none;
}

/* ===== TOP TOOLBAR / FILTER / SORT AREA ===== */
.com-phocacart .ph-top,
.com-phocacart .ph-toolbar,
.com-phocacart .ph-category-top,
.com-phocacart .ph-products-top {
    background: #ffffff;
    border: 1px solid #ececf1;
    border-radius: 18px;
    padding: 18px 20px;
    margin-bottom: 28px;
    box-shadow: 0 10px 28px rgba(18, 24, 39, 0.05);
}

.com-phocacart select,
.com-phocacart .form-select,
.com-phocacart .ph-input select {
    background: #101722 !important;
    color: #ffffff !important;
    border: 1px solid #101722 !important;
    border-radius: 12px !important;
    min-height: 48px;
    padding: 12px 16px !important;
    box-shadow: none !important;
}

.com-phocacart select:focus,
.com-phocacart .form-select:focus {
    border-color: #e0472f !important;
    box-shadow: 0 0 0 4px rgba(224, 71, 47, 0.12) !important;
    outline: none !important;
}

/* ===== CATEGORY BUTTON ===== */
.com-phocacart .btn,
.com-phocacart button,
.com-phocacart input[type="button"],
.com-phocacart input[type="submit"] {
    border-radius: 12px !important;
    font-weight: 700;
    letter-spacing: 0.02em;
    transition: all 0.25s ease;
}

.com-phocacart .btn-primary,
.com-phocacart .btn-danger,
.com-phocacart .btn.ph-btn-addtocart,
.com-phocacart .ph-add-to-cart,
.com-phocacart .ph-cart-add-button,
.com-phocacart .ph-btn-add {
    background: linear-gradient(135deg, #f05a3f 0%, #de3d2b 100%) !important;
    color: #ffffff !important;
    border: none !important;
    padding: 13px 22px !important;
    box-shadow: 0 10px 24px rgba(224, 71, 47, 0.25);
}

.com-phocacart .btn-primary:hover,
.com-phocacart .btn-danger:hover,
.com-phocacart .btn.ph-btn-addtocart:hover,
.com-phocacart .ph-add-to-cart:hover,
.com-phocacart .ph-cart-add-button:hover,
.com-phocacart .ph-btn-add:hover {
    transform: translateY(-1px);
    box-shadow: 0 14px 30px rgba(224, 71, 47, 0.32);
    background: linear-gradient(135deg, #ff6b4b 0%, #de3d2b 100%) !important;
    color: #ffffff !important;
}

.com-phocacart .btn-secondary,
.com-phocacart .btn-dark,
.com-phocacart .ph-btn-viewproduct,
.com-phocacart .ph-view-product,
.com-phocacart .ph-btn-continue,
.com-phocacart .ph-btn-checkout {
    background: linear-gradient(135deg, #121926 0%, #0c111a 100%) !important;
    color: #ffffff !important;
    border: 1px solid #1d2635 !important;
    padding: 13px 22px !important;
    box-shadow: 0 10px 24px rgba(9, 14, 24, 0.16);
}

.com-phocacart .btn-secondary:hover,
.com-phocacart .btn-dark:hover,
.com-phocacart .ph-btn-viewproduct:hover,
.com-phocacart .ph-view-product:hover,
.com-phocacart .ph-btn-continue:hover,
.com-phocacart .ph-btn-checkout:hover {
    color: #ffffff !important;
    border-color: #293447 !important;
    transform: translateY(-1px);
}

/* ===== PRODUCT GRID ===== */
.com-phocacart .ph-item-box,
.com-phocacart .ph-product-box,
.com-phocacart .ph-category-box {
    background: #ffffff;
    border: 1px solid #e9edf3;
    border-radius: 24px;
    padding: 18px;
    box-shadow: 0 18px 40px rgba(14, 20, 32, 0.07);
    transition: all 0.3s ease;
    overflow: hidden;
}

.com-phocacart .ph-item-box:hover,
.com-phocacart .ph-product-box:hover,
.com-phocacart .ph-category-box:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 48px rgba(14, 20, 32, 0.11);
    border-color: #dde3eb;
}

.com-phocacart .ph-image,
.com-phocacart .ph-item-image,
.com-phocacart .ph-product-image {
    background: linear-gradient(180deg, #f9fafb 0%, #f2f4f7 100%);
    border-radius: 18px;
    overflow: hidden;
    padding: 10px;
    margin-bottom: 18px;
    border: 1px solid #eef1f5;
}

.com-phocacart .ph-image img,
.com-phocacart .ph-item-image img,
.com-phocacart .ph-product-image img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 12px;
}

.com-phocacart .ph-item-title,
.com-phocacart .ph-product-title {
    font-size: 24px;
    font-weight: 800;
    margin-bottom: 12px;
    color: #141414 !important;
}

.com-phocacart .ph-item-box .ph-desc,
.com-phocacart .ph-product-box .ph-desc,
.com-phocacart .ph-item-box .ph-description,
.com-phocacart .ph-product-box .ph-description {
    color: #5a6370 !important;
    font-size: 15px;
    line-height: 1.65;
    margin-bottom: 16px;
}

/* ===== PRODUCT PRICE ===== */
.com-phocacart .ph-price,
.com-phocacart .ph-item-price,
.com-phocacart .ph-product-price,
.com-phocacart .price {
    font-size: 20px;
    font-weight: 800;
    color: #121212 !important;
    margin: 10px 0 18px;
}

/* ===== LISTING BUTTON AREA ===== */
.com-phocacart .ph-buttons,
.com-phocacart .ph-item-buttons,
.com-phocacart .ph-product-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 14px;
}

.com-phocacart .ph-buttons .btn,
.com-phocacart .ph-item-buttons .btn,
.com-phocacart .ph-product-buttons .btn {
    flex: 1 1 auto;
    min-height: 46px;
    justify-content: center;
    align-items: center;
    display: inline-flex;
}

/* ===== PRODUCT DETAIL PAGE ===== */
.com-phocacart .ph-item-view .ph-image,
.com-phocacart .ph-item-view .ph-item-image {
    background: #ffffff;
    border: 1px solid #e8edf4;
    border-radius: 24px;
    padding: 14px;
    box-shadow: 0 18px 42px rgba(17, 24, 39, 0.08);
}

.com-phocacart .ph-item-view .ph-image img,
.com-phocacart .ph-item-view .ph-item-image img {
    border-radius: 16px;
}

.com-phocacart .ph-item-view .ph-item-title,
.com-phocacart .ph-item-view h1 {
    font-size: 42px;
    color: #141414 !important;
    margin-bottom: 14px;
}

.com-phocacart .ph-item-view .ph-price {
    font-size: 28px;
    margin-bottom: 20px;
    color: #111 !important;
}

.com-phocacart .ph-item-view .ph-desc,
.com-phocacart .ph-item-view .ph-description,
.com-phocacart .ph-item-view .ph-short-description {
    background: #ffffff;
    border: 1px solid #e8edf4;
    border-radius: 18px;
    padding: 18px 20px;
    margin-bottom: 20px;
    color: #505867 !important;
    box-shadow: 0 10px 28px rgba(16, 24, 40, 0.05);
}

.com-phocacart .ph-item-view .ph-attributes,
.com-phocacart .ph-item-view .ph-availability,
.com-phocacart .ph-item-view .ph-sku {
    color: #4f5763 !important;
    margin-bottom: 10px;
}

/* quantity and add to cart area */
.com-phocacart .ph-item-view .ph-cart-box,
.com-phocacart .ph-item-view .ph-add-to-cart-box,
.com-phocacart .ph-item-view .ph-buy-box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    margin-top: 18px;
}

.com-phocacart .ph-item-view input[type="number"],
.com-phocacart .ph-item-view .quantity input,
.com-phocacart .ph-quantity input {
    width: 74px !important;
    min-width: 74px;
    height: 48px !important;
    border-radius: 12px !important;
    border: 1px solid #d9dee7 !important;
    background: #ffffff !important;
    color: #111 !important;
    text-align: center;
    font-weight: 700;
    padding: 8px 10px !important;
}

/* ===== TABS ON PRODUCT DETAIL ===== */
.com-phocacart .nav-tabs,
.com-phocacart .ph-tabs {
    border: none;
    display: flex;
    gap: 10px;
    margin: 26px 0 18px;
}

.com-phocacart .nav-tabs > li > a,
.com-phocacart .nav-tabs .nav-link,
.com-phocacart .ph-tabs a {
    border: 1px solid #e2e8f0 !important;
    background: #ffffff !important;
    color: #161616 !important;
    border-radius: 999px !important;
    padding: 11px 18px !important;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.com-phocacart .nav-tabs > li.active > a,
.com-phocacart .nav-tabs .nav-link.active,
.com-phocacart .ph-tabs .active a {
    background: linear-gradient(135deg, #121926 0%, #0c111a 100%) !important;
    color: #ffffff !important;
    border-color: #121926 !important;
}

.com-phocacart .tab-content,
.com-phocacart .ph-tab-content {
    background: linear-gradient(135deg, #111827 0%, #0c111a 100%);
    border: none;
    border-radius: 24px;
    padding: 24px;
    color: #ffffff !important;
    box-shadow: 0 20px 40px rgba(12, 17, 26, 0.18);
}

.com-phocacart .tab-content *,
.com-phocacart .ph-tab-content * {
    color: #f4f7fb !important;
}

.com-phocacart .tab-content p,
.com-phocacart .ph-tab-content p {
    line-height: 1.7;
}

/* ===== CART PAGE ===== */
.com-phocacart .ph-cart-view table,
.com-phocacart .ph-cart table,
.com-phocacart .cart-summary {
    width: 100%;
    background: #ffffff;
    border: 1px solid #e8edf4;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 18px 42px rgba(17, 24, 39, 0.07);
}

.com-phocacart .ph-cart-view th,
.com-phocacart .ph-cart-view td,
.com-phocacart .ph-cart th,
.com-phocacart .ph-cart td {
    padding: 18px 16px !important;
    vertical-align: middle !important;
    border-color: #edf1f5 !important;
    color: #1b2430 !important;
}

.com-phocacart .ph-cart-view th,
.com-phocacart .ph-cart th {
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 800;
    color: #5a6370 !important;
    background: #f8fafc;
}

.com-phocacart .ph-cart-view img,
.com-phocacart .ph-cart img {
    border-radius: 12px;
    border: 1px solid #edf1f5;
}

.com-phocacart .ph-cart-view .ph-price,
.com-phocacart .ph-cart-view .ph-total,
.com-phocacart .ph-cart .ph-price,
.com-phocacart .ph-cart .ph-total {
    color: #111 !important;
    font-weight: 800;
}

.com-phocacart .ph-cart-view .ph-quantity input,
.com-phocacart .ph-cart .ph-quantity input {
    width: 84px !important;
    height: 46px !important;
    border-radius: 12px !important;
    background: #111827 !important;
    color: #ffffff !important;
    border: 1px solid #111827 !important;
    text-align: center;
    padding: 10px 12px !important;
}

/* cart action area */
.com-phocacart .ph-cart-actions,
.com-phocacart .ph-cart-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 24px;
}

.com-phocacart .ph-cart-actions .btn,
.com-phocacart .ph-cart-buttons .btn {
    min-width: 220px;
    min-height: 52px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* ===== ADD TO CART POPUP / MINI CART ===== */
.com-phocacart .modal-content,
.com-phocacart .ph-modal-content,
.com-phocacart .ph-cart-module,
.com-phocacart .ph-mini-cart,
.com-phocacart .ph-popup-box {
    background: #ffffff !important;
    border: 1px solid #e7edf4 !important;
    border-radius: 22px !important;
    box-shadow: 0 30px 60px rgba(14, 20, 32, 0.18) !important;
    padding: 22px !important;
}

.com-phocacart .modal-header,
.com-phocacart .modal-body,
.com-phocacart .modal-footer {
    border-color: #edf1f5 !important;
}

.com-phocacart .modal-title,
.com-phocacart .ph-modal-title {
    color: #141414 !important;
    font-weight: 800;
}

.com-phocacart .modal-body,
.com-phocacart .ph-modal-body {
    color: #505867 !important;
}

.com-phocacart .modal-footer .btn,
.com-phocacart .ph-popup-box .btn,
.com-phocacart .ph-cart-module .btn {
    min-width: 210px;
    min-height: 54px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 14px !important;
    font-size: 15px;
    font-weight: 800;
    padding: 14px 18px !important;
}

/* ===== CHECKOUT PAGE ===== */
.com-phocacart .ph-checkout-view .ph-box,
.com-phocacart .ph-checkout-view .ph-checkout-box,
.com-phocacart .ph-checkout-view .well,
.com-phocacart .ph-checkout-view .card,
.com-phocacart .ph-checkout-view .ph-step-box {
    background: #ffffff;
    border: 1px solid #e7edf4;
    border-radius: 24px;
    padding: 24px;
    margin-bottom: 22px;
    box-shadow: 0 16px 36px rgba(17, 24, 39, 0.06);
}

.com-phocacart .ph-checkout-view h1,
.com-phocacart .ph-checkout-view h2,
.com-phocacart .ph-checkout-view h3,
.com-phocacart .ph-checkout-view legend {
    color: #141414 !important;
    font-weight: 800;
}

.com-phocacart .ph-checkout-view label {
    display: block;
    margin-bottom: 8px;
    font-size: 13px;
    font-weight: 700;
    color: #525b68 !important;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.com-phocacart .ph-checkout-view input[type="text"],
.com-phocacart .ph-checkout-view input[type="email"],
.com-phocacart .ph-checkout-view input[type="tel"],
.com-phocacart .ph-checkout-view input[type="password"],
.com-phocacart .ph-checkout-view textarea,
.com-phocacart .ph-checkout-view select,
.com-phocacart .ph-checkout-view .form-control {
    width: 100%;
    min-height: 52px;
    background: #ffffff !important;
    color: #151515 !important;
    border: 1px solid #dce3eb !important;
    border-radius: 14px !important;
    padding: 14px 16px !important;
    box-shadow: none !important;
    margin-bottom: 14px !important;
}

.com-phocacart .ph-checkout-view textarea {
    min-height: 120px;
    resize: vertical;
}

.com-phocacart .ph-checkout-view input:focus,
.com-phocacart .ph-checkout-view textarea:focus,
.com-phocacart .ph-checkout-view select:focus,
.com-phocacart .ph-checkout-view .form-control:focus {
    border-color: #e0472f !important;
    box-shadow: 0 0 0 4px rgba(224, 71, 47, 0.12) !important;
    outline: none !important;
}

/* checkout tables and summary */
.com-phocacart .ph-checkout-view table {
    background: #ffffff;
    border: 1px solid #e8edf4;
    border-radius: 18px;
    overflow: hidden;
    width: 100%;
}

.com-phocacart .ph-checkout-view th,
.com-phocacart .ph-checkout-view td {
    padding: 16px !important;
    border-color: #edf1f5 !important;
    color: #1b2430 !important;
}

.com-phocacart .ph-checkout-view .ph-total,
.com-phocacart .ph-checkout-view .ph-price,
.com-phocacart .ph-checkout-view .ph-subtotal {
    color: #111 !important;
    font-weight: 800;
}

/* checkout step headings */
.com-phocacart .ph-checkout-view .panel-heading,
.com-phocacart .ph-checkout-view .ph-step-title,
.com-phocacart .ph-checkout-view .accordion-button {
    background: #f8fafc !important;
    color: #141414 !important;
    border: 1px solid #edf1f5 !important;
    border-radius: 14px !important;
    font-weight: 800;
    padding: 16px 18px !important;
}

/* ===== ALERTS / MESSAGES ===== */
.com-phocacart .alert,
.com-phocacart .ph-message,
.com-phocacart .ph-info-box {
    border-radius: 16px !important;
    padding: 16px 18px !important;
    border: 1px solid transparent !important;
    box-shadow: none !important;
}

.com-phocacart .alert-success {
    background: #ecfdf3 !important;
    color: #166534 !important;
    border-color: #bbf7d0 !important;
}

.com-phocacart .alert-danger,
.com-phocacart .alert-error {
    background: #fef2f2 !important;
    color: #b42318 !important;
    border-color: #fecaca !important;
}

.com-phocacart .alert-warning {
    background: #fff7ed !important;
    color: #b45309 !important;
    border-color: #fed7aa !important;
}

/* ===== BADGES / LABELS ===== */
.com-phocacart .badge,
.com-phocacart .label,
.com-phocacart .ph-label {
    border-radius: 999px;
    padding: 8px 12px;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 0.03em;
}

/* ===== ICON BUTTONS / SMALL ACTIONS ===== */
.com-phocacart .btn-sm,
.com-phocacart .btn-group .btn,
.com-phocacart .ph-btn-small {
    border-radius: 10px !important;
}

/* ===== POWERED BY / UNNECESSARY LOW CONTRAST TEXT ===== */
.com-phocacart .ph-powered,
.com-phocacart .ph-footer-note,
.com-phocacart .muted,
.com-phocacart .text-muted {
    color: #8a93a2 !important;
}

/* ===== FIX WHITE TEXT INSIDE DARK BOXES ONLY ===== */
.com-phocacart .btn-dark,
.com-phocacart .btn-secondary,
.com-phocacart .tab-content,
.com-phocacart .ph-tab-content,
.com-phocacart .ph-cart-module,
.com-phocacart .ph-mini-cart,
.com-phocacart .ph-popup-box,
.com-phocacart .ph-checkout-total-box {
    color: #ffffff !important;
}

.com-phocacart .btn-dark *,
.com-phocacart .btn-secondary *,
.com-phocacart .tab-content *,
.com-phocacart .ph-tab-content *,
.com-phocacart .ph-cart-module *,
.com-phocacart .ph-mini-cart *,
.com-phocacart .ph-popup-box * {
    color: inherit !important;
}

/* ===== MOBILE ===== */
@media (max-width: 991px) {
    .com-phocacart .ph-item-view .ph-item-title,
    .com-phocacart .ph-item-view h1 {
        font-size: 32px;
    }

    .com-phocacart .ph-buttons,
    .com-phocacart .ph-item-buttons,
    .com-phocacart .ph-product-buttons,
    .com-phocacart .ph-cart-actions,
    .com-phocacart .ph-cart-buttons,
    .com-phocacart .ph-item-view .ph-cart-box,
    .com-phocacart .ph-item-view .ph-add-to-cart-box {
        flex-direction: column;
        align-items: stretch;
    }

    .com-phocacart .ph-buttons .btn,
    .com-phocacart .ph-item-buttons .btn,
    .com-phocacart .ph-product-buttons .btn,
    .com-phocacart .ph-cart-actions .btn,
    .com-phocacart .ph-cart-buttons .btn {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .com-phocacart .ph-category-view,
    .com-phocacart .ph-products-view,
    .com-phocacart .ph-item-view,
    .com-phocacart .ph-cart-view,
    .com-phocacart .ph-checkout-view {
        padding-top: 35px;
        padding-bottom: 45px;
    }

    .com-phocacart .ph-top,
    .com-phocacart .ph-toolbar,
    .com-phocacart .ph-category-top,
    .com-phocacart .ph-products-top,
    .com-phocacart .ph-checkout-view .ph-box,
    .com-phocacart .ph-checkout-view .ph-checkout-box,
    .com-phocacart .ph-checkout-view .well,
    .com-phocacart .ph-checkout-view .card,
    .com-phocacart .ph-checkout-view .ph-step-box {
        padding: 18px;
        border-radius: 18px;
    }

    .com-phocacart .ph-item-box,
    .com-phocacart .ph-product-box,
    .com-phocacart .ph-category-box {
        padding: 14px;
        border-radius: 18px;
    }

    .com-phocacart .ph-item-view .ph-item-title,
    .com-phocacart .ph-item-view h1 {
        font-size: 28px;
    }

    .com-phocacart .modal-footer .btn,
    .com-phocacart .ph-popup-box .btn,
    .com-phocacart .ph-cart-module .btn {
        width: 100%;
        min-width: 100%;
    }
}


.modal-content {
    top: 150px !important;
}





























































/* =========================================================
   EXACT PHOCA CART CHECKOUT FIELD SPACING FIX
   ========================================================= */

/* billing and shipping column inner spacing */
.com-phocacart .ph-checkout-box-address .ph-checkout-billing-row,
.com-phocacart .ph-checkout-box-address .ph-checkout-shipping-row {
    padding-left: 24px !important;
    padding-right: 24px !important;
}

/* every field row */
.com-phocacart .ph-checkout-box-address .ph-checkout-billing-row > .row.form-group,
.com-phocacart .ph-checkout-box-address .ph-checkout-shipping-row > .row.form-group {
    margin-bottom: 18px !important;
    align-items: flex-start !important;
}

/* remove bottom margin from last row only */
.com-phocacart .ph-checkout-box-address .ph-checkout-billing-row > .row.form-group:last-child,
.com-phocacart .ph-checkout-box-address .ph-checkout-shipping-row > .row.form-group:last-child {
    margin-bottom: 0 !important;
}

/* label column */
.com-phocacart .ph-checkout-box-address .row.form-group > .control-label {
    padding-right: 16px !important;
    padding-top: 12px !important;
    margin-bottom: 0 !important;
}

/* label text */
.com-phocacart .ph-checkout-box-address .row.form-group > .control-label label {
    display: block !important;
    line-height: 1.4 !important;
    margin: 0 !important;
    color: #465161 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

/* input column */
.com-phocacart .ph-checkout-box-address .row.form-group > div.col-12.col-sm-7.col-md-7 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* inputs */
.com-phocacart .ph-checkout-box-address .row.form-group input.form-control,
.com-phocacart .ph-checkout-box-address .row.form-group select.form-select,
.com-phocacart .ph-checkout-box-address .row.form-group select,
.com-phocacart .ph-checkout-box-address .row.form-group textarea.form-control {
    width: 100% !important;
    min-height: 52px !important;
    padding: 14px 16px !important;
    margin: 0 !important;
    border: 1px solid #d9e1ea !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    color: #111827 !important;
    box-shadow: none !important;
    line-height: 1.4 !important;
}

/* dark dropdowns if you want same style */
.com-phocacart .ph-checkout-box-address .row.form-group select {
    background: #0f1724 !important;
    border-color: #0f1724 !important;
    color: #ffffff !important;
}

/* better focus */
.com-phocacart .ph-checkout-box-address .row.form-group input:focus,
.com-phocacart .ph-checkout-box-address .row.form-group select:focus,
.com-phocacart .ph-checkout-box-address .row.form-group textarea:focus {
    border-color: #e14a32 !important;
    box-shadow: 0 0 0 4px rgba(225, 74, 50, 0.12) !important;
    outline: none !important;
}

/* delivery checkbox area */
.com-phocacart .ph-checkout-box-address .ph-checkout-box-action + .col-12,
.com-phocacart .ph-checkout-box-address .checkbox,
.com-phocacart .ph-checkout-box-address .form-check {
    margin-top: 20px !important;
}

/* mobile */
@media (max-width: 767px) {
    .com-phocacart .ph-checkout-box-address .ph-checkout-billing-row,
    .com-phocacart .ph-checkout-box-address .ph-checkout-shipping-row {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    .com-phocacart .ph-checkout-box-address .row.form-group {
        margin-bottom: 16px !important;
    }

    .com-phocacart .ph-checkout-box-address .row.form-group > .control-label {
        padding-top: 0 !important;
        padding-right: 0 !important;
        margin-bottom: 8px !important;
    }

    .com-phocacart .ph-checkout-box-address .row.form-group > .control-label,
    .com-phocacart .ph-checkout-box-address .row.form-group > div.col-12.col-sm-7.col-md-7 {
        width: 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
}

























/* =========================================================
   PHOCA CART CHECKOUT - PERFECT LINE ALIGNMENT
   ========================================================= */

/* billing + shipping columns */
.com-phocacart .ph-checkout-box-address .ph-checkout-billing-row,
.com-phocacart .ph-checkout-box-address .ph-checkout-shipping-row {
    padding-left: 24px !important;
    padding-right: 24px !important;
}

/* each field row */
.com-phocacart .ph-checkout-box-address .row.form-group {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    margin-bottom: 16px !important;
}

/* fixed label column */
.com-phocacart .ph-checkout-box-address .row.form-group > .control-label,
.com-phocacart .ph-checkout-box-address .row.form-group > .col-12.col-sm-5.col-md-5.control-label {
    flex: 0 0 170px !important;
    max-width: 170px !important;
    width: 170px !important;
    padding-right: 18px !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
}

/* label text */
.com-phocacart .ph-checkout-box-address .row.form-group > .control-label label {
    margin: 0 !important;
    line-height: 1.2 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #465161 !important;
}

/* fixed input column */
.com-phocacart .ph-checkout-box-address .row.form-group > .col-12.col-sm-7.col-md-7 {
    flex: 1 1 auto !important;
    max-width: calc(100% - 170px) !important;
    width: calc(100% - 170px) !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* all fields same size */
.com-phocacart .ph-checkout-box-address .row.form-group input.form-control,
.com-phocacart .ph-checkout-box-address .row.form-group select,
.com-phocacart .ph-checkout-box-address .row.form-group textarea {
    display: block !important;
    width: 100% !important;
    height: 54px !important;
    min-height: 54px !important;
    padding: 0 16px !important;
    margin: 0 !important;
    border: 1px solid #d7dee7 !important;
    border-radius: 12px !important;
    background: #fff !important;
    color: #111827 !important;
    box-shadow: none !important;
    line-height: 54px !important;
}

/* dropdowns also same */
.com-phocacart .ph-checkout-box-address .row.form-group select {
    line-height: normal !important;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

/* email text alignment fix */
.com-phocacart .ph-checkout-box-address .row.form-group input[type="email"] {
    line-height: normal !important;
}

/* checkbox row */
.com-phocacart .ph-checkout-box-address .col-12.col-sm-12.col-md-12 {
    margin-top: 18px !important;
}

/* section header spacing */
.com-phocacart .ph-checkout-box-address .ph-box-header {
    margin-bottom: 18px !important;
}

/* mobile */
@media (max-width: 767px) {
    .com-phocacart .ph-checkout-box-address .row.form-group {
        display: block !important;
        margin-bottom: 16px !important;
    }

    .com-phocacart .ph-checkout-box-address .row.form-group > .control-label,
    .com-phocacart .ph-checkout-box-address .row.form-group > .col-12.col-sm-5.col-md-5.control-label,
    .com-phocacart .ph-checkout-box-address .row.form-group > .col-12.col-sm-7.col-md-7 {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        padding: 0 !important;
    }

    .com-phocacart .ph-checkout-box-address .row.form-group > .control-label {
        margin-bottom: 8px !important;
    }
}











/* ===== REMOVE DROPDOWN FOR HOME ONLY ===== */
.sp-megamenu-parent > li:first-child.sp-has-child > .sp-dropdown {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

/* ===== REMOVE ARROW FOR HOME ONLY ===== */
.sp-megamenu-parent > li:first-child.sp-has-child > a::after {
    display: none !important;
    content: none !important;
}



.sp-page-title-heading {
    display: none !important;
}










h1.ph-header {
    font-size: 44px !important;
}


h3.ph-product-header.grid {
    font-size: 37px !important;
}



body.itemid-185 .sp-page-title {
    background: linear-gradient(to right, #E1EEED, #F1E3E9) !important;
}























































/* =========================================================
   PROCTER MOTOR GROUP - PREMIUM PHOCA CART CHECKOUT UI
   Safe styling only - does not break checkout logic
   ========================================================= */

/* ===== MAIN CHECKOUT AREA ===== */
.com-phocacart .ph-checkout-view,
.com-phocacart .ph-cart-view,
.com-phocacart .ph-info-view {
    padding-top: 40px;
    padding-bottom: 70px;
    background: #f7f7f8;
}

/* ===== STEP BOXES ===== */
.com-phocacart .ph-checkout-box-address,
.com-phocacart .ph-checkout-box-shipping,
.com-phocacart .ph-checkout-box-payment,
.com-phocacart .ph-checkout-box-login,
.com-phocacart .ph-checkout-box-summary {
    background: #ffffff !important;
    border: 1px solid #e8edf3 !important;
    border-radius: 20px !important;
    box-shadow: 0 16px 36px rgba(15, 23, 36, 0.05) !important;
    overflow: hidden;
    margin-bottom: 20px;
}

/* ===== STEP HEADERS ===== */
.com-phocacart .ph-box-header,
.com-phocacart .ph-checkout-box-header,
.com-phocacart .ph-checkout-view h3 {
    background: #ffffff !important;
    color: #111827 !important;
    font-weight: 800 !important;
    font-size: 16px !important;
    letter-spacing: -0.01em;
    padding: 18px 20px !important;
    border-bottom: 1px solid #edf1f5 !important;
    margin: 0 !important;
}

/* right side step number box */
.com-phocacart .ph-checkout-box-header .badge,
.com-phocacart .ph-box-header .badge,
.com-phocacart .ph-checkout-box-header-right,
.com-phocacart .ph-checkout-box .ph-step-number {
    background: linear-gradient(135deg, #1f2937 0%, #111827 100%) !important;
    color: #ffffff !important;
    border-radius: 10px !important;
    min-width: 38px;
    min-height: 38px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    box-shadow: 0 8px 18px rgba(17, 24, 39, 0.18);
}

/* active/complete step number */
.com-phocacart .ph-checkout-box-status-active .ph-box-header-right,
.com-phocacart .ph-checkout-box-status-complete .ph-box-header-right,
.com-phocacart .ph-checkout-box-status-active .badge,
.com-phocacart .ph-checkout-box-status-complete .badge {
    background: linear-gradient(135deg, #f05a3f 0%, #de3d2b 100%) !important;
    color: #fff !important;
}

/* ===== CONTENT AREA ===== */
.com-phocacart .ph-checkout-box-action,
.com-phocacart .ph-checkout-box-content,
.com-phocacart .ph-checkout-box-inside {
    padding: 24px !important;
    background: #ffffff !important;
}

/* ===== ADDRESS FORM LAYOUT ===== */
.com-phocacart #phBillingAddress > .row.form-group,
.com-phocacart #phShippingAddress > .row.form-group {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    margin-bottom: 16px !important;
}

.com-phocacart #phBillingAddress > .row.form-group:last-child,
.com-phocacart #phShippingAddress > .row.form-group:last-child {
    margin-bottom: 0 !important;
}

/* label column */
.com-phocacart #phBillingAddress > .row.form-group > .control-label,
.com-phocacart #phShippingAddress > .row.form-group > .control-label,
.com-phocacart #phBillingAddress > .row.form-group > .col-12.col-sm-5.col-md-5.control-label,
.com-phocacart #phShippingAddress > .row.form-group > .col-12.col-sm-5.col-md-5.control-label {
    width: 160px !important;
    min-width: 160px !important;
    max-width: 160px !important;
    padding-right: 16px !important;
    margin: 0 !important;
}

.com-phocacart #phBillingAddress > .row.form-group > .control-label label,
.com-phocacart #phShippingAddress > .row.form-group > .control-label label {
    color: #465161 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    line-height: 1.3 !important;
    margin: 0 !important;
}

/* input column */
.com-phocacart #phBillingAddress > .row.form-group > .col-12.col-sm-7.col-md-7,
.com-phocacart #phShippingAddress > .row.form-group > .col-12.col-sm-7.col-md-7 {
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* ===== FIELDS ===== */
.com-phocacart .ph-checkout-view input[type="text"],
.com-phocacart .ph-checkout-view input[type="email"],
.com-phocacart .ph-checkout-view input[type="tel"],
.com-phocacart .ph-checkout-view input[type="password"],
.com-phocacart .ph-checkout-view select,
.com-phocacart .ph-checkout-view textarea,
.com-phocacart .ph-checkout-view .form-control {
    width: 100% !important;
    min-height: 52px !important;
    height: 52px !important;
    padding: 0 16px !important;
    border: 1px solid #dbe2ea !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    color: #111827 !important;
    box-shadow: none !important;
    line-height: normal !important;
    transition: all 0.25s ease;
}

.com-phocacart .ph-checkout-view textarea {
    min-height: 120px !important;
    height: auto !important;
    padding: 14px 16px !important;
    resize: vertical;
}

.com-phocacart .ph-checkout-view input:focus,
.com-phocacart .ph-checkout-view select:focus,
.com-phocacart .ph-checkout-view textarea:focus,
.com-phocacart .ph-checkout-view .form-control:focus {
    border-color: #e34b33 !important;
    box-shadow: 0 0 0 4px rgba(227, 75, 51, 0.10) !important;
    outline: none !important;
}

/* select arrow area cleaner */
.com-phocacart .ph-checkout-view select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: none !important;
}

/* ===== SAVED ADDRESS VIEW ===== */
.com-phocacart .ph-checkout-box-address .ph-item-address,
.com-phocacart .ph-checkout-box-address .ph-address-view,
.com-phocacart .ph-checkout-box-address .ph-box-inside {
    color: #4b5563 !important;
    line-height: 1.85;
    font-size: 15px;
}

/* section titles inside content */
.com-phocacart .ph-checkout-box-address .ph-box-header-small,
.com-phocacart .ph-checkout-box-address strong,
.com-phocacart .ph-checkout-box-shipping strong,
.com-phocacart .ph-checkout-box-payment strong {
    color: #111827 !important;
}

/* ===== BUTTONS ===== */
.com-phocacart .btn,
.com-phocacart button,
.com-phocacart input[type="submit"],
.com-phocacart input[type="button"] {
    border-radius: 14px !important;
    font-weight: 800 !important;
    letter-spacing: 0.02em;
    min-height: 48px;
    padding: 12px 22px !important;
    transition: all 0.25s ease;
    border: none !important;
}

.com-phocacart .btn-primary,
.com-phocacart .btn-danger,
.com-phocacart .ph-btn,
.com-phocacart .ph-checkout-view .btn-success {
    background: linear-gradient(135deg, #f05a3f 0%, #de3d2b 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 10px 24px rgba(224, 71, 47, 0.22);
}

.com-phocacart .btn-primary:hover,
.com-phocacart .btn-danger:hover,
.com-phocacart .ph-btn:hover,
.com-phocacart .ph-checkout-view .btn-success:hover {
    transform: translateY(-1px);
    box-shadow: 0 14px 28px rgba(224, 71, 47, 0.30);
    color: #ffffff !important;
}

.com-phocacart .btn-secondary,
.com-phocacart .btn-dark,
.com-phocacart .ph-btn-secondary {
    background: linear-gradient(135deg, #1f2937 0%, #111827 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 10px 24px rgba(17, 24, 39, 0.18);
}

.com-phocacart .btn-secondary:hover,
.com-phocacart .btn-dark:hover,
.com-phocacart .ph-btn-secondary:hover {
    color: #ffffff !important;
    transform: translateY(-1px);
}

/* edit address / save alignment */
.com-phocacart .ph-checkout-box-address .btn,
.com-phocacart .ph-checkout-box-shipping .btn,
.com-phocacart .ph-checkout-box-payment .btn {
    min-width: 150px;
}

/* ===== SHIPPING & PAYMENT OPTIONS ===== */
.com-phocacart .ph-checkout-box-shipping .radio,
.com-phocacart .ph-checkout-box-payment .radio,
.com-phocacart .ph-checkout-box-shipping .form-check,
.com-phocacart .ph-checkout-box-payment .form-check,
.com-phocacart .ph-checkout-box-shipping .ph-method,
.com-phocacart .ph-checkout-box-payment .ph-method {
    background: #ffffff;
    border: 1px solid #e8edf3;
    border-radius: 16px;
    padding: 16px 18px;
    margin-bottom: 14px;
    box-shadow: 0 8px 20px rgba(15, 23, 36, 0.04);
    transition: all 0.25s ease;
}

.com-phocacart .ph-checkout-box-shipping .radio:hover,
.com-phocacart .ph-checkout-box-payment .radio:hover,
.com-phocacart .ph-checkout-box-shipping .form-check:hover,
.com-phocacart .ph-checkout-box-payment .form-check:hover,
.com-phocacart .ph-checkout-box-shipping .ph-method:hover,
.com-phocacart .ph-checkout-box-payment .ph-method:hover {
    border-color: #d7dee7;
    box-shadow: 0 12px 24px rgba(15, 23, 36, 0.06);
}

.com-phocacart .ph-checkout-box-shipping label,
.com-phocacart .ph-checkout-box-payment label {
    color: #111827 !important;
    font-weight: 700 !important;
}

/* ===== ORDER SUMMARY ===== */
.com-phocacart table,
.com-phocacart .ph-cart table,
.com-phocacart .ph-checkout-view table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: #ffffff;
    border: 1px solid #e9edf3;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 14px 30px rgba(15, 23, 36, 0.04);
}

.com-phocacart table th,
.com-phocacart table td,
.com-phocacart .ph-checkout-view th,
.com-phocacart .ph-checkout-view td {
    padding: 16px !important;
    border-color: #edf1f5 !important;
    color: #4b5563 !important;
    vertical-align: middle !important;
}

.com-phocacart table th,
.com-phocacart .ph-checkout-view th {
    background: #f8fafc;
    color: #111827 !important;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 800;
}

.com-phocacart .ph-price,
.com-phocacart .ph-total,
.com-phocacart .ph-subtotal,
.com-phocacart .ph-checkout-view .price {
    color: #111827 !important;
    font-weight: 800 !important;
}

/* ===== ALERTS ===== */
.com-phocacart .alert,
.com-phocacart .ph-message {
    border-radius: 16px !important;
    padding: 16px 18px !important;
    border: 1px solid transparent !important;
}

.com-phocacart .alert-success {
    background: #ecfdf3 !important;
    border-color: #bbf7d0 !important;
    color: #166534 !important;
}

.com-phocacart .alert-danger,
.com-phocacart .alert-error {
    background: #fef2f2 !important;
    border-color: #fecaca !important;
    color: #b42318 !important;
}

/* ===== CHECKBOX ROW ===== */
.com-phocacart .checkbox,
.com-phocacart .form-check {
    margin-top: 18px !important;
    margin-bottom: 18px !important;
    color: #374151 !important;
    font-weight: 600;
}

/* ===== HIDE POWERED BY ===== */
.com-phocacart .ph-powered,
.com-phocacart .powered,
.com-phocacart .ph-footer-note {
    display: none !important;
}

/* ===== MOBILE ===== */
@media (max-width: 767px) {
    .com-phocacart .ph-checkout-box-action,
    .com-phocacart .ph-checkout-box-content,
    .com-phocacart .ph-checkout-box-inside {
        padding: 18px !important;
    }

    .com-phocacart #phBillingAddress > .row.form-group,
    .com-phocacart #phShippingAddress > .row.form-group {
        display: block !important;
        margin-bottom: 14px !important;
    }

    .com-phocacart #phBillingAddress > .row.form-group > .control-label,
    .com-phocacart #phShippingAddress > .row.form-group > .control-label,
    .com-phocacart #phBillingAddress > .row.form-group > .col-12.col-sm-5.col-md-5.control-label,
    .com-phocacart #phShippingAddress > .row.form-group > .col-12.col-sm-5.col-md-5.control-label,
    .com-phocacart #phBillingAddress > .row.form-group > .col-12.col-sm-7.col-md-7,
    .com-phocacart #phShippingAddress > .row.form-group > .col-12.col-sm-7.col-md-7 {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
    }

    .com-phocacart #phBillingAddress > .row.form-group > .control-label,
    .com-phocacart #phShippingAddress > .row.form-group > .control-label {
        margin-bottom: 8px !important;
    }
}



.row.ph-checkout-box-row {
  margin-top: 0px !important;
}



/* Hide Powered by Phoca Cart on checkout/info pages */
.com-phocacart .pc-view > div[style*="text-align:right"],
.com-phocacart .pc-checkout-view > div[style*="text-align:right"],
.com-phocacart .pc-view .pc-info + div[style*="text-align:right"],
.com-phocacart div[style*="text-align:right"][style*="display:block"] {
    display: none !important;
}






























/* =========================================================
   PHOCA CART CHECKOUT - LOGIN / REGISTER PREMIUM UI
   ========================================================= */

/* whole login step inner area */
.com-phocacart .ph-checkout-box-login .ph-checkout-box-action,
.com-phocacart .ph-checkout-box-login .row.ph-checkout-box-action {
    padding: 28px !important;
    align-items: stretch !important;
}

/* left + right columns */
.com-phocacart .ph-checkout-box-login .ph-right-border,
.com-phocacart .ph-checkout-box-login .col-sm-8,
.com-phocacart .ph-checkout-box-login .col-md-8,
.com-phocacart .ph-checkout-box-login .col-sm-4,
.com-phocacart .ph-checkout-box-login .col-md-4 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* left login column */
.com-phocacart .ph-checkout-box-login .ph-right-border {
    border-right: 1px solid #e9edf3 !important;
    padding-right: 28px !important;
}

/* right register column */
.com-phocacart .ph-checkout-box-login .col-sm-4,
.com-phocacart .ph-checkout-box-login .col-md-4 {
    padding-left: 28px !important;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

/* section labels */
.com-phocacart .ph-checkout-box-login .ph-box-header,
.com-phocacart .ph-checkout-box-login h3,
.com-phocacart .ph-checkout-box-login h4,
.com-phocacart .ph-checkout-box-login strong {
    color: #111827 !important;
    font-weight: 800 !important;
}

/* login form */
.com-phocacart .ph-checkout-box-login form,
.com-phocacart .ph-checkout-box-login #ph-login-form {
    margin: 0 !important;
}

/* kill weird inline form behavior */
.com-phocacart .ph-checkout-box-login .form-inline,
.com-phocacart .ph-checkout-box-login .form-inline .control-group,
.com-phocacart .ph-checkout-box-login .form-inline .form-group {
    display: block !important;
    width: 100% !important;
    margin: 0 0 16px 0 !important;
}

/* hidden labels stay hidden */
.com-phocacart .ph-checkout-box-login .sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0,0,0,0) !important;
    border: 0 !important;
}

/* login fields */
.com-phocacart .ph-checkout-box-login input[type="text"],
.com-phocacart .ph-checkout-box-login input[type="email"],
.com-phocacart .ph-checkout-box-login input[type="password"],
.com-phocacart .ph-checkout-box-login input[type="tel"],
.com-phocacart .ph-checkout-box-login .form-control {
    width: 100% !important;
    height: 54px !important;
    min-height: 54px !important;
    padding: 0 18px !important;
    border: 1px solid #dbe2ea !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    color: #111827 !important;
    box-shadow: none !important;
    line-height: normal !important;
    transition: all 0.25s ease;
    margin: 0 !important;
}

.com-phocacart .ph-checkout-box-login input:focus,
.com-phocacart .ph-checkout-box-login .form-control:focus {
    border-color: #e34b33 !important;
    box-shadow: 0 0 0 4px rgba(227, 75, 51, 0.10) !important;
    outline: none !important;
}

/* placeholders */
.com-phocacart .ph-checkout-box-login input::placeholder {
    color: #94a3b8 !important;
    opacity: 1;
}

/* remember me row */
.com-phocacart .ph-checkout-box-login .remember,
.com-phocacart .ph-checkout-box-login .remember-me,
.com-phocacart .ph-checkout-box-login .form-check,
.com-phocacart .ph-checkout-box-login .checkbox {
    margin: 8px 0 18px 0 !important;
    color: #475467 !important;
    font-weight: 600;
}

/* login + register buttons */
.com-phocacart .ph-checkout-box-login .btn,
.com-phocacart .ph-checkout-box-login button,
.com-phocacart .ph-checkout-box-login input[type="submit"],
.com-phocacart .ph-checkout-box-login input[type="button"],
.com-phocacart .ph-checkout-box-login .ph-btn {
    min-height: 48px !important;
    padding: 12px 22px !important;
    border-radius: 14px !important;
    border: none !important;
    font-weight: 800 !important;
    letter-spacing: 0.02em;
}

/* orange primary buttons */
.com-phocacart .ph-checkout-box-login .btn-primary,
.com-phocacart .ph-checkout-box-login .btn-danger,
.com-phocacart .ph-checkout-box-login .ph-btn,
.com-phocacart .ph-checkout-box-login .login button,
.com-phocacart .ph-checkout-box-login .login .btn {
    background: linear-gradient(135deg, #f05a3f 0%, #de3d2b 100%) !important;
    color: #fff !important;
    box-shadow: 0 10px 24px rgba(224, 71, 47, 0.22);
}

.com-phocacart .ph-checkout-box-login .btn-primary:hover,
.com-phocacart .ph-checkout-box-login .btn-danger:hover,
.com-phocacart .ph-checkout-box-login .ph-btn:hover,
.com-phocacart .ph-checkout-box-login .login button:hover,
.com-phocacart .ph-checkout-box-login .login .btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 14px 28px rgba(224, 71, 47, 0.30);
    color: #fff !important;
}

/* make register button same premium size */
.com-phocacart .ph-checkout-box-login .col-sm-4 .btn,
.com-phocacart .ph-checkout-box-login .col-md-4 .btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-width: 210px;
}

/* forgot links row */
.com-phocacart .ph-checkout-box-login .login-links,
.com-phocacart .ph-checkout-box-login ul,
.com-phocacart .ph-checkout-box-login .nav,
.com-phocacart .ph-checkout-box-login .list-inline {
    margin: 16px 0 0 0 !important;
    padding: 0 !important;
}

.com-phocacart .ph-checkout-box-login a {
    color: #475467 !important;
    font-weight: 600;
    text-decoration: none !important;
}

.com-phocacart .ph-checkout-box-login a:hover {
    color: #de3d2b !important;
}

/* PASSKEY / LOGIN IMAGE AREA FIX */
.com-phocacart .ph-checkout-box-login img,
.com-phocacart .ph-checkout-box-login .ph-image img,
.com-phocacart .ph-checkout-box-login .passkey img,
.com-phocacart .ph-checkout-box-login .login img {
    max-width: 220px !important;
    width: 100% !important;
    height: auto !important;
    max-height: 180px !important;
    object-fit: contain !important;
    display: block;
    margin: 0 auto 18px auto !important;
}

/* if plugin uses big visual/passkey box */
.com-phocacart .ph-checkout-box-login .passkey,
.com-phocacart .ph-checkout-box-login .webauthn,
.com-phocacart .ph-checkout-box-login .login-passkey,
.com-phocacart .ph-checkout-box-login [class*="passkey"],
.com-phocacart .ph-checkout-box-login [class*="webauthn"] {
    background: linear-gradient(135deg, #1f2c44 0%, #111827 100%) !important;
    border-radius: 20px !important;
    padding: 24px !important;
    text-align: center !important;
    margin-bottom: 20px !important;
    min-height: auto !important;
}

/* passkey text */
.com-phocacart .ph-checkout-box-login .passkey *,
.com-phocacart .ph-checkout-box-login .webauthn *,
.com-phocacart .ph-checkout-box-login .login-passkey *,
.com-phocacart .ph-checkout-box-login [class*="passkey"] *,
.com-phocacart .ph-checkout-box-login [class*="webauthn"] * {
    color: #ffffff !important;
}

/* hide overly large icons/background pseudo elements if any */
.com-phocacart .ph-checkout-box-login .passkey:before,
.com-phocacart .ph-checkout-box-login .webauthn:before,
.com-phocacart .ph-checkout-box-login [class*="passkey"]:before,
.com-phocacart .ph-checkout-box-login [class*="webauthn"]:before {
    display: none !important;
}

/* row spacing under login box */
.com-phocacart .ph-checkout-box-login .control-group + .control-group,
.com-phocacart .ph-checkout-box-login .form-group + .form-group {
    margin-top: 0 !important;
}

/* mobile */
@media (max-width: 991px) {
    .com-phocacart .ph-checkout-box-login .ph-right-border {
        border-right: none !important;
        padding-right: 0 !important;
        margin-bottom: 24px !important;
        border-bottom: 1px solid #e9edf3 !important;
        padding-bottom: 24px !important;
    }

    .com-phocacart .ph-checkout-box-login .col-sm-4,
    .com-phocacart .ph-checkout-box-login .col-md-4 {
        padding-left: 0 !important;
    }
}

@media (max-width: 767px) {
    .com-phocacart .ph-checkout-box-login .ph-checkout-box-action,
    .com-phocacart .ph-checkout-box-login .row.ph-checkout-box-action {
        padding: 18px !important;
    }

    .com-phocacart .ph-checkout-box-login img,
    .com-phocacart .ph-checkout-box-login .ph-image img,
    .com-phocacart .ph-checkout-box-login .passkey img,
    .com-phocacart .ph-checkout-box-login .login img {
        max-width: 160px !important;
        max-height: 140px !important;
    }

    .com-phocacart .ph-checkout-box-login .col-sm-4 .btn,
    .com-phocacart .ph-checkout-box-login .col-md-4 .btn {
        width: 100%;
        min-width: 100%;
    }
}

/* Passkey button fixed width */
.com-phocacart .plg_system_webauthn_login_button,
.com-phocacart button[id^="plg_system_webauthn"],
.com-phocacart .webauthn button {
    width: 222px !important;
    max-width: 222px !important;
}















































/* =========================================================
   JOOMLA USER REGISTRATION PAGE - PREMIUM CLEAN LAYOUT
   ========================================================= */

/* page wrapper */
.com_users.view-registration #sp-main-body,
body.com_users.view-registration #sp-main-body {
    background: #f7f7f8;
    padding-top: 40px;
    padding-bottom: 70px;
}

/* form card */
.com_users.view-registration .registration,
body.com_users.view-registration .registration {
    max-width: 620px;
    background: #ffffff;
    border: 1px solid #e8edf3;
    border-radius: 24px;
    padding: 36px 42px;
    box-shadow: 0 16px 36px rgba(15, 23, 36, 0.05);
}

/* title */
.com_users.view-registration .registration legend,
.com_users.view-registration .registration h1,
.com_users.view-registration .registration h2,
.com_users.view-registration .registration h3 {
    font-size: 22px !important;
    line-height: 1.2;
    font-weight: 800 !important;
    color: #111827 !important;
    margin-bottom: 24px !important;
    border: 0 !important;
    padding: 0 !important;
}

/* required note */
.com_users.view-registration .registration legend + div,
.com_users.view-registration .registration .small,
.com_users.view-registration .registration .muted {
    color: #6b7280 !important;
}

/* each field row */
.com_users.view-registration .registration .control-group,
.com_users.view-registration .registration .form-group {
    margin-bottom: 20px !important;
}

/* labels */
.com_users.view-registration .registration label {
    display: block !important;
    margin-bottom: 8px !important;
    color: #374151 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    line-height: 1.4 !important;
}

/* stop validation text from breaking layout badly */
.com_users.view-registration .registration label.invalid,
.com_users.view-registration .registration .control-label label.invalid {
    color: #b42318 !important;
}

/* fields */
.com_users.view-registration .registration input[type="text"],
.com_users.view-registration .registration input[type="email"],
.com_users.view-registration .registration input[type="password"],
.com_users.view-registration .registration input[type="tel"],
.com_users.view-registration .registration .form-control {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 54px !important;
    min-height: 54px !important;
    padding: 0 16px !important;
    margin: 0 !important;
    border: 1px solid #dbe2ea !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    color: #111827 !important;
    line-height: normal !important;
    box-shadow: none !important;
    transition: all 0.25s ease;
}

/* focus */
.com_users.view-registration .registration input[type="text"]:focus,
.com_users.view-registration .registration input[type="email"]:focus,
.com_users.view-registration .registration input[type="password"]:focus,
.com_users.view-registration .registration input[type="tel"]:focus,
.com_users.view-registration .registration .form-control:focus {
    border-color: #e34b33 !important;
    box-shadow: 0 0 0 4px rgba(227, 75, 51, 0.10) !important;
    outline: none !important;
}

/* invalid fields */
.com_users.view-registration .registration input.invalid,
.com_users.view-registration .registration .form-control-danger,
.com_users.view-registration .registration .form-control.is-invalid {
    border-color: #e34b33 !important;
    background: #fff !important;
}

/* remove weird tiny password helper bar if theme/plugin injects it */
.com_users.view-registration .registration .progress,
.com_users.view-registration .registration .meter,
.com_users.view-registration .registration .password-strength,
.com_users.view-registration .registration [class*="strength"] {
    max-width: 100%;
    margin-top: 8px !important;
    margin-bottom: 0 !important;
}

/* submit area */
.com_users.view-registration .registration .com-users-registration__submit,
.com_users.view-registration .registration .controls,
.com_users.view-registration .registration .control-group:last-child {
    margin-top: 24px !important;
}

/* register button */
.com_users.view-registration .registration .com-users-registration__register,
.com_users.view-registration .registration button[type="submit"],
.com_users.view-registration .registration .btn-primary,
.com_users.view-registration .registration .btn.btn-primary,
.com_users.view-registration .registration .validate {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-width: 170px !important;
    height: 50px !important;
    padding: 0 24px !important;
    border: none !important;
    border-radius: 14px !important;
    background: linear-gradient(135deg, #f05a3f 0%, #de3d2b 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    letter-spacing: 0.02em;
    box-shadow: 0 10px 24px rgba(224, 71, 47, 0.22);
    transition: all 0.25s ease;
}

.com_users.view-registration .registration .com-users-registration__register:hover,
.com_users.view-registration .registration button[type="submit"]:hover,
.com_users.view-registration .registration .btn-primary:hover,
.com_users.view-registration .registration .btn.btn-primary:hover,
.com_users.view-registration .registration .validate:hover {
    transform: translateY(-1px);
    box-shadow: 0 14px 28px rgba(224, 71, 47, 0.30);
    color: #ffffff !important;
}

/* keep button text visible */
.com_users.view-registration .registration button[type="submit"],
.com_users.view-registration .registration .btn,
.com_users.view-registration .registration .btn * {
    color: #ffffff !important;
}

/* remove extra width weirdness from button wrappers */
.com_users.view-registration .registration .controls {
    display: block !important;
}

/* error/help text */
.com_users.view-registration .registration .form-text,
.com_users.view-registration .registration .help-block,
.com_users.view-registration .registration .invalid-feedback {
    color: #6b7280 !important;
    font-size: 13px !important;
    margin-top: 6px !important;
}

/* system messages above form */
.com_users.view-registration #system-message-container {
    max-width: 620px;
    margin-bottom: 20px;
}

.com_users.view-registration #system-message-container .alert {
    border-radius: 16px !important;
    padding: 16px 18px !important;
}

/* better overall spacing */
.com_users.view-registration .container,
.com_users.view-registration .container-inner {
    align-items: flex-start;
}

/* mobile */
@media (max-width: 767px) {
    .com_users.view-registration .registration,
    body.com_users.view-registration .registration {
        max-width: 100%;
        padding: 24px 20px;
        border-radius: 18px;
    }

    .com_users.view-registration .registration legend,
    .com_users.view-registration .registration h1,
    .com_users.view-registration .registration h2,
    .com_users.view-registration .registration h3 {
        font-size: 20px !important;
    }

    .com_users.view-registration .registration .com-users-registration__register,
    .com_users.view-registration .registration button[type="submit"],
    .com_users.view-registration .registration .btn-primary,
    .com_users.view-registration .registration .btn.btn-primary,
    .com_users.view-registration .registration .validate {
        width: 100% !important;
        min-width: 100% !important;
    }
}

















































/* =========================================================
   HEADER PHOCA CART - CLEAN COMPACT DROPDOWN
   Based on actual rendered classes
   ========================================================= */

/* main header cart wrapper */
#sp-menu .ph-cart-module-box {
    position: relative;
    min-width: 160px;
    max-width: 220px;
    margin-left: 18px;
    font-size: 13px;
    z-index: 9999;
}

/* compact closed state */
#sp-menu .ph-cart-module-box .phItemCartBox {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* top clickable summary line */
#sp-menu .ph-cart-module-box .ph-cart-small-box {
    background: #111827 !important;
    color: #ffffff !important;
    border-radius: 999px !important;
    padding: 10px 16px !important;
    min-height: 42px;
    box-shadow: 0 8px 18px rgba(17, 24, 39, 0.18);
    overflow: hidden;
}

/* header row text */
#sp-menu .ph-cart-module-box .ph-cart-cart-row-header,
#sp-menu .ph-cart-module-box .ph-cart-cart-row-header > div,
#sp-menu .ph-cart-module-box .ph-cart-cart-row-header .ph-small {
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
}

/* if empty cart, center text nicely */
#sp-menu .ph-cart-module-box .ph-cart-cart-row-header {
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
}

/* horizontal lines hidden */
#sp-menu .ph-cart-module-box .ph-hr {
    display: none !important;
}

/* all detail rows hidden by default in header */
#sp-menu .ph-cart-module-box .ph-cart-cart-row-item,
#sp-menu .ph-cart-module-box .ph-cart-cart-row-netto,
#sp-menu .ph-cart-module-box .ph-cart-cart-row-total-box,
#sp-menu .ph-cart-module-box .ph-u.ph-cart-link-checkout {
    display: none !important;
}

/* dropdown on hover */
#sp-menu .ph-cart-module-box:hover .ph-cart-small-box {
    border-radius: 18px !important;
    padding: 14px 16px !important;
    min-width: 280px;
    background: #ffffff !important;
    color: #111827 !important;
    border: 1px solid #e7edf4 !important;
    box-shadow: 0 18px 40px rgba(15, 23, 36, 0.12) !important;
    position: absolute;
    top: 100%;
    right: 0;
    margin-top: 12px;
}

/* show rows on hover */
#sp-menu .ph-cart-module-box:hover .ph-cart-cart-row-item,
#sp-menu .ph-cart-module-box:hover .ph-cart-cart-row-netto,
#sp-menu .ph-cart-module-box:hover .ph-cart-cart-row-total-box,
#sp-menu .ph-cart-module-box:hover .ph-u.ph-cart-link-checkout {
    display: flex !important;
}

/* dropdown header row on hover */
#sp-menu .ph-cart-module-box:hover .ph-cart-cart-row-header,
#sp-menu .ph-cart-module-box:hover .ph-cart-cart-row-header > div,
#sp-menu .ph-cart-module-box:hover .ph-cart-cart-row-header .ph-small {
    color: #111827 !important;
    justify-content: space-between;
}

/* item rows */
#sp-menu .ph-cart-module-box:hover .ph-cart-cart-row-item,
#sp-menu .ph-cart-module-box:hover .ph-cart-cart-row-netto,
#sp-menu .ph-cart-module-box:hover .ph-cart-cart-row-total-box {
    margin: 0 !important;
    padding: 8px 0 !important;
    border: 0 !important;
    align-items: center;
}

#sp-menu .ph-cart-module-box:hover .ph-cart-cart-row-item > div,
#sp-menu .ph-cart-module-box:hover .ph-cart-cart-row-netto > div,
#sp-menu .ph-cart-module-box:hover .ph-cart-cart-row-total-box > div {
    color: #374151 !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
}

/* subtotal/total stronger */
#sp-menu .ph-cart-module-box:hover .ph-cart-cart-row-total-box .ph-cart-total-txt,
#sp-menu .ph-cart-module-box:hover .ph-cart-module-box .ph-cart-total,
#sp-menu .ph-cart-module-box:hover .ph-b.ph-cart-total,
#sp-menu .ph-cart-module-box:hover .ph-cart-cart-row-total-box > div {
    font-weight: 800 !important;
    color: #111827 !important;
}

/* checkout link */
#sp-menu .ph-cart-module-box:hover .ph-u.ph-cart-link-checkout {
    display: block !important;
    margin-top: 10px !important;
    text-align: right;
}

#sp-menu .ph-cart-module-box:hover .ph-u.ph-cart-link-checkout a {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 0 14px !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, #f05a3f 0%, #de3d2b 100%) !important;
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
    box-shadow: 0 8px 18px rgba(224, 71, 47, 0.22);
}

/* default state link hidden */
#sp-menu .ph-cart-module-box .ph-u.ph-cart-link-checkout a {
    text-decoration: none !important;
}

/* better text wrapping */
#sp-menu .ph-cart-module-box .ph-cart-small-title a,
#sp-menu .ph-cart-module-box .ph-cart-small-title,
#sp-menu .ph-cart-module-box .ph-cart-small-price,
#sp-menu .ph-cart-module-box .ph-cart-subtotal-netto-txt,
#sp-menu .ph-cart-module-box .ph-cart-subtotal-netto,
#sp-menu .ph-cart-module-box .ph-cart-total-txt,
#sp-menu .ph-cart-module-box .ph-cart-total {
    word-break: break-word;
}

/* make empty text cleaner */
#sp-menu .ph-cart-module-box:not(:hover) .ph-cart-cart-row-header .col-7,
#sp-menu .ph-cart-module-box:not(:hover) .ph-cart-cart-row-header .col-sm-7,
#sp-menu .ph-cart-module-box:not(:hover) .ph-cart-cart-row-header .col-md-7 {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    text-align: center;
}

#sp-menu .ph-cart-module-box:not(:hover) .ph-cart-cart-row-header .col-5,
#sp-menu .ph-cart-module-box:not(:hover) .ph-cart-cart-row-header .col-sm-5,
#sp-menu .ph-cart-module-box:not(:hover) .ph-cart-cart-row-header .col-md-5 {
    display: none !important;
}

/* mobile */
@media (max-width: 991px) {
    #sp-menu .ph-cart-module-box {
        min-width: auto;
        max-width: none;
        margin-left: 10px;
    }

    #sp-menu .ph-cart-module-box:hover .ph-cart-small-box {
        right: 0;
        min-width: 250px;
    }
}




























































/* =========================================================
   HEADER CART - ONLY VIEW CART BUTTON + DROPDOWN SUMMARY
   ========================================================= */

/* wrapper */
#sp-menu .ph-cart-module-box {
    position: relative;
    margin-left: 18px;
    min-width: 160px;
    z-index: 9999;
}

/* closed state box */
#sp-menu .ph-cart-module-box .ph-cart-small-box {
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* hide all raw cart text in closed state */
#sp-menu .ph-cart-module-box .ph-cart-cart-row-header,
#sp-menu .ph-cart-module-box .ph-cart-cart-row-item,
#sp-menu .ph-cart-module-box .ph-cart-cart-row-netto,
#sp-menu .ph-cart-module-box .ph-cart-cart-row-total-box,
#sp-menu .ph-cart-module-box .ph-hr {
    display: none !important;
}

/* keep only the link row visible */
#sp-menu .ph-cart-module-box .ph-u.ph-cart-link-checkout {
    display: block !important;
    margin: 0 !important;
    text-align: right !important;
}

/* closed state button */
#sp-menu .ph-cart-module-box .ph-u.ph-cart-link-checkout a {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0 18px !important;
    border-radius: 999px !important;
    background: #111827 !important;
    color: #ffffff !important;
    font-size: 0 !important;
    font-weight: 800 !important;
    text-decoration: none !important;
    box-shadow: 0 8px 18px rgba(17, 24, 39, 0.18);
    white-space: nowrap;
}

/* replace text with View Cart */
#sp-menu .ph-cart-module-box .ph-u.ph-cart-link-checkout a::after {
    content: "View Cart";
    font-size: 14px;
    font-weight: 800;
    color: #ffffff;
}

/* hover state button */
#sp-menu .ph-cart-module-box .ph-u.ph-cart-link-checkout a:hover {
    background: #de3d2b !important;
    color: #ffffff !important;
}

/* dropdown panel on hover */
#sp-menu .ph-cart-module-box:hover .ph-cart-small-box {
    position: absolute;
    top: 100%;
    right: 0;
    margin-top: 12px;
    min-width: 280px;
    background: #ffffff !important;
    border: 1px solid #e7edf4 !important;
    border-radius: 18px !important;
    box-shadow: 0 18px 40px rgba(15, 23, 36, 0.12) !important;
    padding: 18px !important;
}

/* inside dropdown: show summary rows */
#sp-menu .ph-cart-module-box:hover .ph-cart-cart-row-item,
#sp-menu .ph-cart-module-box:hover .ph-cart-cart-row-netto,
#sp-menu .ph-cart-module-box:hover .ph-cart-cart-row-total-box {
    display: flex !important;
    margin: 0 !important;
    padding: 8px 0 !important;
    align-items: center;
}

/* keep header hidden even when cart has items */
#sp-menu .ph-cart-module-box:hover .ph-cart-cart-row-header {
    display: none !important;
}

/* row text styling */
#sp-menu .ph-cart-module-box:hover .ph-cart-cart-row-item > div,
#sp-menu .ph-cart-module-box:hover .ph-cart-cart-row-netto > div,
#sp-menu .ph-cart-module-box:hover .ph-cart-cart-row-total-box > div {
    color: #374151 !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
}

/* total stronger */
#sp-menu .ph-cart-module-box:hover .ph-cart-cart-row-total-box > div,
#sp-menu .ph-cart-module-box:hover .ph-b.ph-cart-total {
    color: #111827 !important;
    font-weight: 800 !important;
}

/* dropdown button becomes Checkout */
#sp-menu .ph-cart-module-box:hover .ph-u.ph-cart-link-checkout {
    display: block !important;
    margin-top: 12px !important;
    text-align: right !important;
}

#sp-menu .ph-cart-module-box:hover .ph-u.ph-cart-link-checkout a {
    background: linear-gradient(135deg, #f05a3f 0%, #de3d2b 100%) !important;
    font-size: 0 !important;
    min-height: 40px;
    padding: 0 16px !important;
}

#sp-menu .ph-cart-module-box:hover .ph-u.ph-cart-link-checkout a::after {
    content: "Checkout";
    font-size: 13px;
    font-weight: 800;
    color: #ffffff;
}

/* product title links in dropdown */
#sp-menu .ph-cart-module-box:hover .ph-cart-small-title a {
    color: #374151 !important;
    text-decoration: none !important;
    font-weight: 600 !important;
}

#sp-menu .ph-cart-module-box:hover .ph-cart-small-title a:hover {
    color: #de3d2b !important;
}

/* mobile */
@media (max-width: 991px) {
    #sp-menu .ph-cart-module-box {
        margin-left: 10px;
    }

    #sp-menu .ph-cart-module-box:hover .ph-cart-small-box {
        right: 0;
        min-width: 250px;
    }
}










/* REMOVE hover behavior completely */
#sp-menu .ph-cart-module-box:hover .ph-u.ph-cart-link-checkout a::after {
    content: "View Cart" !important;
}

/* Prevent background change */
#sp-menu .ph-cart-module-box .ph-u.ph-cart-link-checkout a:hover {
    background: #111827 !important;
    color: #ffffff !important;
}

/* Disable any hover-triggered dropdown */
#sp-menu .ph-cart-module-box:hover .ph-cart-small-box {
    display: none !important;
}





/* Hide only the "Shopping Cart is empty" text */
#sp-menu .ph-cart-module-box #phItemCartBox > div:first-child {
    display: none !important;
}



#sppb-addon-1609311452185 .sppb-addon-title {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    display: none !important;
}























/* TARGET View Cart button */
#sp-menu .ph-cart-module-box .ph-u.ph-cart-link-checkout a {
    background: #111827 !important;
    color: #ffffff !important;
    padding: 10px 18px !important;
    border-radius: 25px !important;
    display: inline-block !important;

    /* prevent size jump */
    transform: none !important;
    transition: none !important;
    font-size: 14px !important;
    line-height: 1 !important;
}

/* REMOVE ALL hover effects */
#sp-menu .ph-cart-module-box .ph-u.ph-cart-link-checkout a:hover {
    background: #111827 !important;
    color: #ffffff !important;
    transform: none !important;
    transition: none !important;
}

/* REMOVE any weird parent hover effects */
#sp-menu .ph-cart-module-box:hover a {
    transform: none !important;
}






























/* Soft outlined premium style */
#sp-menu .ph-cart-module-box .ph-u.ph-cart-link-checkout a {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    height: 38px !important;
    min-width: 110px !important;
    padding: 0 16px !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    color: #111827 !important;
    font-size: 0 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    box-shadow: none !important;
    border: 1px solid #dbe2ea !important;
    transition: none !important;
    transform: none !important;
}

#sp-menu .ph-cart-module-box .ph-u.ph-cart-link-checkout a::after {
    content: "View Cart";
    font-size: 13px;
    font-weight: 700;
    color: #111827;
}

#sp-menu .ph-cart-module-box .ph-u.ph-cart-link-checkout a:hover,
#sp-menu .ph-cart-module-box .ph-u.ph-cart-link-checkout a:focus,
#sp-menu .ph-cart-module-box .ph-u.ph-cart-link-checkout a:active {
    background: #ffffff !important;
    color: #111827 !important;
    border-color: #dbe2ea !important;
    box-shadow: none !important;
    transform: none !important;
}
























/* =========================================
   HARD RESET: stop header cart hover changes
   ========================================= */

/* keep wrapper stable */
#sp-menu .ph-cart-module-box,
#sp-menu .ph-cart-module-box:hover {
    min-width: auto !important;
    max-width: none !important;
    width: auto !important;
    margin-left: 14px !important;
}

/* kill hover dropdown/layout changes */
#sp-menu .ph-cart-module-box .ph-cart-small-box,
#sp-menu .ph-cart-module-box:hover .ph-cart-small-box {
    position: static !important;
    top: auto !important;
    right: auto !important;
    margin-top: 0 !important;
    min-width: auto !important;
    width: auto !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    display: block !important;
}

/* keep only the checkout-link row visible */
#sp-menu .ph-cart-module-box #phItemCartBox > div:first-child {
    display: none !important; /* hides Shopping Cart is empty */
}

#sp-menu .ph-cart-module-box .ph-u.ph-cart-link-checkout,
#sp-menu .ph-cart-module-box:hover .ph-u.ph-cart-link-checkout {
    display: block !important;
    margin: 0 !important;
    text-align: right !important;
}

/* hide all other rows always */
#sp-menu .ph-cart-module-box .ph-cart-cart-row-header,
#sp-menu .ph-cart-module-box .ph-cart-cart-row-item,
#sp-menu .ph-cart-module-box .ph-cart-cart-row-netto,
#sp-menu .ph-cart-module-box .ph-cart-cart-row-total-box,
#sp-menu .ph-cart-module-box .ph-hr,
#sp-menu .ph-cart-module-box:hover .ph-cart-cart-row-header,
#sp-menu .ph-cart-module-box:hover .ph-cart-cart-row-item,
#sp-menu .ph-cart-module-box:hover .ph-cart-cart-row-netto,
#sp-menu .ph-cart-module-box:hover .ph-cart-cart-row-total-box,
#sp-menu .ph-cart-module-box:hover .ph-hr {
    display: none !important;
}

/* stable View Cart button */
#sp-menu .ph-cart-module-box .ph-u.ph-cart-link-checkout a,
#sp-menu .ph-cart-module-box:hover .ph-u.ph-cart-link-checkout a,
#sp-menu .ph-cart-module-box .ph-u.ph-cart-link-checkout a:hover,
#sp-menu .ph-cart-module-box .ph-u.ph-cart-link-checkout a:focus,
#sp-menu .ph-cart-module-box .ph-u.ph-cart-link-checkout a:active {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 38px !important;
    min-width: 110px !important;
    width: auto !important;
    padding: 0 16px !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    color: #111827 !important;
    font-size: 0 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    box-shadow: none !important;
    border: 1px solid #dbe2ea !important;
    transition: none !important;
    transform: none !important;
}

/* stable label */
#sp-menu .ph-cart-module-box .ph-u.ph-cart-link-checkout a::after,
#sp-menu .ph-cart-module-box:hover .ph-u.ph-cart-link-checkout a::after,
#sp-menu .ph-cart-module-box .ph-u.ph-cart-link-checkout a:hover::after,
#sp-menu .ph-cart-module-box .ph-u.ph-cart-link-checkout a:focus::after,
#sp-menu .ph-cart-module-box .ph-u.ph-cart-link-checkout a:active::after {
    content: "View Cart" !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #111827 !important;
}