/* Existing styles - keeping untouched */%
%.nm-wholesale-main {%
% max-width: 100%;%
%}%
%.nm-easywholesale-form {%
% padding: 0;%
%}%
%.nm-wholesale-table-container, .nm-wholesale-table-container-page {%
% border-radius: 8px;%
% padding: 20px 25px;%
%}%
%.nm-easywholesale-select-container, .nm-searchByProduct-container {%
% display: none;%
%}%
%.nm-wholesale-header-image>a>img {%
% border-radius: 8px;%
%}%
%.nm-easywholesale-name>small {%
% color: red;%
%}%
%.nm-easywholesale-nonlogged-text>a {%
% color: #50c7ea;%
%}%
%%
%/* Updated button styling with black format */%
%.nm-wholesale-btn-add-to-cart,%
%button.nm-wholesale-btn-add-to-cart,%
%.nm-secondary-background-color {%
% background-color: #000 !important;%
% color: #fff !important;%
% border: 1px solid #000 !important;%
% border-radius: 6px !important;%
% padding: 10px 20px !important;%
% font-weight: bold !important;%
% text-transform: uppercase !important;%
% transition: all 0.3s ease !important;%
% opacity: 1 !important;%
%}%
%%
%/* Target the disabled state separately */%
%.nm-wholesale-btn-add-to-cart:not([disabled]) {%
% opacity: 1 !important;%
%}%
%%
%/* Override the secondary background color class */%
%.nm-secondary-background-color {%
% background-color: #000 !important;%
%}%
%%
%/* Hover state */%
%.nm-wholesale-btn-add-to-cart:hover:not([disabled]),%
%button.nm-wholesale-btn-add-to-cart:hover:not([disabled]) {%
% background-color: #333 !important;%
% transform: translateY(-2px) !important;%
% box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2) !important;%
%}%
%%
%/* Active/clicked state */%
%.nm-wholesale-btn-add-to-cart:active:not([disabled]),%
%button.nm-wholesale-btn-add-to-cart:active:not([disabled]) {%
% transform: translateY(0) !important;%
% box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;%
%}%
%%
%/* Add specific selector for precedence */%
%button.nm-wholesale-btn-add-to-cart[data-formname="page"] {%
% background-color: #000 !important;%
% color: #fff !important;%
%}%
%%
%/* FIXED: Sticky cart component styling - properly contained */%
%.nm-wholesale-main-fix {%
% position: fixed !important;%
% bottom: 24px !important;%
% left: 50% !important;%
% transform: translateX(-50%) !important;%
% z-index: 9999 !important;%
% width: auto !important;%
% max-width: 500px !important;%
% min-width: 320px !important;%
% /* Add containment */%
% overflow: hidden !important;%
%}%
%%
%.nm-wholesale-main-fix .nm-wholesale-fix {%
% background: #fff !important;%
% border: 1px solid #e5e7eb !important;%
% border-radius: 12px !important;%
% box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;%
% padding: 12px 16px !important;%
% margin: 0 !important;%
% backdrop-filter: blur(10px) !important;%
% /* Ensure containment */%
% overflow: hidden !important;%
% box-sizing: border-box !important;%
% width: 100% !important;%
%}%
%%
%.nm-wholesale-main-fix .nm-wholesale-fix-inner {%
% display: flex !important;%
% flex-direction: column !important;%
% gap: 12px !important;%
% /* Ensure containment */%
% width: 100% !important;%
% box-sizing: border-box !important;%
% overflow: hidden !important;%
%}%
%%
%.nm-wholesale-main-fix .nm-easywholesale-footer {%
% display: flex !important;%
% align-items: center !important;%
% justify-content: space-between !important;%
% gap: 8px !important;%
% margin: 0 !important;%
% padding: 0 !important;%
% border: none !important;%
% width: 100% !important;%
% /* Ensure containment */%
% box-sizing: border-box !important;%
% overflow: hidden !important;%
% min-width: 0 !important;%
%}%
%%
%.nm-wholesale-main-fix .nm-easywholesale-selected {%
% margin: 0 !important;%
% font-size: 12px !important;%
% color: #6b7280 !important;%
% font-weight: 500 !important;%
% white-space: nowrap !important;%
% /* Prevent overflow */%
% overflow: hidden !important;%
% text-overflow: ellipsis !important;%
% flex-shrink: 1 !important;%
% min-width: 0 !important;%
%}%
%%
%.nm-wholesale-main-fix .nm-easywholesale-total-fix {%
% font-weight: 700 !important;%
% font-size: 16px !important;%
% color: #111827 !important;%
% white-space: nowrap !important;%
% margin: 0 !important;%
% /* Prevent overflow */%
% flex-shrink: 0 !important;%
%}%
%%
%.nm-wholesale-main-fix .nm-easywholesale-add-to-cart-container-page-fix {%
% margin: 0 !important;%
% width: 100% !important;%
% /* Ensure containment */%
% box-sizing: border-box !important;%
% overflow: hidden !important;%
%}%
%%
%.nm-wholesale-main-fix .nm-wholesale-btn-add-to-cart {%
% padding: 10px 16px !important;%
% font-size: 14px !important;%
% font-weight: 600 !important;%
% border-radius: 8px !important;%
% width: 100% !important;%
% min-width: auto !important;%
% transition: all 0.2s ease !important;%
% /* Ensure button stays contained */%
% box-sizing: border-box !important;%
% max-width: 100% !important;%
% overflow: hidden !important;%
% text-overflow: ellipsis !important;%
% white-space: nowrap !important;%
%}%
%%
%/* Responsive adjustments for mobile */%
%@media (max-width: 768px) {%
% .nm-wholesale-main-fix {%
% bottom: 16px !important;%
% left: 16px !important;%
% right: 16px !important;%
% transform: none !important;%
% width: calc(100% - 32px) !important;%
% max-width: none !important;%
% min-width: auto !important;%
% /* Ensure mobile containment */%
% overflow: hidden !important;%
% }%
% %
% .nm-wholesale-main-fix .nm-wholesale-fix {%
% padding: 16px 20px !important;%
% /* Ensure mobile containment */%
% width: 100% !important;%
% box-sizing: border-box !important;%
% overflow: hidden !important;%
% }%
% %
% .nm-wholesale-main-fix .nm-wholesale-fix-inner {%
% gap: 16px !important;%
% /* Ensure mobile containment */%
% width: 100% !important;%
% box-sizing: border-box !important;%
% overflow: hidden !important;%
% }%
% %
% .nm-wholesale-main-fix .nm-easywholesale-footer {%
% /* Better mobile layout */%
% flex-wrap: nowrap !important;%
% min-width: 0 !important;%
% box-sizing: border-box !important;%
% overflow: hidden !important;%
% }%
% %
% .nm-wholesale-main-fix .nm-easywholesale-selected {%
% font-size: 11px !important;%
% /* Mobile text containment */%
% overflow: hidden !important;%
% text-overflow: ellipsis !important;%
% max-width: 120px !important;%
% }%
% %
% .nm-wholesale-main-fix .nm-easywholesale-total-fix {%
% font-size: 18px !important;%
% }%
% %
% .nm-wholesale-main-fix .nm-wholesale-btn-add-to-cart {%
% padding: 10px 20px !important;%
% font-size: 14px !important;%
% min-width: 100px !important;%
% /* Mobile button containment */%
% box-sizing: border-box !important;%
% max-width: 100% !important;%
% overflow: hidden !important;%
% }%
%}

Confirm Your Age

Confirm Your Age

Quick Order [Ontario]