/* ================================================= */%
%/* Wholesale App Full Custom CSS */%
%/* Neutral Gray/Black Style + Purple Quantity Buttons */%
%/* Dropdowns + Table + Quantity + Add to Cart Button */%
%/* ================================================= */%
%%
%%
%/* ================================================= */%
%/* Base Wholesale container */%
%/* ================================================= */%
%%
%.nm-wholesale-main,%
%.nm-easywholesale-container {%
% font-family: inherit !important;%
% color: #222222 !important;%
% letter-spacing: normal !important;%
%}%
%%
%%
%/* Normal letter spacing for all text inside wholesale block */%
%.nm-wholesale-main *,%
%.nm-easywholesale-container * {%
% letter-spacing: normal !important;%
%}%
%%
%%
%/* ================================================= */%
%/* Main Wholesale table/card container */%
%/* ================================================= */%
%%
%%
%%
%%
%/* ================================================= */%
%/* Dropdown Header — Size / Program */%
%/* ================================================= */%
%%
%.nm-wholesale-main .nm-easywholesale-header {%
% display: flex !important;%
% flex-direction: row !important;%
% flex-wrap: nowrap !important;%
% align-items: center !important;%
% justify-content: flex-start !important;%
%%
% gap: 18px !important;%
%%
% padding: 16px 0 14px !important;%
% margin: 0 !important;%
%%
% border-bottom: 1px solid #e2e2e2 !important;%
%}%
%%
%%
%/* Dropdown container */%
%.nm-wholesale-main .nm-easywholesale-select-container {%
% position: relative !important;%
%%
% display: inline-flex !important;%
% align-items: center !important;%
%%
% width: auto !important;%
% min-width: 150px !important;%
% max-width: 190px !important;%
%%
% flex: 0 0 auto !important;%
%%
% margin: 0 !important;%
%}%
%%
%%
%/* Dropdown select */%
%.nm-wholesale-main .nm-easywholesale-select-container select.nm-wholesale-filter {%
% width: 150px !important;%
% min-width: 150px !important;%
% max-width: 160px !important;%
%%
% height: 46px !important;%
% min-height: 46px !important;%
%%
% padding: 10px 42px 10px 14px !important;%
%%
% font-family: inherit !important;%
% font-size: 16px !important;%
% font-weight: 600 !important;%
% line-height: 1.2 !important;%
% letter-spacing: normal !important;%
%%
% color: #222222 !important;%
% background-color: #ffffff !important;%
%%
% /* Visible dropdown arrow */%
% background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23555555' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E") !important;%
% background-repeat: no-repeat !important;%
% background-position: right 16px center !important;%
% background-size: 12px 8px !important;%
%%
% border: 1px solid #d8d8d8 !important;%
% border-radius: 10px !important;%
%%
% box-shadow: none !important;%
%%
% cursor: pointer !important;%
% box-sizing: border-box !important;%
%%
% appearance: none !important;%
% -webkit-appearance: none !important;%
% -moz-appearance: none !important;%
%%
% transition:%
% border-color 0.18s ease,%
% background-color 0.18s ease,%
% color 0.18s ease !important;%
%}%
%%
%%
%/* Dropdown hover */%
%.nm-wholesale-main .nm-easywholesale-select-container select.nm-wholesale-filter:hover {%
% border-color: #9f9f9f !important;%
% background-color: #ffffff !important;%
% box-shadow: none !important;%
%}%
%%
%%
%/* Dropdown focus */%
%.nm-wholesale-main .nm-easywholesale-select-container select.nm-wholesale-filter:focus {%
% outline: none !important;%
% border-color: #333333 !important;%
% background-color: #ffffff !important;%
% box-shadow: none !important;%
%}%
%%
%%
%/* Dropdown options */%
%.nm-wholesale-main .nm-easywholesale-select-container select.nm-wholesale-filter option {%
% font-size: 15px !important;%
% font-weight: 500 !important;%
% letter-spacing: normal !important;%
% color: #222222 !important;%
% background-color: #ffffff !important;%
%}%
%%
%%
%/* Hide existing app SVG arrow */%
%.nm-wholesale-main .nm-easywholesale-select-container .nm-svg,%
%.nm-wholesale-main .nm-easywholesale-select-container .nm-svg[style],%
%.nm-wholesale-main .nm-easywholesale-select-container .nm-svg svg {%
% display: none !important;%
%}%
%%
%%
%/* Remove old custom arrow if it was used before */%
%.nm-wholesale-main .nm-easywholesale-select-container::after {%
% display: none !important;%
% content: none !important;%
%}%
%%
%%
%/* ================================================= */%
%/* Wholesale Table */%
%/* ================================================= */%
%%
%%
%%
%/* Variant row */%
%.nm-wholesale-main .nm-easywholesale-item {%
% border-color: #eeeeee !important;%
% padding-top: 14px !important;%
% padding-bottom: 14px !important;%
%}%
%%
%%
%/* Product image */%
%.nm-wholesale-main .nm-easywholesale-img img {%
% border-radius: 6px !important;%
%}%
%%
%%
%/* Name + price wrapper */%
%.nm-wholesale-main .nm-easywholesale-name-and-price {%
% align-items: center !important;%
%}%
%%
%%
%/* Variant name */%
%.nm-wholesale-main .nm-easywholesale-name {%
% color: #333333 !important;%
% font-size: 17px !important;%
% font-weight: 600 !important;%
% letter-spacing: normal !important;%
%}%
%%
%%
%/* In Stock text */%
%.nm-wholesale-main .nm-easywholesale-name small {%
% color: #777777 !important;%
% font-size: 13px !important;%
% font-weight: 500 !important;%
% letter-spacing: normal !important;%
%}%
%%
%%
%/* Price */%
%.nm-wholesale-main .nm-easywholesale-price {%
% color: #444444 !important;%
% font-size: 17px !important;%
% font-weight: 850 !important;%
% letter-spacing: normal !important;%
%}%
%%
%%
%/* ================================================= */%
%/* Quantity Selector */%
%/* ================================================= */%
%%
%.nm-wholesale-main .nm-easywholesale-qty-container {%
% display: inline-flex !important;%
% align-items: center !important;%
% gap: 5px !important;%
%}%
%%
%%
%/* Quantity input */%
%.nm-wholesale-main input.nm-easywholesale-qty {%
% width: 58px !important;%
% height: 30px !important;%
%%
% border: 1px solid #d8d8d8 !important;%
% border-radius: 8px !important;%
%%
% background: #ffffff !important;%
% color: #222222 !important;%
%%
% font-size: 17px !important;%
% font-weight: 500 !important;%
% text-align: center !important;%
% letter-spacing: normal !important;%
%%
% box-shadow: none !important;%
%}%
%%
%%
%/* Quantity input focus */%
%.nm-wholesale-main input.nm-easywholesale-qty:focus {%
% outline: none !important;%
% border-color: #333333 !important;%
% box-shadow: none !important;%
%}%
%%
%%
%/* Plus / minus buttons — purple like before */%
%.nm-wholesale-main .nm-easywholesale-qty-increase,%
%.nm-wholesale-main .nm-easywholesale-qty-decrease {%
% color: #8b54cf !important;%
%%
% font-size: 22px !important;%
% font-weight: 900 !important;%
% letter-spacing: normal !important;%
%%
% width: 18px !important;%
% height: 38px !important;%
%%
% display: inline-flex !important;%
% align-items: center !important;%
% justify-content: center !important;%
%%
% cursor: pointer !important;%
%%
% transition:%
% color 0.16s ease,%
% opacity 0.16s ease,%
% transform 0.16s ease !important;%
%}%
%%
%%
%/* Plus / minus hover */%
%.nm-wholesale-main .nm-easywholesale-qty-increase:hover,%
%.nm-wholesale-main .nm-easywholesale-qty-decrease:hover {%
% color: #5b00b5 !important;%
% transform: scale(1.05) !important;%
%}%
%%
%/* ================================================= */%
%/* FIX: Bring stock text closer to variant name */%
%/* ================================================= */%
%%
%.nm-wholesale-main .nm-easywholesale-name {%
% line-height: 1.45 !important;%
%}%
%%
%.nm-wholesale-main .nm-easywholesale-name small {%
% display: block !important;%
% margin-top: 2px !important;%
% line-height: 1.1 !important;%
%}%
%%
%/* ================================================= */%
%/* Footer — total selected / total price */%
%/* ================================================= */%
%%
%.nm-wholesale-main .nm-easywholesale-footer {%
% border-top: 1px solid #eeeeee !important;%
% padding-top: 16px !important;%
% margin-top: 14px !important;%
% align-items: center !important;%
%}%
%%
%%
%/* Total selected and total price */%
%.nm-wholesale-main .nm-easywholesale-selected,%
%.nm-wholesale-main .nm-easywholesale-total {%
% color: #222222 !important;%
% font-size: 17px !important;%
% font-weight: 850 !important;%
% letter-spacing: normal !important;%
%}%
%%
%%
%/* Fix inline padding on total price */%
%.nm-wholesale-main .nm-easywholesale-total[style] {%
% padding-right: 0 !important;%
%}%
%%
%%
%/* ================================================= */%
%/* Show more / Show less buttons */%
%/* ================================================= */%
%%
%.nm-wholesale-main .nm-wholesale-table-under-footer,%
%.nm-wholesale-main .nm-wholesale-table-under-footer-collapse {%
% border-color: #eeeeee !important;%
% padding: 12px 0 !important;%
%}%
%%
%%
%.nm-wholesale-main .nm-wholesale-show-more-variants,%
%.nm-wholesale-main .nm-wholesale-collapse {%
% color: #555555 !important;%
% font-size: 14px !important;%
% font-weight: 700 !important;%
% letter-spacing: normal !important;%
% background: transparent !important;%
% border: none !important;%
% cursor: pointer !important;%
%}%
%%
%%
%.nm-wholesale-main .nm-wholesale-show-more-variants:hover,%
%.nm-wholesale-main .nm-wholesale-collapse:hover {%
% color: #000000 !important;%
%}%
%%
%%
%%
%/* ================================================= */%
%/* Add to Cart Button — Black Rounded Style */%
%/* ================================================= */%
%%
%.nm-wholesale-main .nm-easywholesale-add-to-cart-container {%
% margin-top: 18px !important;%
%%
% display: flex !important;%
% justify-content: flex-start !important;%
% align-items: center !important;%
%}%
%%
%%
%/* Main Add to Cart button */%
%.nm-wholesale-main .nm-easywholesale-add-to-cart-container .nm-wholesale-btn-add-to-cart {%
% min-width: 158px !important;%
% height: 56px !important;%
% padding: 0 28px !important;%
%%
% border: none !important;%
% border-radius: 12px !important;%
%%
% font-family: inherit !important;%
% font-size: 16px !important;%
% font-weight: 500 !important;%
% line-height: 1 !important;%
% letter-spacing: normal !important;%
%%
% color: #ffffff !important;%
% background: linear-gradient(180deg, #171717 0%, #080808 100%) !important;%
%%
% /* Button shadow removed */%
% box-shadow: none !important;%
%%
% cursor: pointer !important;%
% opacity: 1 !important;%
%%
% display: inline-flex !important;%
% align-items: center !important;%
% justify-content: center !important;%
%%
% transition:%
% background 0.18s ease,%
% transform 0.18s ease,%
% opacity 0.18s ease !important;%
%}%
%%
%%
%/* Active Add to Cart button */%
%.nm-wholesale-main .nm-easywholesale-add-to-cart-container .nm-wholesale-btn-add-to-cart:not(:disabled),%
%.nm-wholesale-main .nm-easywholesale-add-to-cart-container .nm-wholesale-btn-add-to-cart:not([disabled]) {%
% color: #ffffff !important;%
% background: linear-gradient(180deg, #171717 0%, #080808 100%) !important;%
%%
% border-radius: 12px !important;%
% box-shadow: none !important;%
%%
% opacity: 1 !important;%
% cursor: pointer !important;%
%}%
%%
%%
%/* Active hover */%
%.nm-wholesale-main .nm-easywholesale-add-to-cart-container .nm-wholesale-btn-add-to-cart:not(:disabled):hover,%
%.nm-wholesale-main .nm-easywholesale-add-to-cart-container .nm-wholesale-btn-add-to-cart:not([disabled]):hover {%
% background: linear-gradient(180deg, #222222 0%, #050505 100%) !important;%
%%
% box-shadow: none !important;%
%%
% transform: translateY(-1px) !important;%
% opacity: 1 !important;%
%}%
%%
%%
%/* Active pressed */%
%.nm-wholesale-main .nm-easywholesale-add-to-cart-container .nm-wholesale-btn-add-to-cart:not(:disabled):active,%
%.nm-wholesale-main .nm-easywholesale-add-to-cart-container .nm-wholesale-btn-add-to-cart:not([disabled]):active {%
% background: linear-gradient(180deg, #050505 0%, #111111 100%) !important;%
%%
% box-shadow: none !important;%
%%
% transform: translateY(0) !important;%
%}%
%%
%%
%/* Disabled Add to Cart */%
%.nm-wholesale-main .nm-easywholesale-add-to-cart-container .nm-wholesale-btn-add-to-cart:disabled,%
%.nm-wholesale-main .nm-easywholesale-add-to-cart-container .nm-wholesale-btn-add-to-cart[disabled],%
%.nm-wholesale-main .nm-easywholesale-add-to-cart-container .nm-wholesale-btn-add-to-cart-disabled {%
% color: #ffffff !important;%
% background: #cfcfcf !important;%
%%
% border-radius: 12px !important;%
% box-shadow: none !important;%
%%
% opacity: 0.55 !important;%
% cursor: not-allowed !important;%
% transform: none !important;%
%}%
%%
%%
%/* Fix app inline opacity on active button */%
%.nm-wholesale-main .nm-easywholesale-add-to-cart-container .nm-wholesale-btn-add-to-cart:not(:disabled)[style],%
%.nm-wholesale-main .nm-easywholesale-add-to-cart-container .nm-wholesale-btn-add-to-cart:not([disabled])[style] {%
% opacity: 1 !important;%
%}%
%%
%%
%/* ================================================= */%
%/* No products matched */%
%/* ================================================= */%
%%
%.nm-wholesale-main .nm-no-product-matched {%
% color: #777777 !important;%
% font-size: 15px !important;%
% font-weight: 600 !important;%
% letter-spacing: normal !important;%
% padding: 20px 0 !important;%
%}%
%%
%%
%/* ================================================= */%
%/* Mobile Responsive */%
%/* ================================================= */%
%%
%@media screen and (max-width: 749px) {%
% .nm-wholesale-main .nm-wholesale-table-container {%
% padding: 14px !important;%
% border-radius: 16px !important;%
% box-shadow: none !important;%
% }%
%%
%%
% /* Header */%
% .nm-wholesale-main .nm-easywholesale-header {%
% flex-direction: row !important;%
% flex-wrap: nowrap !important;%
% gap: 12px !important;%
% padding: 14px 0 12px !important;%
% }%
%%
%%
% /* Dropdown container */%
% .nm-wholesale-main .nm-easywholesale-select-container {%
% min-width: 0 !important;%
% max-width: none !important;%
% flex: 1 1 50% !important;%
% }%
%%
%%
% /* Dropdown select */%
% .nm-wholesale-main .nm-easywholesale-select-container select.nm-wholesale-filter {%
% width: 100% !important;%
% min-width: 0 !important;%
% max-width: none !important;%
%%
% height: 44px !important;%
% min-height: 44px !important;%
%%
% font-size: 14px !important;%
% font-weight: 600 !important;%
% letter-spacing: normal !important;%
%%
% padding: 9px 34px 9px 12px !important;%
%%
% border-radius: 9px !important;%
%%
% background-position: right 13px center !important;%
% background-size: 11px 7px !important;%
%%
% box-shadow: none !important;%
% }%
%%
%%
% /* Variant row */%
% .nm-wholesale-main .nm-easywholesale-item {%
% padding-top: 13px !important;%
% padding-bottom: 13px !important;%
% }%
%%
%%
% /* Variant name */%
% .nm-wholesale-main .nm-easywholesale-name {%
% font-size: 14px !important;%
% letter-spacing: normal !important;%
% }%
%%
%%
% /* In Stock */%
% .nm-wholesale-main .nm-easywholesale-name small {%
% font-size: 12px !important;%
% letter-spacing: normal !important;%
% }%
%%
%%
% /* Price */%
% .nm-wholesale-main .nm-easywholesale-price {%
% font-size: 14px !important;%
% letter-spacing: normal !important;%
% }%
%%
%%
% /* Quantity input */%
% .nm-wholesale-main input.nm-easywholesale-qty {%
% width: 52px !important;%
% height: 36px !important;%
% font-size: 14px !important;%
% letter-spacing: normal !important;%
% box-shadow: none !important;%
% }%
%%
%%
% /* Quantity plus/minus */%
% .nm-wholesale-main .nm-easywholesale-qty-increase,%
% .nm-wholesale-main .nm-easywholesale-qty-decrease {%
% width: 24px !important;%
% height: 36px !important;%
% font-size: 19px !important;%
% color: #8b54cf !important;%
% letter-spacing: normal !important;%
% }%
%%
%%
% .nm-wholesale-main .nm-easywholesale-qty-increase:hover,%
% .nm-wholesale-main .nm-easywholesale-qty-decrease:hover {%
% color: #5b00b5 !important;%
% }%
%%
%%
% /* Footer */%
% .nm-wholesale-main .nm-easywholesale-footer {%
% flex-direction: row !important;%
% gap: 12px !important;%
% padding-top: 14px !important;%
% }%
%%
%%
% .nm-wholesale-main .nm-easywholesale-selected,%
% .nm-wholesale-main .nm-easywholesale-total {%
% font-size: 14px !important;%
% letter-spacing: normal !important;%
% }%
%%
%%
% /* Add to Cart container */%
% .nm-wholesale-main .nm-easywholesale-add-to-cart-container {%
% margin-top: 16px !important;%
% justify-content: flex-start !important;%
% }%
%%
%%
% /* Add to Cart button */%
% .nm-wholesale-main .nm-easywholesale-add-to-cart-container .nm-wholesale-btn-add-to-cart {%
% min-width: 150px !important;%
% height: 52px !important;%
% padding: 0 24px !important;%
%%
% font-size: 15px !important;%
% font-weight: 500 !important;%
% letter-spacing: normal !important;%
%%
% border-radius: 12px !important;%
%%
% background: linear-gradient(180deg, #171717 0%, #080808 100%) !important;%
%%
% box-shadow: none !important;%
%%
% opacity: 1 !important;%
% }%
%%
%%
% /* Active mobile button */%
% .nm-wholesale-main .nm-easywholesale-add-to-cart-container .nm-wholesale-btn-add-to-cart:not(:disabled),%
% .nm-wholesale-main .nm-easywholesale-add-to-cart-container .nm-wholesale-btn-add-to-cart:not([disabled]) {%
% color: #ffffff !important;%
% background: linear-gradient(180deg, #171717 0%, #080808 100%) !important;%
%%
% border-radius: 12px !important;%
% box-shadow: none !important;%
%%
% opacity: 1 !important;%
% }%
%%
%%
% /* Mobile disabled button */%
% .nm-wholesale-main .nm-easywholesale-add-to-cart-container .nm-wholesale-btn-add-to-cart:disabled,%
% .nm-wholesale-main .nm-easywholesale-add-to-cart-container .nm-wholesale-btn-add-to-cart[disabled],%
% .nm-wholesale-main .nm-easywholesale-add-to-cart-container .nm-wholesale-btn-add-to-cart-disabled {%
% background: #cfcfcf !important;%
% color: #ffffff !important;%
% border-radius: 12px !important;%
% box-shadow: none !important;%
% opacity: 0.55 !important;%
% cursor: not-allowed !important;%
% }%
%}%
%%
%/* ================================================= */%
%/* Remove extra horizontal lines in wholesale block */%
%/* ================================================= */%
%%
%/* Убираем линию под dropdown Size / Program */%
%.nm-wholesale-main .nm-easywholesale-header {%
% border-bottom: none !important;%
%}%
%%
%%
%%
%/* Убираем линию над footer, если она появляется */%
%.nm-wholesale-main .nm-easywholesale-footer {%
% border-top: none !important;%
%}%
%%
%%
%/* Footer с Total selected items */%
%.nm-wholesale-main .nm-easywholesale-footer {%
% margin-top: 0px !important;%
% padding-top: 0 !important;%
%}%
%%
%%
%

Graduation Cap

Graduation Cap