body {
  font-family: 'Manrope', Work Sans,'Segoe UI','Helvetica Neue';
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'Manrope', Work Sans,'Segoe UI','Helvetica Neue';
}
.category-block .category-text-container {
  position: absolute;
  z-index: 2;
  top: 50%;
  width: 100%;
  text-align: center;
  color: #fff;
}
.category-block {
  background: #0b0b0b;
}
.category-block img {
  max-width: 100%;
  opacity: 0.5;
}
.category-blocks .col-md-3 {
  padding: 10px;
}
.header-menu-content {
  padding: 5px 0px;
  border: none;
background: #f2f2f2;
}
.account legend.legend {
  color: #fff;
}

.action.button:hover, .action.continue:hover, .action.update:hover, .action.clear:hover {
  color: #000 !important;
}
.horizontal-menu .level0.level-top.parent:hover:after {
    margin-top: 4px;
}
.product-item-photo img {
    margin-left: 0;
}
.minicart-items .product-item:not(:first-child) {
  border-top: 1px solid #2c2c2c;
}
ol.minicart-items .product-image-wrapper img {
  border-radius: 5px;
}
.minicart-items {
  margin-top: 20px;
}
.mfp-close-btn-in .mfp-close {
  display: none;
}
#minicart-content-wrapper {
  padding-top: 20px;
}
a.action.viewcart {
  text-align: center;
  display: block;
  margin-top: 10px;
}
.block-minicart .subtotal .amount {
  color: #151515;
}
.minicart-items-wrapper {
  height: auto !important;
}
.opc-block-summary {
  background: none !important;
}
.account-nav .item a, .account-nav .item>strong {
  padding-left: 0;
}
.account-nav .item.current strong {
  border-color: #fff;
}
.cart-totals, .opc-block-summary .table-totals {
    border-top: 1px solid #2c2c2c;
}
.cart-totals .grand .mark, .opc-block-summary .table-totals .grand .mark, .cart-totals .grand .amount, .opc-block-summary .table-totals .grand .amount {
  border-top: 1px solid #2c2c2c;
}
.opc-block-summary .items-in-cart>.title, .opc-block-shipping-information .shipping-information-title {
  border-bottom: 1px solid #2c2c2c;
}
.cart-summary {
  background: none;
  border: 1px solid;
}
.cart .product-image-wrapper {
  border-radius: 5px;
}
.b2b-tag-top, .b2b-user-item, .b2b-box-container {
  padding-left: 0px !important;
  padding-right: 0px !important;
  background: none !important;
  border: none !important;
  box-shadow: none !important;
}
.b2b-user-item .b2b-user-image {
  margin-left: 0 !important;
}
.account-nav .item a:hover {
  background: none;
}
.footer-logo img {
  max-height: 120px;
}
.footer-main li {
  padding: 3px 0px !important;
}
.hotline-top {
  display: block;
  clear: both;
  width: 100%;
  margin-bottom: 24px;
}
.footer-main{
  padding-bottom: 0px;
}
.text-copyright {
  padding: 10px 0px;
  margin: 0px 0;
  text-align: center;
}

.footer-copyright {
    padding-top: 1em;
}
.footer-contact {
  font-size: 14px;
  line-height: normal;
}
footer.page-footer{
    padding: 20px 0px 0px;
    border-top: 2px solid #1b6eb6;
}
/* Legal links in the footer CMS block (footer-info-v1), above the funding banner image */
.footer-contact .cnet-footer-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 4px 12px;
  margin: 4px 0 16px;
  font-size: 14px;
}
.page-footer .footer-contact .cnet-footer-links a,
.page-footer .footer-contact .cnet-footer-links a:visited {
  color: #1a2330;
  font-weight: 600;
  text-decoration: none;
}
.page-footer .footer-contact .cnet-footer-links a:hover,
.page-footer .footer-contact .cnet-footer-links a:focus-visible {
  color: #148bc0;
  text-decoration: underline;
}
.footer-contact .cnet-footer-links__sep {
  color: #b7c2cc;
}
/* Legal pages (Privacy & Cookie Policy, Terms & Conditions) and Contact Us:
   title and breadcrumb aligned to the same centred 920px column as the
   .cnet-policy / .cnet-contact content, with a proper heading style instead
   of the theme's plain 19.5px. */
.cms-privacy-policy-cookie-restriction-mode .page-title-wrapper,
.cms-terms-and-conditions .page-title-wrapper,
.contact-index-index .page-title-wrapper,
.cnetb2b-index-index .page-title-wrapper,
.cms-privacy-policy-cookie-restriction-mode .breadcrumbs .items,
.cms-terms-and-conditions .breadcrumbs .items,
.contact-index-index .breadcrumbs .items,
.cnetb2b-index-index .breadcrumbs .items {
  max-width: 920px;
  margin-left: auto;
  margin-right: auto;
}
.cms-privacy-policy-cookie-restriction-mode .page-title-wrapper,
.cms-terms-and-conditions .page-title-wrapper,
.contact-index-index .page-title-wrapper,
.cnetb2b-index-index .page-title-wrapper {
  margin-top: 14px;
  margin-bottom: 22px;
}
/* Become a B2B Partner (Cnet_B2bRegistration): same layout as Contact Us. */
.cnetb2b-index-index .page-title-wrapper::before {
  content: "Trade Accounts";
  display: block;
  margin: 0 0 8px;
  padding-left: 40px;
  background: linear-gradient(#148bc0, #148bc0) left center / 28px 2px no-repeat;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #0f6f9a;
}
.cms-privacy-policy-cookie-restriction-mode .page-title-wrapper::before,
.cms-terms-and-conditions .page-title-wrapper::before {
  content: "Legal Information";
  display: block;
  margin: 0 0 8px;
  padding-left: 40px;
  background: linear-gradient(#148bc0, #148bc0) left center / 28px 2px no-repeat;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #0f6f9a;
}
/* Contact Us: same layout as the legal pages. Form moved out of the theme's
   dark page-bottom band (cnet/Magento_Contact/layout/contact_index_index.xml)
   into the centred column, below a company-details card styled like the
   .cnet-policy__intro card; the form box matches .cnet-policy__toc. */
.contact-index-index .page-title-wrapper {
  display: block !important;
}
.contact-index-index .page-title-wrapper::before {
  content: "Get in Touch";
  display: block;
  margin: 0 0 8px;
  padding-left: 40px;
  background: linear-gradient(#148bc0, #148bc0) left center / 28px 2px no-repeat;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #0f6f9a;
}
.contact-index-index .page-bottom {
  display: none;
}
.cnet-contact {
  max-width: 920px;
  margin: 0 auto 48px;
  font-family: Manrope, "Work Sans", "Segoe UI", sans-serif;
  font-size: 15px;
  line-height: 1.65;
  color: #1a2330;
}
.cnet-contact__info {
  margin: 0 0 32px;
  padding: 24px 28px;
  background: #f3f6f8;
  border-left: 4px solid #148bc0;
  border-radius: 6px;
}
.cnet-contact__lede {
  margin: 0 0 16px;
}
.cnet-contact__list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px 28px;
  margin: 0 0 16px;
}
.cnet-contact__list dt {
  margin: 0 0 2px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #5b6573;
}
.cnet-contact__list dd {
  margin: 0;
  line-height: 1.5;
}
.cnet-contact__info a {
  color: #0f6f9a;
}
.cnet-contact__cta-row {
  margin: 0;
}
.cnet-contact__info a.cnet-contact__cta {
  font-weight: 700;
}
.cnet-contact .form.contact {
  width: 100% !important; /* core styles-l.css sets 50% */
  margin: 0;
  padding: 20px 28px 26px !important;
  border: 1px solid #dbe3e9;
  border-radius: 6px;
  background: #fff;
}
.cnet-contact .form.contact .contact-title {
  display: none;
}
.cnet-contact .form.contact .fieldset {
  margin: 0;
}
.cnet-contact .form.contact .fieldset::before {
  content: "Send Us a Message";
  display: block;
  margin: 0 0 14px;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #0f6f9a;
}
.cnet-contact .form.contact .actions-toolbar {
  margin-top: 6px;
  text-align: left;
}
@media (max-width: 767px) {
  .cnet-contact__list {
    grid-template-columns: minmax(0, 1fr);
  }
}
.cms-privacy-policy-cookie-restriction-mode .page-title-wrapper .page-title,
.cms-terms-and-conditions .page-title-wrapper .page-title,
.contact-index-index .page-title-wrapper .page-title,
.cnetb2b-index-index .page-title-wrapper .page-title {
  margin: 0;
  padding: 0;
  text-transform: none;
  font-size: clamp(28px, 3vw, 38px);
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: -.01em;
  color: #0b1620;
}
.vertical-menu .title{
  padding: 18px 0;
}
.header-main-content {
  padding: 20px;
}

.header-main-inner .vertical-menu {
    margin-top: 17px;
}
/*My Account Martfur Changes*/

/*Core Lists*/
.category-image {
  display: none;
}
.catalog-category-view .page-title {
  text-align: left;
}
.product-item-info {
  background: #fff;
  padding: 21px;
  border-radius: 3px;
}
.block.filter {
  background: none;
  padding: 0;
}
.filter-options-item .item a {
  color: #2e2e2e;
}

.filter-options .count {
  color: #2e2e2e;
}

.block.filter .filter-title {
  display: none;
}
header.page-header .header.content .widget {
  margin: 0;
}
.block.block-featured-brand.filter {
  display: none;
}
.wrapper-breadcrums li a {
  color: #000000;
  text-transform: capitalize;
}
.wrapper-breadcrums {
  background: none;
}
.toolbar-products .sorter, .toolbar-products .limiter {
  border: 1px solid #000000;
  background: none;
  border-radius: 3px;
}
.toolbar-products .modes-mode.active:before, .toolbar-products .modes-mode:before {
  color: #252525;
}
.filter-options-item .item a input[type='checkbox']+label:before {
  margin-right: 7px;
}
.toolbar-products select {
  color: #323232;
}
.toolbar-products {
  background: none;
}
.smile-es-range-slider .ui-slider-handle{
  background: #148bc0;
}
.smile-es-range-slider a.action.primary {
  color: #fff;
}
/* Filter heading arrows: inset from the right edge instead of flush (the
   theme's own rule sets right:0 with higher specificity, hence !important).
   Must stay above the Category card rules, which use the same specificity. */
.filter-options-item .filter-options-title {
  padding-right: 30px;
}
.filter-options-item .filter-options-title::after {
  right: 10px !important;
}
/* Sidebar "Category" filter shown as a bordered card with a grid icon, to draw
   attention to it. The --category class comes from
   cnet/Smile_ElasticsuiteCatalog/templates/layer/view.phtml. */
.filter-options-item--category {
  margin: 12px 0 6px;
  border: 1px solid #dbe3e9;
  border-radius: 6px;
  overflow: hidden;
}
.filter-options-item--category > .filter-options-title {
  position: relative;
  margin: 0;
  padding: 9px 36px 9px 38px;
  background: #f3f6f8;
  color: #1a2330;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
}
.filter-options-item--category > .filter-options-title:hover,
.filter-options-item--category > .filter-options-title:focus-visible {
  background: #eaf0f4;
}
.filter-options-item--category.opened > .filter-options-title {
  border-bottom: 1px solid #dbe3e9;
}
.filter-options-item--category > .filter-options-title::before {
  content: "";
  position: absolute;
  left: 12px;
  top: 50%;
  width: 16px;
  height: 16px;
  transform: translateY(-50%);
  background: #148bc0;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'%3E%3Crect x='4' y='4' width='6' height='6' rx='1'/%3E%3Crect x='14' y='4' width='6' height='6' rx='1'/%3E%3Crect x='4' y='14' width='6' height='6' rx='1'/%3E%3Crect x='14' y='14' width='6' height='6' rx='1'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'%3E%3Crect x='4' y='4' width='6' height='6' rx='1'/%3E%3Crect x='14' y='4' width='6' height='6' rx='1'/%3E%3Crect x='4' y='14' width='6' height='6' rx='1'/%3E%3Crect x='14' y='14' width='6' height='6' rx='1'/%3E%3C/svg%3E") center / contain no-repeat;
}
.filter-options-item--category > .filter-options-title::after {
  right: 12px !important;
  color: #5b6573;
}
.filter-options-item--category > .filter-options-content {
  padding: 2px 12px 6px;
  border-bottom: 0;
}
.price-including-tax .price, .price-excluding-tax .price {
  display: inline-block !important;
  vertical-align: middle;
}

.price-including-tax:before, .price-excluding-tax:before {
  content: attr(data-label) ': ';
  font-size: 1.25714286rem;
  display: inline-block;
  vertical-align: middle;
  margin-right: 6px;
}
.product-info-main .page-title-wrapper .page-title {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 35px;
  text-transform: none;
  color: #000000;
  padding: 2px 0px 10px 0px;
}
.price-box .price {
  font-size: 1.3rem;
}
.price-excluding-tax::before, .price-excluding-tax .price {
  font-size: 1.6rem !important;
  color: #000000;
  font-weight: 600;
}
.col-wishlist {
  display: none;
}
.toolbar-products .sorter select, .limiter select {
  font-size: 13px;
}
.b2b-requisition-title {
  margin-bottom: 20px;
}
#requisition_list_grid_table .col-action a {
  margin-right: 10px;
}
#requisition-list {
  margin-bottom: 20px;
}
.requisition-action-toolbar .checkbox input {
  margin-right: 5px;
}
.requisition-action-toolbar > div {
  margin-right: 10px;
}
.requisition-action-toolbar > div .action, .requisition-action-toolbar > div a {
  color: #514943 !important;
  background: #e3e3e3;
  padding: 3px 15px;
  border-radius: 3px;
  border: 1px solid #adadad;
  font-size: 13px;
}
.product-item .product-item-name {
  max-height: 41px;
  font-size: 14px;
}
.pages .pages-items .item.current {
  color: #fff;
}
#requisition-view-form .b2b-field.qty input[type="number"] {
  width: 55px !important;
  padding: 10px 7px;
}
#requisition-view-form .b2b-table > tbody > tr > td {
  padding: 10px 5px;
}
.b2b-table td.b2b-col.price {
  display: table-cell !important;
}
.product-item-name a {
  color: #000000;
}
div.slider-product-item-info {
    width: 100% !important;
    border: 1px solid #ffffff;
    border-radius: 5px;
    box-shadow: 0px 0px 3px #cbcbcb;
}
.owl-carousel .owl-item img {
    max-width: 140px;
    margin-bottom: 20px;
}
.owl-item li.product-slider {
    padding: 10px;
}
.product-slider .badge-custom {
  left: 20px;
  top: 20px;
}

/* ============================================================
   Product grid visual refresh (B2B catalogue polish)
   Card tiles with real separation, consistent image backdrop,
   clamped titles, a proper CTA for "Login for pricing", smaller
   pill badges, and a lightly-carded toolbar. Scoped to catalog/
   search product-item grids only.
   ============================================================ */
.products-grid .product-item-info,
.products-list .product-item-info {
  border: 1px solid #edf0f2;
  border-radius: 10px;
  box-shadow: 0 1px 3px rgba(20, 30, 40, 0.05);
  transition: box-shadow .18s ease, border-color .18s ease, transform .18s ease;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.products-grid .product-item-info:hover,
.products-list .product-item-info:hover {
  border-color: #d7e6ee;
  box-shadow: 0 10px 24px rgba(20, 30, 40, 0.09);
  transform: translateY(-2px);
}
.products-grid .item.product.product-item {
  margin-bottom: 24px;
  display: flex;
}
.products-grid .product-item-info .product-show,
.products-grid .product-item-info .main-photo,
.products-grid .product-item-info .product-image-container {
  background: #fafbfc;
  border-radius: 8px;
}
.products-grid .product-item-info .product-image-wrapper {
  overflow: hidden;
  border-radius: 8px;
}
.products-grid .product-item-details {
  flex: 1;
}
.product-item .product-item-name {
  max-height: 2.85em !important;
  overflow: hidden;
  font-size: 13.5px;
  line-height: 1.4;
  font-weight: 600;
  margin: 10px 0 8px;
}
.product-item-name a {
  color: #1a2330 !important;
}
.product-item-details a.price-no {
  display: inline-block;
  margin-top: 2px;
  padding: 7px 14px;
  background: #eef6fb;
  color: #0b5fb8 !important;
  border-radius: 6px;
  font-size: 12.5px;
  font-weight: 700;
  transition: background .15s ease, color .15s ease;
}
.product-item-details a.price-no:hover {
  background: #0b5fb8;
  color: #fff !important;
}
.product-item-details .price-box .price {
  color: #1a2330;
  font-weight: 700;
}
.badge-1.badge-custom {
  align-items: center;
  gap: 5px;
  background: #ffffff !important;
  color: #1a2330 !important;
  border: 1px solid #edf0f2;
  border-radius: 8px;
  padding: 5px 8px;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: 0;
  box-shadow: 0 2px 6px rgba(20, 30, 40, .1);
}
.badge-1.badge-custom svg {
  width: 13px;
  height: 13px;
  flex-shrink: 0;
}
.product-btn .action {
  border-radius: 6px;
}
.product-btn .action.tocart {
  background: #0b5fb8;
  color: #fff;
}
.product-btn .action.tocart:hover {
  background: #094a91;
}
.toolbar-products {
  background: #fff !important;
  border: 1px solid #edf0f2;
  border-radius: 8px;
  padding: 10px 14px !important;
  margin-bottom: 18px;
}
@media (max-width: 767px) {
  .products-grid .item.product.product-item {
    margin-bottom: 16px;
  }
  .products-grid .product-item-info {
    padding: 16px !important;
  }
}
.slider-product-item-info {
    width: 100% !important;
    padding: 20px;
}
.product-image-photo {
  position: unset !important;
  max-width: 150px;
}
.product-image-wrapper {
  height: auto;
  padding: 0% !important;
}
.fotorama__nav-wrap--horizontal {
  position: unset;
}
.gallery-placeholder {
  height: auto;
  padding-bottom: 0;
}
.product.attribute.description b {
  display: block;
  margin-top: 10px;
}
.sticky-addcart-wrap .stick-info {
  display: none;
}
.action.showcart .counter.qty{
  top: -6px;
}
span.counter.qty {
  position: absolute;
  top: -6px;
  background: #dd0400;
  color: #fff;
  border-radius: 30px;
  font-size: 10px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  right: -6px;
}
form.b2b-form-create-account {
width: 80%;
margin: 30px auto;
padding: 5%;
background-color: #ffffff;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}

form.b2b-form-create-account fieldset.b2b-info {
padding-bottom: 2%;
margin-bottom: 3%;
float: left;
width: 47%;
padding-right: 5%;
}

form.b2b-form-create-account fieldset.b2b-info .b2b-field { margin-top: 10px; }

form.b2b-form-create-account fieldset.b2b-info .field.field-name-firstname.required { margin-bottom: 15px; }

form.b2b-form-create-account fieldset.b2b-info label.b2b-label,
form.b2b-form-create-account fieldset.b2b-info label.b2b-label-marketing-business { padding-left: 5px; }

form.b2b-form-create-account fieldset.b2b-info legend.b2b-legend span { font-size: 1.8rem; color: #000000; font-weight: normal; border: 0px; }

form.b2b-form-create-account fieldset.b2b-info #b2b-add_company { margin: 3% 0 2%; }

form.b2b-form-create-account fieldset.b2b-info .marketing-checkboxes-business,
form.b2b-form-create-account fieldset.b2b-info .marketing-checkboxes-marketing,
form.b2b-form-create-account fieldset.b2b-info .marketing-checkboxes-contact { margin-bottom: 10px; }

form.b2b-form-create-account fieldset.fieldset.create.account { width: 50%; float: left; }

form.b2b-form-create-account fieldset.fieldset.create.account .legend { 
margin-left: 0px; 
border: 0px; 
padding: 0; 
}

form.b2b-form-create-account fieldset.fieldset.create.account .legend span { font-size: 1.8rem; font-weight: normal; color: #000000;  }

form.b2b-form-create-account fieldset.fieldset.create.account label.label span { font-size: 16px; }

form.b2b-form-create-account .content-marketing-checkboxes { font-size: 13px; font-style: italic; }
form.b2b-form-create-account input#b2b-company {
width: 50%; 
height: 42px; 
width: 100%; 
padding: 0 10px; 
border-radius: 3px; 
font-size: 16px; 
}

form.b2b-form-create-account .b2b-actions-toolbar {
  display: block;
  width: 100%;
  clear: both;
}
form.b2b-form-create-account .b2b-actions-toolbar > div button, form.b2b-form-create-account .b2b-actions-toolbar > div a {
  color: #000;
  padding: 10px 15px;
}

form.b2b-form-create-account .b2b-actions-toolbar > div {
  display: inline-block;
}
form.b2b-form-create-account .b2b-actions-toolbar .b2b-secondary {
  float: right;
  margin-top: 5px;
}
form.b2b-form-create-account .b2b-actions-toolbar .b2b-action { margin-left: 0px;     border-radius: 5px;}

form.b2b-form-create-account .b2b-control { position: relative; }
.b2b-block-order-details-comments {
  background: #e6eff3 !important;
  box-shadow: none !important;
  padding: 20px 30px;
}
.b2b-block-order-details-comments strong {
  font-weight: 700;
}
.edit-order-table .col-subtotal, .edit-order-table .col-tax-percent {
  display: none;
}
.edit-order-table .col-ordered-qty {
  text-align: center;
}
.edit-order-table .col-product {
  max-width: 300px;
}
.edit-order-table .col-tax-amount {
  text-align: center;
}
.b2b-order-table-content .b2b-totals .price {
  display: inline-block !important;
  float: none;
  width: auto;
  margin-left: 5px;
  font-weight: 700;
}

button#top-cart-btn-checkout {
  background: #148bc0;
  border: none;
}
#quote .b2b-introduction {
  margin: 3% 0%;
  color: #fff;
  background: none !important;
  padding: 0;
}
#quote textarea {
  box-shadow: none;
  font-size: 13px;
  font-weight: 400;
  min-height: 100px;
  border: 1px solid #afaeaedd;
}
#quote .b2b-quote-form {
  padding-top: 20px !important;
}
#quote .b2b-quote-form h4 {
  border-bottom: none;
  font-size: 15px;
}
.rfq-productList th {
  color: #fff !important;
  font-weight: 600 !important;
}
#quote .b2b-quote-form h4 {
  color: #fff !important;
}
.rfq-productList th, .rfq-productList td {
  text-align: left !important;
  font-size: 12px;
  padding: 8px !important;
  border: 1px solid #ddd !important;
}
#quote table tr td {
  vertical-align: middle !important;
  padding: 7px 10px !important;
}
#quote textarea {
  box-shadow: none !important;
  font-size: 13px !important;
  font-weight: 400 !important;
}
#quote .b2b-quote-form h4 {
  border-bottom: none !important;
  font-size: 17px !important;
  margin-bottom: 20px !important;
}
#submit-quote-request .b2b-quickQuoteButtons button {
  margin: auto;
  background: #000000 !important;
  padding: 10px 26px;
  font-weight: 400 !important;
  font-size: 15px !important;
  border: 0px;
}
.rfq-productList img {
  max-width: 100%;
  height: auto;
}
#submit-quote-request .b2b-quickQuoteButtons {
  margin-bottom: 20px;
  text-align: center;
}
textarea#quote-comments {
  border: 1px solid #d6d6d6 !important;
}
.b2b-actions-toolbar .b2b-action-primary, .b2b-actions-toolbar .action.primary, .b2b-actions-toolbar .b2b-action, .b2b-actions-toolbar .action {
  background: #000000 !important;
  border: none !important;
}
.apiquote-index-view .b2b-actions-toolbar {
  padding-bottom: 10px;
  display: block;
}
.apiquote-index-view fieldset.b2b-fieldset a {
  color: #000000;
}

.checkout-payment-method .payment-option-inner {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
}
.opc-wrapper .form-discount .actions-toolbar {
  position: unset;
  display: inline-block;
  vertical-align: middle;
}
.discount-code .step-title.field.choice {
  font-size: 13px;
  margin-bottom: 10px;
}
.opc-block-summary {
  background: #ffffff;
  border: 1px solid #e3e3e3;
}
.checkout-billing-address h3 {
  display: none;
}
.checkout-payment-method .payment-method-title {
  padding: 0;
}
.account .action-default, .account .block-footer .action-add, .account .block-footer .action-add, .account .page-main button {
  background: #000000 !important;
  border: none !important;
  color: #fff !important;
}
.b2b-admin__data-grid-pager input {
  height: 31px !important;
  top: 0 !important;
}
.account .page-main select {
  height: 31px !important;
}
.account .page-main input {
  height: 30px !important;
  min-height: auto !important;
}
.account .page-main .range > div {
  display: inline-block !important;
  width: 50% !important;
}
.account .page-main select, .account .page-main input {
  font-size: 13px !important;
}
.account .page-main input[type="checkbox"] {
  height: auto !important;
}
span.counter.qty.empty {
  display: none;
}
.cms-page-view .container.main-container {
  max-width: 100%;
}
.cms-header h1 {
  color: #fff;
}
.cms-page-view .page-main svg {
  max-height: 13px;
  position: relative;
  top: 2px;
  margin-right: 10px;
}
form#contact-form input::placeholder, form#contact-form textarea::placeholder {
  font-size: 13px;
}
.contact {
  padding: 0px !important;
}
.contact h2 {
  display: none;
}
.checkout-cart-index ul.checkout {
  background: none !important;
}
/* "Proceed to Checkout" has the class .checkout too; the rule above used to
   match it and leave white text on a transparent background. */
.checkout-cart-index .cart-summary button.action.primary.checkout {
  background: #148bc0 !important;
  border-color: #148bc0 !important;
  color: #fff !important;
}
.checkout-cart-index .cart-summary button.action.primary.checkout:hover {
  background: #0f6f9a !important;
  border-color: #0f6f9a !important;
}
.table.totals .price {
  display: inline-block !important;
}
.cart-summary .checkout-methods-items .item {
  margin-bottom: 10px;
}
.opc-wrapper .shipping-address-item.selected-item {
  border-color: #000000;
}
.opc-wrapper .shipping-address-item.selected-item:after {
  color: #000000;
}
.checkout-billing-address {
  display: none;
}
.page-footer a:visited {
  color: #000;
}
button#btn-minicart-close {
  display: none;
}
.mfp-close-btn-in .mfp-close {
  display: block !important;
  color: #151515;
  opacity: 0.8;
  font-size: 28px;
  top: 12px;
  right: 10px;
}
.mfp-close-btn-in .mfp-close:hover {
  opacity: 1;
  color: #148bc0;
}
#minicart-content-wrapper #view-cart-btn, #minicart-content-wrapper .b2b-cart-custom {
  margin-top: 10px;
}
.cnet-cart-export-btn-group {
  display: flex;
  gap: 10px;
  margin-top: 15px;
}
.cnet-cart-export-btn-group .b2b-btn-cart {
  flex: 1 1 0;
  width: auto;
  margin-top: 0;
}
.page-footer a {
  font-weight: 400;
}
#minicart-content-wrapper .primary, #minicart-content-wrapper .secondary {
  width: 100%;
}
.minicart-items .product-item-name a {
  color: #000;
}
.items-total {
  margin-bottom: 20px;
}
.user-icon-mobile svg {
  height: 25px;
}
.icon-top-mobile svg {
  height: 25px;
}
.header-content-action svg {
  height: 20px;
}
.mb-toggle-switch {
  text-indent: 0;
  height: auto;
  margin: auto;
}
.header-content-action {
  text-align: center;
  padding: 10px 0px;
}
.header-content-action svg {
  margin-bottom: 7px;
}
.customer-account-edit #b2b-email {
  width: 100%;
}
.cms-page-view ul {
  list-style-type: disc;
}
.minicart-items-wrapper {
  height: auto !important;
}
.item-slider .block-content .block-center {
  left: 0;
  color: #fff;
  font-size: 3rem;
  padding: 0;
}
.object-fit img{
  height: 136% !important;
}
.home-banner img {
  position: relative;
  top: 0px;
  max-width: 100%;
}
.home-banner {
  max-height: 600px;
  overflow: hidden;
  position: relative;
}
.home-banner .overlay-content {
  position: absolute;
  width: 100%;
  top: 30%;
  color: #fff;
  font-size: 4rem;
}
.home-banner .block-center {
  position: unset;
  transform: unset !important;
}
.mr-payment {
  margin: 26px 0;
}
.footer-logo {
  max-width: 185px;
  margin-bottom: 35px;
}
.footer-container {
  font-size: 14px;
  color: #000;
}
.footer-main .footer-links li{
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.footer-links ul {
  margin-bottom: 39px;
}
.paragraph-footer {
  margin-bottom: 22px !important;
}
.footer-contact-1 {
  margin-bottom: 10px !important;
}
.footer-contact-2 {
  margin-bottom: 10px !important;
}
.footer-links h4 {
  margin-bottom: 20px;
  font-size: 18px;
}
.footer-copyright-vertical{
  border: none;
}
.footer-copyright-vertical {
  border-top: 1px solid rgba(255, 255, 255, .1);
  color: #ffffff80;
}
.footer-content {
  position: relative;
}
.footer-copyright-vertical ul li:last-child {
  border: none;
}
.footer-copyright-vertical ul li {
  padding-right: 10px;
  margin-right: 10px;
}
img.partnership-logo {
  max-width: 166px;
}
.top-links-container {
  margin-bottom: 20px;
}

.top-links-container li a {
  color: #326AA9;
}
.top-links-container li {
  color: #4dbbe8;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 0.1em;
  letter-spacing: 0.7px;
}
.hotline-top span {
  margin-left: 10px;
}

.hotline-top svg {
  fill: #54595f;
  position: relative;
  font-size: 14px;
  margin-right: 6px;
  top: 2px;
}
.hotline-top {
  color: #54595f;
}
.hotline-top strong {
  font-weight: 400;
}
.selling-feature .text{
  color: #fff;
}
.horizontal-menu .magebig-nav li.level0>a {
text-transform: capitalize;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0px;
    padding-bottom: 0;
}
.smartmenu .mbi {
    padding-left: 6px;
}
ul.smartmenu.magebig-nav {
    padding: 10px 0px;
}
.horizontal-menu{
  padding-top: 0px;
  clear: both;
}
.product.data.items .item.title.opened>.switch {
  color: #000000 !important;
}
.product.data.items:before{
  display: none;
}
.product.data.items>.item.title:not(.disabled)>.switch:focus, .product.data.items>.item.title:not(.disabled)>.switch:hover {
  background: none;
}
.product.info.detailed .opened+.item.content {
  padding-top: 50px;
}
.product-accordion .product.data.items .item.title>.switch:before {
  background: #000000;
}
.product-accordion .product.data.items .item.title>.switch:before {
  background: #000000;
}
.vertical-menu .title>.mbi-menu {
  font-size: 23px;
  margin-right: 8px;
  margin-top: 4px;
}
.product.data.items>.item.content {
  background: none;
}
.product.data.items>.item.title>.switch {
  background: none;
  color: #fff !important;
  height: 51px;
}
.magebig-nav {
  padding: 0;
}
.header-maininner-row {
  min-height: auto !important;
  padding: 0;
}
.header-content-action i {
  font-size: 21px !important;
}
.product-info-main .product.attribute.sku>.value{
  color: #000000;
}
.product-info-main-top {
  border-bottom: 1px solid #ebebeb;
}
a.price-no {
  color: #fff;
}
.cat-links {
  border-top: 1px solid #ebebeb;
}
.fotorama__nav-wrap--vertical .fotorama__nav__shaft {
  background: none !important;
}
.gallery-placeholder .fotorama__thumb {
  border-radius: 5px !important;
  background: #fff;
}
.fotorama__wrap--fade .fotorama__fade-rear.fotorama__active {
  background: #fff;
  border-radius: 5px;
}

/* ============================================================
   Single product page visual refresh (B2B polish)
   Card-framed gallery, a visible price/login CTA (was invisible
   white-on-white), a proper stock status chip, a cleaner key
   -features list, and card-style spec tables with zebra rows
   and section-group headers.
   ============================================================ */
.catalog-product-view .page-title-wrapper .page-title {
  line-height: 1.25;
}
.catalog-product-view .product.attribute.sku {
  margin-bottom: 14px;
}
.catalog-product-view .product.attribute.sku > .value {
  display: inline-block;
  background: #f5f7fa;
  border-radius: 5px;
  padding: 3px 10px;
  font-size: 12.5px;
  font-weight: 600;
  color: #5b6878 !important;
}
.gallery-placeholder {
  border: 1px solid #edf0f2;
  border-radius: 10px;
  padding: 10px;
  background: #fafbfc;
}
.product-info-price a.price-no {
  display: inline-block;
  color: #fff !important;
  background: #0b5fb8;
  padding: 12px 28px;
  border-radius: 7px;
  font-size: 14.5px;
  font-weight: 700;
  margin-bottom: 14px;
  transition: background .15s ease;
}
.product-info-price a.price-no:hover {
  background: #094a91;
}
.product-info-stock-sku .stock {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12.5px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .02em;
  padding: 5px 12px;
  border-radius: 20px;
  margin-bottom: 16px;
}
.product-info-stock-sku .stock.available {
  color: #1a8f4c;
  background: #eaf9f0;
}
.product-info-stock-sku .stock.unavailable {
  color: #fff;
  background: #d93025;
}
.product-info-stock-sku .stock.unavailable a {
  color: #fff;
  text-decoration: underline;
}
.product-info-stock-sku .stock:before {
  content: '';
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: currentColor;
}
.product.attribute.overview {
  color: #4a5560;
  line-height: 1.6;
  margin-bottom: 14px;
}
.sitc-bullet-points {
  background: #fafbfc;
  border: 1px solid #edf0f2;
  border-radius: 8px;
  padding: 16px 18px;
  margin-bottom: 16px;
}
.sitc-bullet-points ul {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
.sitc-bullet-points li {
  position: relative;
  padding-left: 22px;
  margin-bottom: 8px;
  margin-left: 0 !important;
  font-size: 13.5px;
  line-height: 1.5;
  color: #2c333a;
  list-style: none !important;
}
.sitc-bullet-points li:last-child {
  margin-bottom: 0;
}
.sitc-bullet-points li:before {
  content: '\2713';
  position: absolute;
  left: 0;
  top: 0;
  color: #0b5fb8;
  font-weight: 700;
}
.cat-links {
  font-size: 12.5px;
  color: #8a9198;
}
.cat-links a {
  color: #0b5fb8;
  font-weight: 600;
}
.product.info.detailed {
  margin-top: 8px;
}
.product-info-main .data.item.title,
.product.info.detailed .data.item.title {
  margin-top: 26px;
}
.product.info.detailed .data.item.title:first-child {
  margin-top: 8px;
}
.product-info-main .data.item.title > .data.switch,
.product.info.detailed .data.item.title > .data.switch {
  font-size: 16px;
  font-weight: 800;
  color: #1a2330;
  text-transform: uppercase;
  letter-spacing: .03em;
  padding-bottom: 10px;
  border-bottom: 2px solid #0b5fb8;
  display: inline-block;
}
.product.info.detailed .data.item.content {
  padding-top: 0 !important;
}

/* Shared card look for every detail panel: tables, bullet lists, reasons,
   description and video all get the same border/background language so the
   whole "product info detailed" area reads as one consistent design. */
table.additional-attributes,
table.table-left,
table.table-right,
.sitc-reasons-to-buy,
.product.attribute.description > .value,
.sitc-manuals {
  border: 1px solid #edf0f2;
}
table.additional-attributes,
table.table-left,
table.table-right {
  width: 100%;
  border-collapse: collapse;
}
table.additional-attributes tr:nth-child(even),
table.table-left tr:nth-child(even),
table.table-right tr:nth-child(even) {
  background: #fafbfc;
}
table.additional-attributes th.col.label,
table.additional-attributes td.col.data,
table.table-left td,
table.table-right td {
  padding: 10px 16px;
  border-bottom: 1px solid #f0f2f4;
  font-size: 13px;
}
table.additional-attributes th.col.label {
  color: #5b6878;
  font-weight: 600;
  text-align: left;
  width: 40%;
}
table.additional-attributes td.col.data {
  color: #1a2330;
  font-weight: 600;
}
table.table-left td:first-child,
table.table-right td:first-child {
  color: #5b6878;
  width: 45%;
}
table.table-left td:last-child,
table.table-right td:last-child {
  color: #1a2330;
  font-weight: 600;
  text-align: left !important;
}
table.table-left tr:hover td,
table.table-right tr:hover td,
table.additional-attributes tr:hover td.col.data,
table.additional-attributes tr:hover th.col.label {
  background: #eef6fb;
}
table.table-left th[colspan],
table.table-right th[colspan] {
  background: #fafbfc;
  color: #5b6878 !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  letter-spacing: .03em;
  padding: 10px 16px !important;
  margin-top: 0 !important;
  text-align: left;
  border-bottom: 1px solid #f0f2f4;
  border-top: 1px solid #f0f2f4;
}
/* The SITC "Specifications" table ships its own stylesheet
   (SITC_Sinchimport/css/styles.css, scoped to .specification-table-content)
   with different padding/alignment than the rest of this page — these
   overrides bring it in line with the More Information table so both
   read as the same design instead of two different ones. */
.specification-table-content th,
.specification-table-content td {
  padding: 10px 16px !important;
  width: auto !important;
}
.specification-table-content tr td:nth-child(2) {
  text-align: left !important;
  padding-right: 16px !important;
}
/* Same column split + vertical divider as the More Information table */
.specification-table-content table.table-left td:first-child,
.specification-table-content table.table-right td:first-child,
table.table-left td:first-child,
table.table-right td:first-child {
  width: 40% !important;
  border-right: 1px solid #ccc;
}

/* Reasons To Buy */
.sitc-reasons-to-buy {
  background: #fff;
}
.sitc-reasons-to-buy .reason-to-buy {
  padding: 14px 16px;
  margin-bottom: 0 !important;
  border-bottom: 1px solid #f0f2f4;
  transition: background .15s ease;
}
.reason-to-buy:last-child {
  border-bottom: none;
}
.reason-to-buy:nth-child(even) {
  background: #fafbfc;
}
.reason-to-buy:hover {
  background: #eef6fb;
}
.reason-to-buy-content {
  text-align: left !important;
}
.reason-to-buy-content h4 {
  margin: 0 0 4px;
  font-size: 13.5px;
  font-weight: 700;
  color: #1a2330;
}
.reason-to-buy-content p {
  margin: 0;
  font-size: 13px;
  line-height: 1.55;
  color: #5b6878;
}

/* Description */
.product.attribute.description > .value {
  background: #fff;
  padding: 16px;
  font-size: 13px;
  line-height: 1.6;
  color: #5b6878;
}
.product.attribute.description > .value b {
  display: block;
  margin-bottom: 6px;
  font-size: 14.5px;
  font-weight: 700;
  color: #1a2330;
}

/* Videos */
.sitc-manuals {
  padding: 16px;
  background: #fafbfc;
}
.sitc-manuals video {
  border-radius: 6px;
  display: block;
}
@media (max-width: 767px) {
  .product-info-price a.price-no {
    display: block;
    text-align: center;
  }
  table.additional-attributes th.col.label,
  table.additional-attributes td.col.data,
  table.table-left td,
  table.table-right td {
    padding: 8px 10px;
    font-size: 12.5px;
  }
}
.account-nav .content {
  background: none;
}
.account-nav .item.current a, .account-nav .item.current strong {
  border-color: #000000;
}
fieldset.b2b-fieldset {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0;
}
.opc-block-shipping-information .shipping-information {
  background: none;
  border: 1px solid;
}
.field>input[type="radio"]+label:before {
  background: #fff;
}
.payment-method._active {
  margin-top: 20px;
}
.opc-wrapper .form-discount {
  max-width: 100%;
}
.opc-progress-bar-item._complete>span {
  color: #fff;
}
.login-container, .form.password.reset, .form.send.confirmation, .form.password.forget {
  color: #000;
}
.selling-feature svg {
  fill: #fff;
  font-size: 25px;
  margin-top: 6px;
}
.main-slider-full .container {
  position: relative;
  top: 25%;
  font-size: 29px;
}
.customer-account-login .page-main {
  background: url(/media/wysiwyg/magebig/slider/banner1.jpg) no-repeat;
  background-size: cover;
}
a.action.torequisition span {
  display: none;
}

a.action.torequisition::before {
  content: '+';
  font-size: 40px;
  margin: 10px;
}
.box-tocart .fieldset-add {
  display: block;
}
.box-tocart .actions .towishlist {
  background: none;
  color: #fff;
}
.modal-slide .modal-inner-wrap, .modal-popup .modal-inner-wrap {
  color: #000;
}
.items-total {
  color: #000;
}
.minicart-items .product-item-details {
  color: #000;
}
.product-item-photo .discount-percent, .product.media .discount-percent {
  display: none;
}
.price-including-tax:before, .price-excluding-tax:before{
  color: #999;
}
.old-price, .old.price {
  display: none;
}
.special-price .price-including-tax span.price {
  color: #fff;
}
span.old-price {
  display: none !important;
}
.catalog-product-view .special-price .price-wrapper.price-including-tax, .catalog-product-view .special-price .price-wrapper.price-excluding-tax {
  display: block !important;
  width: 100% !important;
}
.catalog-category-view .price-including-tax .price {
  color: #1a1a1a;
}
.minicart-items .product-item-details .price {
  font-size: 15px !important;
}
.price-including-tax:before, .price-excluding-tax:before {
  color: #000;
  font-size: 10px !important;
  font-weight: 600;
}
.b2b-order-item-table-content {
  color: #000 !important;
}
.shipping-address-items > div {
  width: 33% !important;
}

.shipping-address-items {
  display: block;
}
div[name="additionalFields.cost-centre"] {
    margin-bottom: 20px;
}

div[name="additionalFields.cost-centre"]::before {
    content: 'Department Code';
}
div[name="additionalFields.cost-centre"] span {
    display: none;
}
.customer-name.acc-btn {
  display: none;
}
.user-topbar:hover .header.links>li .customer-menu {
  display: block !important;
  transition: unset !important;
  padding-top: 5px;
  visibility: visible;
  opacity: 1;
  margin-top: 30px !important;
}
ul.header.links .customer-welcome:nth-child(2) {
  display: none;
}
.block.block-brand-list {
  border: none !important;
  padding-top: 0 !important;
}
.filter-options-item .nano>.nano-content {
  max-height: unset !important;
}
.page-bottom {
  background-color: #141414;
}
li.authorization-link {
  display: none !important;
}
.block.block-nav {
  display: none;
}


.catalog-category-view a.price-no {
  color: #000;
}
.selling-feature-sidebar {
  background: none;
}
.customer-account-login .page-main {
  background: none;
}

.vertical-menu .magebig-nav>li.level0:hover>a.level-top, .vertical-menu .magebig-nav>li.level0:hover>i {
  color: #fff;
}
li.nav.item.current strong {
  padding-left: 0px;
  border: none;
  color: #000000;
}

.product.data.items>.b2b-tab-title.opened.item.title>.switch {
  border: none !important;
}
.placeholder-image-footer {
  background: #ddd;
  width: 88%;
  height: 150px;
}
.toggle-mobile .title {
  margin: 0;
  margin-bottom: 15px;
}
img.badge-image {
    max-height: 60px;
}
img.badge {
    width: 100%;
    max-width: 130px;
}
.badge-custom {
  background: #f7f7f7 !important;
  color: #252525 !important;
}
.footer-main .title {
  margin-bottom: 0px;
}
.footer-main .title::after {
  display: none !important;
}
.category-blocks img {
  max-width: 100%;
}
.category-blocks {
  padding: 20px;
}
.text-copyright {
    padding: 5px 0px;
    margin: 0px 0;
    color: #fff;
    font-size: 12px;
}
.footer-contact h4 a {
    font-weight: bold;
    font-size: 18px;
}
.footer-main .footer-links li {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}
.category-blocks img {
  margin-bottom: 10px;
}
.category-blocks {
  background: #fafafa;
  margin-bottom: 30px;
  border-radius: 5px;
}
.category-blocks strong {
  color: #333333;
  font-weight: bold;
}
.category-blocks p {
  margin-bottom: 0;
}

.action.primary, .action.secondary, .action.button, .action.continue, .action.update, .action.clear, .company-button button, .opc button {
  background: #148bc0;
  border-color: #148bc0;
  color: #fff;
}
.action.primary:hover, .action.secondary:hover {
  background: #148bc0;
  border-color: #148bc0;
  color: #fff;
  opacity: 0.8;
}
.page-title {
  text-align: left !important;
}
.discount-code {
  display: none !important;
}
.custom-background h2 {
    font-size: 29px !important;
}

.custom-background {
    background: linear-gradient(90deg, rgb(237, 71, 156) 0%, rgb(125, 41, 255) 100%);
    padding: 40px;
    color: #fff;
    border-radius: 20px;
}

.main-banner {
  max-height: 500px;
  overflow: hidden;
  position: relative;
}
.banner-sub-image {
    max-height: 500px;
    width: auto;
}
.main-banner img {
  width: 100%;
}
.overlay-container {
  top: 0;
  left: 0;
  width: 100%;
  color: #fff;
  position: absolute;
}
.overlay-container .row {
  height: 300px !important;
}
.overlay-container h1 {
  font-size: 32px;
  font-style: italic;
  font-weight: bold;
}
.overlay-container h3 {
  font-style: italic;
  font-size: 21px;
}
video.background-video-hosted {
  width: 100%;
}
.special-price .price-including-tax span.price {
  color: #000000;
  font-size: small;
}
.magebig-nav .simple-dropdown ul.level0 li a {
    border: none;
}
.magebig-nav li .show-sub li:hover>div.show-sub {
    top: 0;
    left: 100%;
    transform: translateY(0px);
    min-height: 740px;
}
.magebig-nav div.submenu:before {
    top: 0;
    height: 100%;
}
.magebig-nav li.level0 ul li ul li a {
    border: none;
}
.magebig-nav .simple-dropdown .level-top {
    position: unset;
}
.footer-main .title::after {
  background: #00984f;
  content: '';
  display: block;
  width: 23px;
  height: 3px;
  margin-top: 10px;
}
.contact-info-left svg {
    fill: #6adaf5;
    display: inline-block;
    background: #fff;
    border-radius: 5px;
    padding: 5px;
}
ul.footer-links .contact-info-right {
    width: 74%;
    display: inline-block;
    vertical-align: middle;
}
ul.footer-links .contact-info-left {
    display: inline-block;
    vertical-align: middle;
    width: 14%;
    margin-right: 3%;
}
.footer-main{
  color: #000;
}

.toggle-mobile .title {
    color: #000;
}
.checkout-index-index .logo {
    max-width: 200px;
}

#revolut-fc-error-messages.mage-error {
    display: none !important;
}

.product-show {
    position: relative;
    overflow: hidden;
    padding-bottom: 10px;
    display: flex;
    justify-content: space-around;
}
.mb-toggle-switch {
    text-indent: 0 !important;
    height: 37px;
    margin: auto;
}

/* Top menu text size (was 1.4rem ~ 11.375px at this theme's root scale) */
.smartmenu.magebig-nav li.level0 a {
  font-size: 16px;
}

/* Product filter (layered navigation) text size:
   group headings e.g. "Price", "Brand" (was 1.5rem ~ 12.1875px)
   and option items e.g. "In Stock" (was 1.4rem ~ 11.375px) */
.filter-options .filter-options-title,
.filter-options .filter-options-content {
  font-size: 14px;
}

/* Product listing photos overflow their grid cell at narrower viewport
   widths / denser column counts: the theme's own ".product-item-photo img
   { width:100% }" rule can't resolve because its ancestor ".main-photo" is
   display:inline (no definite width for a percentage to resolve against),
   so the browser falls back to the raw HTML width/height attributes
   Magento prints on the <img> (270x270), overflowing the actual card. */
.product-item-photo,
.product-item-photo .main-photo {
  display: block;
  width: 100%;
}
.product-item-photo img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
}


/* Minicart: the sitewide ".product-item-photo { width:100% }" fix (for
   catalog grid photo overflow) also matches the minicart's own
   ".product-item-photo" anchor, forcing it to full row width and killing
   the theme's intended float-left "photo beside details" layout, so the
   name/price/qty block was wrapping below the image instead of beside it.
   Restore the small fixed-width photo here. Also move the remove (bin)
   action from its old top-right corner into the qty row, next to the
   minus button, per request. */
.minicart-items .product-item-photo,
.minicart-items .product-item-photo .main-photo {
  width: 65px;
}
.minicart-item-delete {
  display: inline-block;
  position: static;
  vertical-align: middle;
  margin-right: 8px;
  line-height: 26px;
}
\n

/* B2B registration form (Cnet_B2bRegistration module) */
.cnetb2b-index-index .column.main {
  padding-top: 30px;
  padding-bottom: 60px;
}
/* Login page: split card - sign-in form (cnet/Magento_Customer/templates/form/login.phtml)
   next to a dark "New to C. NET?" panel (form/trade-account.phtml), styled like the homepage hero. */
.customer-account-login .login-container {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  max-width: 920px;
  margin: 48px auto 64px;
  border: 1px solid #dbe3e9;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
  font-family: Manrope, "Work Sans", "Segoe UI", sans-serif;
}
.customer-account-login .login-container .block-customer-login,
.customer-account-login .login-container .block-customer-login .block-content,
.customer-account-login .login-container .block-customer-login .form-login {
  width: auto;
  max-width: none;
  margin: 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  background: transparent;
}
.customer-account-login .login-container .block-customer-login {
  padding: 40px 44px;
}
.customer-account-login .login-container .form-login .fieldset.login {
  margin: 0;
  padding: 0;
  box-shadow: none;
}
.cnet-login-head {
  margin: 0 0 22px;
}
.cnet-login-eyebrow {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 6px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #0f6f9a;
}
.cnet-login-eyebrow::before {
  content: "";
  width: 24px;
  height: 2px;
  background: #148bc0;
}
.cnet-login-title {
  margin: 0 0 6px;
  font-size: 30px;
  font-weight: 800;
  line-height: 1.15;
  color: #0b1620;
}
.cnet-login-lede {
  margin: 0;
  font-size: 14.5px;
  line-height: 1.6;
  color: #5b6573;
}
.customer-account-login .login-container .form-login .input-text {
  height: 46px;
  border: 1px solid #d7dde1;
  border-radius: 6px;
  font-size: 14px;
}
.customer-account-login .login-container .form-login .input-text:focus {
  border-color: #148bc0;
  box-shadow: 0 0 0 3px rgba(20, 139, 192, .13);
}
.customer-account-login .login-container .form-login .action.remind {
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  font-size: 13px;
  color: #148bc0;
}
.customer-account-login .login-container .form-login .actions-toolbar .primary,
.customer-account-login .login-container .form-login .action.login.primary {
  width: 100%;
}
.customer-account-login .login-container .form-login .action.login.primary {
  height: 48px;
  border-radius: 6px;
  font-size: 15px;
  font-weight: 700;
}
.cnet-trade-panel {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 40px 44px;
  background: #0b1620;
  border-left: 4px solid #148bc0;
  color: #fff;
}
.cnet-trade-panel__title {
  margin: 0 0 6px;
  font-size: 24px;
  font-weight: 800;
  color: #fff;
}
.cnet-trade-panel__lede {
  margin: 0 0 18px;
  font-size: 14.5px;
  line-height: 1.6;
  color: #b9c7d2;
}
.cnet-trade-panel__list {
  margin: 0 0 26px;
  padding: 0;
  list-style: none;
}
.cnet-trade-panel__list li {
  position: relative;
  margin: 0 0 10px;
  padding-left: 28px;
  font-size: 14.5px;
  line-height: 1.5;
  color: #dbe5ec;
}
.cnet-trade-panel__list li::before {
  content: "\2713";
  position: absolute;
  left: 0;
  top: 0;
  font-weight: 700;
  color: #7cc8ea;
}
.cnet-trade-panel a.cnet-trade-panel__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 48px;
  padding: 0 24px;
  border-radius: 6px;
  background: #148bc0;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  transition: background .15s;
}
.cnet-trade-panel a.cnet-trade-panel__btn:hover,
.cnet-trade-panel a.cnet-trade-panel__btn:focus-visible {
  background: #0f6f9a;
  color: #fff;
}
@media (max-width: 767px) {
  .customer-account-login .login-container {
    grid-template-columns: minmax(0, 1fr);
    margin: 20px auto 40px;
  }
  .customer-account-login .login-container .block-customer-login,
  .cnet-trade-panel {
    padding: 26px 22px;
  }
  .cnet-trade-panel {
    border-left: 0;
    border-top: 4px solid #148bc0;
  }
  .cnet-login-title {
    font-size: 26px;
  }
}
/* Cart page (option A): products as cards with unit price / qty / total, an
   "Order Summary" card with a free-delivery progress bar
   (cnet/Magento_Checkout/templates/cart/free-delivery.phtml) and a clear button order. */
.checkout-cart-index .page-title-wrapper::before {
  content: "Your order";
  display: block;
  margin: 0 0 6px;
  padding-left: 40px;
  background: linear-gradient(#148bc0, #148bc0) left center / 28px 2px no-repeat;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #0f6f9a;
}
.checkout-cart-index .page-title-wrapper .page-title {
  margin: 0 0 18px;
  font-size: clamp(26px, 2.6vw, 34px);
  font-weight: 800;
  line-height: 1.15;
  text-transform: none;
  color: #0b1620;
}
.checkout-cart-index .cart-container {
  font-family: Manrope, "Work Sans", "Segoe UI", sans-serif;
  color: #1a2330;
}
/* product cards */
.checkout-cart-index #shopping-cart-table,
.checkout-cart-index #shopping-cart-table tbody.cart.item,
.checkout-cart-index #shopping-cart-table tr,
.checkout-cart-index #shopping-cart-table td {
  display: block;
  border: 0;
}
.checkout-cart-index #shopping-cart-table thead {
  display: none;
}
.checkout-cart-index #shopping-cart-table tbody.cart.item {
  position: relative;
  margin: 0 0 12px;
  padding: 16px 52px 16px 18px;
  border: 1px solid #dbe3e9;
  border-radius: 8px;
  background: #fff;
}
.checkout-cart-index #shopping-cart-table tr.item-info {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 120px 96px 120px;
  gap: 16px;
  align-items: center;
}
.checkout-cart-index #shopping-cart-table td {
  padding: 0 !important;
}
.checkout-cart-index #shopping-cart-table td.col.item {
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
}
.checkout-cart-index #shopping-cart-table td.col.item .product-item-photo {
  position: static !important;
  flex: 0 0 72px;
  width: 72px !important;
  max-width: 72px !important;
  padding: 0;
  border: 1px solid #eef2f5;
  border-radius: 6px;
  overflow: hidden;
}
.checkout-cart-index #shopping-cart-table td.col.item .product-image-container {
  width: 72px !important;
}
.checkout-cart-index #shopping-cart-table .product-item-details {
  flex: 1 1 auto;
  width: auto !important;
  min-width: 0;
  padding: 0 !important;
}
.checkout-cart-index #shopping-cart-table .product-item-name {
  display: block;
  margin: 0 0 4px;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.35;
}
.checkout-cart-index #shopping-cart-table .product-item-name a {
  color: #0b1620;
}
.checkout-cart-index #shopping-cart-table td.col.price::before,
.checkout-cart-index #shopping-cart-table td.col.qty::before,
.checkout-cart-index #shopping-cart-table td.col.subtotal::before {
  display: block;
  margin: 0 0 4px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #8a96a3;
}
.checkout-cart-index #shopping-cart-table td.col.price::before {
  content: "Unit price";
}
.checkout-cart-index #shopping-cart-table td.col.qty::before {
  content: "Qty";
}
.checkout-cart-index #shopping-cart-table td.col.subtotal::before {
  content: "Total";
}
.checkout-cart-index #shopping-cart-table td.col.price,
.checkout-cart-index #shopping-cart-table td.col.subtotal {
  text-align: right;
}
.checkout-cart-index #shopping-cart-table td.col.subtotal .price-including-tax .price {
  font-size: 17px;
  font-weight: 800;
  color: #0b1620;
}
.checkout-cart-index #shopping-cart-table input.qty {
  width: 72px;
  height: 40px;
  border: 1px solid #d7dde1;
  border-radius: 6px;
  text-align: center;
  font-size: 15px;
}
/* remove (bin icon) in the card's top-right corner */
.checkout-cart-index #shopping-cart-table tr.item-actions {
  position: absolute;
  top: 14px;
  right: 14px;
}
.checkout-cart-index #shopping-cart-table tr.item-actions .actions-toolbar {
  margin: 0;
  padding: 0;
}
.checkout-cart-index #shopping-cart-table .action-delete {
  color: #8a96a3;
}
.checkout-cart-index #shopping-cart-table .action-delete:hover {
  color: #c0392b;
}
/* actions under the cards: text links + outlined Update */
.checkout-cart-index .cart.main.actions {
  display: flex;
  align-items: center;
  gap: 18px;
  margin: 6px 0 24px;
}
.checkout-cart-index .cart.main.actions .action.continue,
.checkout-cart-index .cart.main.actions .action.clear {
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  font-size: 14px;
  font-weight: 600;
  color: #0f6f9a;
}
.checkout-cart-index .cart.main.actions .action.continue::before {
  content: "\2190  ";
}
.checkout-cart-index .cart.main.actions .action.clear {
  margin-left: auto;
  color: #8a96a3;
}
.checkout-cart-index .cart.main.actions .action.clear:hover {
  color: #c0392b;
}
.checkout-cart-index .cart.main.actions .action.update {
  margin: 0;
  padding: 0 18px;
  min-height: 38px;
  border: 1.5px solid #148bc0;
  border-radius: 6px;
  background: #fff;
  color: #0f6f9a;
  font-weight: 700;
}
/* order summary card */
.checkout-cart-index .cart-summary {
  padding: 20px 22px;
  border: 1px solid #dbe3e9;
  border-radius: 8px;
  background: #fff;
}
.checkout-cart-index .cart-summary > .summary.title {
  display: block;
  margin: 0 0 12px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #0f6f9a;
}
.cnet-free-delivery {
  margin: 0 0 14px;
}
.cnet-free-delivery__text {
  margin: 0 0 6px;
  font-size: 13.5px;
  font-weight: 600;
  color: #1a2330;
}
.cnet-free-delivery.is-reached .cnet-free-delivery__text {
  color: #1e7a46;
}
.cnet-free-delivery__bar {
  height: 8px;
  border-radius: 4px;
  background: #e6edf2;
  overflow: hidden;
}
.cnet-free-delivery__bar span {
  display: block;
  height: 100%;
  border-radius: 4px;
  background: #148bc0;
}
.cnet-free-delivery.is-reached .cnet-free-delivery__bar span {
  background: #1e9e5a;
}
.checkout-cart-index .cart-summary .cart-totals .grand.totals th,
.checkout-cart-index .cart-summary .cart-totals .grand.totals td {
  padding-top: 12px;
  border-top: 1px solid #e6edf2;
  font-size: 18px;
  font-weight: 800;
  color: #0b1620;
}
.checkout-cart-index .cart-summary .checkout-methods-items .action.primary.checkout {
  width: 100%;
  min-height: 50px;
  border-radius: 6px;
  font-size: 16px;
  font-weight: 700;
}
/* Request Quote: outlined; Export PDF / Excel: small text links */
.checkout-cart-index .cart-summary .b2b-request-quote-btn .b2b-btn-cart {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 44px;
  border: 1.5px solid #148bc0 !important;
  border-radius: 6px;
  background: #fff !important;
  color: #0f6f9a !important;
  font-weight: 700;
}
/* One-page checkout switched off (no Proceed to Checkout button): Request Quote
   becomes the main action - first and filled blue. Reverts automatically if
   checkout is switched back on. */
.checkout-cart-index .cart-summary .checkout-methods-items > li:has(.b2b-request-quote-btn) {
  display: flex;
  flex-direction: column;
}
.checkout-cart-index .cart-summary .checkout-methods-items:not(:has(.action.checkout)) .b2b-request-quote-btn {
  order: -1;
  margin: 0 0 12px;
}
.checkout-cart-index .cart-summary .checkout-methods-items:not(:has(.action.checkout)) .b2b-request-quote-btn .b2b-btn-cart {
  min-height: 50px;
  background: #148bc0 !important;
  border-color: #148bc0 !important;
  color: #fff !important;
  font-size: 16px;
}
.checkout-cart-index .cart-summary .checkout-methods-items:not(:has(.action.checkout)) .b2b-request-quote-btn .b2b-btn-cart:hover {
  background: #0f6f9a !important;
  border-color: #0f6f9a !important;
}
.checkout-cart-index .cart-summary .cnet-cart-export-btn-group {
  justify-content: center;
  gap: 20px;
  margin-top: 6px;
}
.checkout-cart-index .cart-summary .cnet-cart-export-btn-group .b2b-btn-cart {
  flex: 0 0 auto;
  min-height: 0;
  padding: 0;
  border: 0 !important;
  background: none !important;
  color: #0f6f9a !important;
  font-size: 13px;
  font-weight: 600;
  text-decoration: underline;
}
@media (max-width: 767px) {
  /* Mobile cart card (option A): product, then "€x excl. VAT each" under the name, then a footer row with
     the − qty + stepper (built in custom.js) on the left and the line total on the right */
  .checkout-cart-index #shopping-cart-table tbody.cart.item {
    padding: 14px;
  }
  .checkout-cart-index #shopping-cart-table .product-item-details {
    padding-right: 30px !important;
  }
  .checkout-cart-index #shopping-cart-table tr.item-info {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0;
  }
  .checkout-cart-index #shopping-cart-table td.col.item,
  .checkout-cart-index #shopping-cart-table td.col.price {
    grid-column: 1 / -1;
  }
  /* Magento's mobile cart gives these cells width:33%, which shrinks them inside the grid */
  .checkout-cart-index #shopping-cart-table td.col.price,
  .checkout-cart-index #shopping-cart-table td.col.qty,
  .checkout-cart-index #shopping-cart-table td.col.subtotal {
    width: auto !important;
  }
  .checkout-cart-index #shopping-cart-table td.col.price::before,
  .checkout-cart-index #shopping-cart-table td.col.qty::before,
  .checkout-cart-index #shopping-cart-table td.col.subtotal::before,
  .checkout-cart-index #shopping-cart-table td.col.price .price-excluding-tax::before,
  .checkout-cart-index #shopping-cart-table td.col.subtotal .price-including-tax::before,
  .checkout-cart-index #shopping-cart-table td.col.subtotal .price-excluding-tax::before {
    content: none;
  }
  /* unit price: excl. VAT only, lined up with the product name (photo 72px + 14px gap) */
  .checkout-cart-index #shopping-cart-table td.col.price {
    padding: 6px 0 0 86px !important;
    text-align: left;
  }
  .checkout-cart-index #shopping-cart-table td.col.price .price-including-tax {
    display: none;
  }
  .checkout-cart-index #shopping-cart-table td.col.price .price-excluding-tax .price {
    font-size: 13px !important;
    font-weight: 700;
    color: #5b6772;
  }
  .checkout-cart-index #shopping-cart-table td.col.price .price-excluding-tax::after {
    content: " excl. VAT each";
    font-size: 13px;
    color: #5b6772;
  }
  .checkout-cart-index #shopping-cart-table td.col.qty,
  .checkout-cart-index #shopping-cart-table td.col.subtotal {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 14px !important;
    padding: 12px 0 0 !important;
    border-top: 1px solid #eef2f5 !important;
  }
  .checkout-cart-index #shopping-cart-table td.col.qty {
    grid-column: 1;
    align-items: flex-start;
    text-align: left;
  }
  .checkout-cart-index #shopping-cart-table td.col.subtotal {
    grid-column: 2;
    align-items: flex-end;
    text-align: right;
  }
  .checkout-cart-index #shopping-cart-table td.col.subtotal .price-including-tax .price {
    font-size: 18px;
    font-weight: 800;
    color: #0b1620;
  }
  .checkout-cart-index #shopping-cart-table td.col.subtotal .price-excluding-tax .price {
    font-size: 12px !important;
    font-weight: 400;
    color: #5b6772;
  }
  .checkout-cart-index #shopping-cart-table td.col.subtotal .price-excluding-tax::after {
    content: " excl. VAT";
    font-size: 12px;
    color: #5b6772;
  }
  .cnet-qty-step {
    display: inline-flex;
    align-items: center;
    height: 38px;
    border: 1px solid #d7dde1;
    border-radius: 6px;
    overflow: hidden;
    background: #fff;
  }
  .cnet-qty-step .cnet-qty-btn {
    width: 36px;
    height: 36px;
    padding: 0;
    border: 0;
    background: none;
    color: #0f6f9a;
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
  }
  .checkout-cart-index #shopping-cart-table .cnet-qty-step input.qty {
    width: 44px;
    height: 36px;
    padding: 0;
    border: 0;
    border-left: 1px solid #d7dde1;
    border-right: 1px solid #d7dde1;
    border-radius: 0;
    -moz-appearance: textfield;
  }
  .cnet-qty-step input.qty::-webkit-outer-spin-button,
  .cnet-qty-step input.qty::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  .checkout-cart-index .cart.main.actions {
    flex-wrap: wrap;
  }
  /* products first, then the order summary (the summary comes first in the markup) */
  .checkout-cart-index .cart-container {
    display: flex;
    flex-direction: column;
  }
  .checkout-cart-index .cart-container .form-cart {
    order: 1;
  }
  .checkout-cart-index .cart-container .cart-summary {
    order: 2;
  }
  .checkout-cart-index .cart-container > :not(.form-cart):not(.cart-summary) {
    order: 3;
  }
}
/* the − / + stepper is mobile-only; desktop keeps the plain quantity box */
@media (min-width: 768px) {
  .cnet-qty-step .cnet-qty-btn {
    display: none;
  }
}
.cnet-b2b-registration {
  max-width: 920px;
  margin: 0 auto 48px;
  font-family: Manrope, "Work Sans", "Segoe UI", sans-serif;
  color: #1a2330;
}
.cnet-b2b-intro {
  margin: 0 0 28px;
  padding: 24px 28px;
  background: #f3f6f8;
  border-left: 4px solid #148bc0;
  border-radius: 6px;
  font-size: 15px;
  line-height: 1.65;
  color: #1a2330;
}
.cnet-b2b-steps {
  display: flex;
  list-style: none;
  margin: 0 0 32px;
  padding: 0;
}
.cnet-b2b-step {
  flex: 1 1 0;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 8px;
}
.cnet-b2b-step:not(:last-child):after {
  content: '';
  position: absolute;
  top: 15px;
  left: calc(50% + 15px);
  width: calc(100% - 30px);
  height: 2px;
  background: #d7e6ed;
  z-index: 0;
}
.cnet-b2b-step-num {
  position: relative;
  z-index: 1;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #148bc0;
  color: #fff;
  font-weight: 700;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cnet-b2b-step-label {
  font-size: 12.5px;
  font-weight: 600;
  color: #545b5f;
}
.cnet-b2b-form {
  background: #fff;
  border: 1px solid #dbe3e9;
  border-radius: 6px;
  padding: 22px 28px 26px;
}
.cnet-b2b-form .cnet-b2b-legend {
  font-size: 15px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #0f6f9a;
  border: none;
  margin: 30px 0 16px;
  padding: 0 0 10px;
  border-bottom: 1px solid #e6edf2;
  width: 100%;
  display: block;
}
.cnet-b2b-form .field .control select.select {
  width: 100%;
}
.cnet-b2b-form .cnet-b2b-legend:first-child {
  margin-top: 0;
}
.cnet-b2b-form .field .label span {
  font-size: 13px;
  font-weight: 600;
  color: #33383b;
}
.cnet-b2b-form .field .control input.input-text,
.cnet-b2b-form .field .control select.select,
.cnet-b2b-form .field .control textarea.input-text {
  border-radius: 7px;
  border-color: #d7dde1;
  transition: border-color .15s ease, box-shadow .15s ease;
}
.cnet-b2b-form .field .control input.input-text:focus,
.cnet-b2b-form .field .control select.select:focus,
.cnet-b2b-form .field .control textarea.input-text:focus {
  border-color: #148bc0;
  box-shadow: 0 0 0 3px rgba(20,139,192,0.13);
}
.cnet-b2b-checkgrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 20px;
  background: #f8fafb;
  border: 1px solid #eef1f3;
  border-radius: 8px;
  padding: 16px 18px;
}
.cnet-b2b-check {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 14px;
  color: #333;
  cursor: pointer;
}
.cnet-b2b-check input {
  width: 16px;
  height: 16px;
  margin-top: 3px;
  accent-color: #148bc0;
  flex-shrink: 0;
}
.cnet-b2b-consent {
  /* Now a nested .control div, same as .cnet-b2b-checkgrid, so it inherits
     the same 730px content width as the checkgrid box above it instead of
     the wider 760px field column. */
  margin-top: 14px;
  background: #f8fafb;
  border: 1px solid #eef1f3;
  border-radius: 8px;
  padding: 14px 16px;
}
.cnet-b2b-form .actions-toolbar {
  margin-top: 12px;
}
.cnet-b2b-form .action.submit.primary {
  padding: 14px 34px;
  font-size: 15px;
  font-weight: 700;
  border-radius: 7px;
}
.cnet-b2b-footnote {
  margin: 18px 0 0;
  font-size: 12.5px;
  line-height: 1.6;
  color: #8a9198;
}
.cnet-cap {
  text-transform: capitalize;
}
@media (max-width: 767px) {
  .cnet-b2b-form {
    padding: 20px 18px;
  }
  .cnet-b2b-intro {
    padding: 18px 20px;
  }
  .cnet-b2b-checkgrid {
    grid-template-columns: 1fr;
  }
  .cnet-b2b-steps {
    flex-wrap: wrap;
    row-gap: 20px;
  }
  .cnet-b2b-step {
    flex: 0 0 50%;
  }
  .cnet-b2b-step:nth-child(2):after {
    display: none;
  }
}

/* SKU shown above the stock pill - category/search listings, the cart, and
   the product page's own stock/SKU box (.product-info-stock-sku). */
.list-sku {
  font-size: 11px;
  color: #8a94a3;
  margin: 0 0 4px;
}
/* Bigger on the product page itself - the grid/cart version stays compact. */
.product-info-stock-sku .list-sku {
  font-size: 14px;
  margin: 0 0 6px;
}
.product-info-stock-sku .cnet-delivery-time {
  display: flex;
  align-items: center;
  gap: 7px;
  /* the pill above already has a 16px bottom margin; pull up to a ~6px gap */
  margin-top: -10px;
  font-size: 13px;
  line-height: 1.3;
  color: #5b6573;
}
.product-info-stock-sku .cnet-delivery-time svg {
  flex: 0 0 auto;
  color: #148bc0;
}
.product-info-stock-sku .cnet-delivery-time strong {
  color: #1a2330;
  font-weight: 700;
}

/* Product page accordion (More Information, Specifications, ...): the theme
   pins its open/close arrow to the right edge of the title LINK, which is only
   as wide as the words, so the arrow sat on top of the text. Draw it at the
   right end of the full-width title row instead (same mbicon chevrons). */
.product-accordion .product.data.items .item.title a::after {
  display: none !important;
}
.product-accordion .product.data.items .item.title {
  position: relative;
}
.product-accordion .product.data.items .item.title::after {
  content: "\e93a";
  font-family: mbicon;
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 15px;
  line-height: 1;
  color: #1a2330;
  pointer-events: none;
}
.product-accordion .product.data.items .item.title.opened::after {
  content: "\e939";
}

/* Homepage: "Shop by Category" sits right under the featured-devices section.
   The gap was 74px = .cnet-feat's own 44px bottom margin (inline CMS style)
   + the theme's 30px under the top banner area (.main-slider-full). */
.cms-index-index .main-slider-full {
  margin-bottom: 0;
}
.cms-index-index .cnet-feat {
  margin-bottom: 20px;
}

/* Main menu on one row on desktop: the 8 top-level categories needed 1585px
   (16px text + 10px side padding), more than the 1570px container on a 1920px
   screen. Items are spread across the full width and the text scales with
   the window (16px at >=1600px, ~15.4px at 1536, ~14.3px at 1440, ~12.4px at
   1280); below ~1230px it may wrap again. */
@media (min-width: 992px) {
  .horizontal-menu .magebig-nav {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
  }
  .horizontal-menu .magebig-nav > li {
    float: none !important;
    padding: 0 6px;
  }
  .horizontal-menu .magebig-nav > li:first-child {
    padding-left: 0;
  }
  .horizontal-menu .magebig-nav > li:last-child {
    padding-right: 0;
  }
  .horizontal-menu .magebig-nav > li > a {
    font-size: clamp(12px, calc(1.2vw - 3px), 16px) !important;
  }
  /* Dropdowns that would run off the right edge open leftwards
     (cnet-open-left is set on hover by web/js/custom.js). */
  .horizontal-menu .magebig-nav > li.cnet-open-left > .submenu {
    left: auto !important;
    right: 0 !important;
  }
  .horizontal-menu .magebig-nav li li.cnet-open-left > .submenu {
    left: auto !important;
    right: 100% !important;
  }
}

/* Homepage hero ("IT Supply for Cyprus Businesses!", CMS block 93 main-slider-v1):
   compact sizing so it no longer fills a Full HD screen (was ~510px tall at
   1920px wide). Overrides the block's own <style>; phones (<=575px) keep the
   block's mobile rules. */
@media (min-width: 576px) {
  .cms-index-index .cnet-hero {
    padding: clamp(24px, 2.4vw, 44px) clamp(24px, 5vw, 96px);
  }
  .cms-index-index .cnet-hero__grid {
    gap: clamp(24px, 3.5vw, 64px);
    max-width: 1320px;
  }
  .cms-index-index .cnet-hero__eyebrow {
    margin: 0 0 12px;
    font-size: 12px;
  }
  .cms-index-index .cnet-hero__title {
    margin: 0 0 12px;
    font-size: clamp(28px, 2.5vw, 44px);
  }
  .cms-index-index .cnet-hero__lede {
    margin: 0 0 20px;
    font-size: clamp(14px, .95vw, 16px);
  }
  .cms-index-index .cnet-hero__ctas {
    gap: 12px;
  }
  .cms-index-index .cnet-hero a.cnet-hero__btn {
    min-height: 44px;
    padding: 0 22px;
    font-size: 15px;
  }
  .cms-index-index .cnet-hero__side,
  .cms-index-index .cnet-hero__cats {
    gap: 12px;
  }
  .cms-index-index .cnet-hero__stat {
    padding: 14px 22px;
  }
  .cms-index-index .cnet-hero__num {
    font-size: clamp(28px, 2.3vw, 40px);
  }
  .cms-index-index .cnet-hero__num-label {
    font-size: 15px;
  }
  .cms-index-index .cnet-hero a.cnet-hero__cat {
    gap: 12px;
    min-height: 48px;
    padding: 10px 16px;
    font-size: 15px;
  }
  .cms-index-index .cnet-hero a.cnet-hero__cat svg {
    width: 24px;
    height: 24px;
  }
}

/* Flagship Business Hardware: a single row sized like the category product
   grid (5 / 4 / 3 / 2 per row at 1600+ / 992+ / 768+ / below), instead of the
   CMS block's sideways scroller. The block's script appends the 5 randomly
   picked cards (.is-on) at the END of the grid, so the last N children are
   the ones to drop as the row gets narrower. */
.cms-index-index .cnet-feat .cnet-feat__grid {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 16px;
  overflow: visible;
  padding-bottom: 0;
  scroll-snap-type: none;
}
.cms-index-index .cnet-feat a.cnet-feat__card {
  flex: none;
}
@media (max-width: 1599px) {
  .cms-index-index .cnet-feat .cnet-feat__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .cms-index-index .cnet-feat a.cnet-feat__card.is-on:nth-last-child(-n+1) {
    display: none;
  }
}
@media (max-width: 991px) {
  .cms-index-index .cnet-feat .cnet-feat__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .cms-index-index .cnet-feat a.cnet-feat__card.is-on:nth-last-child(-n+2) {
    display: none;
  }
}
@media (max-width: 767px) {
  .cms-index-index .cnet-feat .cnet-feat__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }
  .cms-index-index .cnet-feat a.cnet-feat__card.is-on:nth-last-child(-n+3) {
    display: none;
  }
}

/* "Shop by Category" (first section of CMS block home-redesign-v1) styled like
   the Flagship section above. The block uses inline styles and no classes, so
   this targets it structurally and needs !important to win over them. */
.cms-index-index .home-redesign-v1 > div:first-child {
  margin: 0 0 44px !important;
  padding: clamp(20px, 2.6vw, 36px);
  background: #f3f6f8;
  border-radius: 6px;
  font-family: Manrope, "Work Sans", "Segoe UI", sans-serif;
  color: #0b1620;
}
.cms-index-index .home-redesign-v1 > div:first-child > div:first-child {
  margin: 0 0 20px !important;
}
.cms-index-index .home-redesign-v1 > div:first-child > div:first-child::before {
  content: "Browse the Catalogue";
  display: block;
  margin: 0 0 8px;
  padding-left: 40px;
  background: linear-gradient(#148bc0, #148bc0) left center / 28px 2px no-repeat;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #0f6f9a;
}
.cms-index-index .home-redesign-v1 > div:first-child h2 {
  font-family: inherit !important;
  font-size: clamp(22px, 2vw, 30px) !important;
  font-weight: 800 !important;
  letter-spacing: -.01em;
  line-height: 1.1;
  color: #0b1620 !important;
}
.cms-index-index .home-redesign-v1 > div:first-child > div:nth-child(2) {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 16px !important;
}
.cms-index-index .home-redesign-v1 > div:first-child > div:nth-child(2) > a {
  display: flex !important;
  flex-direction: column;
  min-height: 0 !important;
  padding: 0 !important;
  background: #fff !important;
  border: 1px solid #dbe3e9;
  border-radius: 6px !important;
  overflow: hidden;
  color: #0b1620 !important;
  transition: border-color .15s, box-shadow .15s;
}
.cms-index-index .home-redesign-v1 > div:first-child > div:nth-child(2) > a:hover,
.cms-index-index .home-redesign-v1 > div:first-child > div:nth-child(2) > a:focus-visible {
  border-color: #148bc0;
  box-shadow: 0 6px 20px rgba(11, 22, 32, .08);
}
.cms-index-index .home-redesign-v1 > div:first-child > div:nth-child(2) > a:focus-visible {
  outline: 2px solid #148bc0;
  outline-offset: 2px;
}
.cms-index-index .home-redesign-v1 > div:first-child > div:nth-child(2) > a > div:first-child {
  height: auto !important;
  aspect-ratio: 4 / 3;
  margin: 0 !important;
  padding: 16px;
  box-sizing: border-box;
  background: #fff;
  border-bottom: 1px solid #eef2f5;
}
.cms-index-index .home-redesign-v1 > div:first-child > div:nth-child(2) > a > div:first-child img {
  max-height: 100% !important;
}
.cms-index-index .home-redesign-v1 > div:first-child > div:nth-child(2) > a > div:nth-child(2) {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1;
  padding: 14px 16px 16px;
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 1.25;
}
.cms-index-index .home-redesign-v1 > div:first-child > div:nth-child(2) > a > div:nth-child(2)::after {
  content: "Shop now \2192";
  margin-top: auto;
  padding-top: 6px;
  font-size: 14px;
  font-weight: 700;
  color: #0f6f9a;
}
@media (max-width: 991px) {
  .cms-index-index .home-redesign-v1 > div:first-child > div:nth-child(2) {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 767px) {
  .cms-index-index .home-redesign-v1 > div:first-child > div:nth-child(2) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }
}
@media (max-width: 575px) {
  .cms-index-index .home-redesign-v1 > div:first-child {
    padding: 20px 14px;
    border-radius: 0;
  }
}

/* Stock pill under the product name in category/search listings - same look
   as the pill on the product page (.product-info-stock-sku .stock). */
.product-item-details .stock.list-stock {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0;
  padding: 4px 8px;
  border-radius: 14px;
  margin: 0 0 8px;
  line-height: 1.3;
}
.product-item-details .stock.list-stock:before {
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: currentColor;
  flex-shrink: 0;
}
.product-item-details .stock.list-stock.available {
  color: #1a8f4c;
  background: #eaf9f0;
}
.product-item-details .stock.list-stock.unavailable {
  color: #fff;
  background: #d93025;
}

/* More Information on small screens: the theme's responsive-table rule turns
   the label into inline "SKU: value" text with no columns. Keep a real
   two-column table (label | value) like the Specifications tables. */
@media (max-width: 767px) {
  table.additional-attributes {
    display: table !important;
    width: 100%;
  }
  table.additional-attributes tbody {
    display: table-row-group !important;
  }
  table.additional-attributes tr {
    display: table-row !important;
  }
  table.additional-attributes th.col.label,
  table.additional-attributes td.col.data {
    display: table-cell !important;
    vertical-align: top;
    padding: 8px 10px !important;
    border-bottom: 1px solid #f0f2f4;
    font-size: 12.5px;
    line-height: 1.4;
    text-align: left;
    word-break: break-word;
  }
  table.additional-attributes th.col.label {
    width: 40% !important;
    color: #5b6878;
    font-weight: 600;
    border-right: 1px solid #ccc;
  }
  table.additional-attributes td.col.data {
    color: #1a2330;
    font-weight: 600;
  }
  table.additional-attributes td.col.data:before {
    content: none !important;
    display: none !important;
  }
}

/* Homepage "Brands we carry" tiles: now links to each manufacturer's product list. */
a.cnet-brand-tile {
  transition: border-color .15s ease, color .15s ease, box-shadow .15s ease, transform .15s ease;
}
a.cnet-brand-tile:hover,
a.cnet-brand-tile:focus {
  border-color: #148bc0 !important;
  color: #148bc0 !important;
  box-shadow: 0 4px 12px rgba(20, 139, 192, .15);
  transform: translateY(-2px);
  text-decoration: none !important;
}

/* Product listing grid: the theme forces 5 columns from 992px up (.tp-lg-5-col / .tp-xl-5-col),
   which leaves ~137px cards next to the sidebar at common laptop widths. Use 4 per row until
   1600px, where the theme's 5-column layout has enough room again. */
@media (min-width: 992px) and (max-width: 1599px) {
  .products-grid ol.products.product-items > .product-item {
    flex: 0 0 25%;
    max-width: 25%;
  }
}

/* Listing stock pill: in narrow cards (4 per row next to the sidebar, 2 per row on phones) the pill
   would wrap over several lines, so the word "available" is dropped when the card is tight. */
.product-item-details {
  container-type: inline-size;
}
.product-item-details .stock.list-stock,
.product-item-details .stock.list-stock > span {
  white-space: nowrap;
}
@container (max-width: 145px) {
  .product-item-details .stock.list-stock .stock-avail-word {
    display: none;
  }
}

/* Tighter gap between the breadcrumb and the category title - the theme's
   generic .page-title rule (styles-m.css) gives every page a 10px top
   margin; scoped to category pages only so product/CMS titles are untouched. */
.catalog-category-view .page-title {
  margin-top: 2px;
}
/* Header compare shortcut: shown between wishlist and cart once the comparison list has items.
   The theme floats the row's direct children; the wrapper floats with no margin so it takes no space while empty. */
.header-content-action > .col-compare-wrap {
  margin-right: 0;
}
.header-content-action .col-compare {
  float: left;
  margin-right: 30px;
  padding: 0;
  flex: none;
  width: auto;
  max-width: none;
  animation: cnet-compare-pop .35s ease-out;
}
.col-compare .compare-icon {
  position: relative;
  display: inline-block;
  color: #000;
}
.col-compare .compare-icon:hover {
  color: #009ee2;
}
.col-compare .compare-icon svg.compare-svg {
  width: 22px;
  height: 22px;
  margin: 10px 0;
  display: inline-block;
  vertical-align: top;
}
.col-compare .compare-icon .counter-number {
  position: absolute;
  top: -6px;
  right: -5px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 50%;
  background: #009ee2;
  color: #fff;
  font-size: 9.75px;
  font-weight: 500;
  text-align: center;
}
@keyframes cnet-compare-pop {
  0% { transform: scale(.4); opacity: 0; }
  70% { transform: scale(1.12); opacity: 1; }
  100% { transform: scale(1); }
}
/* Mobile header compare shortcut (next to the cart beside the logo), same look as the cart/user icons */
.icon-top-mobile .compare-mobile {
  display: inline-block;
  vertical-align: top;
}
.icon-top-mobile .compare-mobile .compare-icon {
  position: relative;
  display: block;
  margin: 0 5px;
  color: #000;
  animation: cnet-compare-pop .35s ease-out;
}
.icon-top-mobile .compare-mobile svg.compare-svg {
  display: block;
  width: 25px;
  height: 25px;
  margin: 8px 0 9px;
}
.icon-top-mobile .compare-mobile .counter-number {
  position: absolute;
  top: -6px;
  right: -5px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 50%;
  background: #009ee2;
  color: #fff;
  font-size: 9.75px;
  font-weight: 500;
  text-align: center;
}
/* Product cards (category, search, widgets): every photo in the same square box, scaled to fit without
   cropping and centred, so names/prices line up whatever the photo's shape. The global rules above
   (.product-image-wrapper padding 0 / .product-image-photo position unset) stay for cart and minicart. */
.product-item .product-item-info,
.product-item .product-show,
.product-item .product-show > a.product-item-photo,
.product-item .product-show .product-image-container {
  width: 100% !important;
}
/* on mobile the card's buttons share the photo's flex row; the photo keeps the whole row as before */
.product-item .product-show > a.product-item-photo {
  flex: 0 0 100%;
}
.product-item .product-show .product-image-wrapper {
  height: 0 !important;
  padding-bottom: 100% !important;
  position: relative;
}
.product-item .product-show .product-image-wrapper .product-image-photo {
  position: absolute !important;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100% !important;
  height: 100% !important;
  max-width: none;
  object-fit: contain;
  margin: auto;
}