/**
 * Copyright © Magento, Inc. All rights reserved.
 * See COPYING.txt for license details.
 */
/**
 * Copyright © magebig.com - All rights reserved.
 * See LICENSE.txt for license details.
 */
/* Enable Custom Styling */
/* Primary Brand Colors */
/* Primary Captain Greek Blue */
/* Complementary Blue */
/* White */
/* Font Settings */
/* Headings Font */
/* Body Text Font */
/* Special Sections Font */
/* Background and Text Colors */
/* Primary text color */
/* Link color */
/* Header text color */
/* Header link color */
/* Header top text (e.g., 'Captain Greek...An Odyssey of Taste') */
/* Menu link color */
/* Hover color for menu links */
/* Footer link color */
/* Additional Colors */
/* Mediterranean Olive Green */
/* Mediterranean Sand Beige */
/* Mediterranean Gold */
/* Seafoam Teal */
/* Soft Grey for backgrounds */
/* Dark grey for primary text */
/* Medium grey for secondary text */
/* Coral Red for CTAs */
/* Turquoise for accents */
/* Header Styles */
.header a {
  color: #2D337F;
  /* Default color for header links */
}
.header a:hover {
  color: #b89b65;
  /* Gold color on hover */
}
/* Search Button Hover Effect */
.action.search:hover {
  background-color: #b89b65;
  border-color: #b89b65;
  /* Optional, if there's a border */
  color: #2D337F;
  /* Ensure text remains readable on hover */
}
/* Secondary Text Color */
.text-secondary {
  color: #666666;
  /* Medium grey for secondary text */
}
/* Link and Active Menu Item Styles */
.link:hover,
.menu-item-active {
  color: #40E0D0;
}
/* Icon Color */
.icon {
  color: #6B8E23;
}
/* Button Hover Effects */
/* Gold color for button hover state */
/* Base button styles */
.action.primary,
.action.secondary {
  white-space: nowrap;
  cursor: pointer;
  margin: 0;
  padding: 5px 15px;
  /* Consistent padding */
  min-width: 120px;
  border-radius: 6px !important;
  /* Apply rounded corners at all times */
  display: inline-block;
  vertical-align: top;
  line-height: 26px;
  text-align: center;
  transition: color 500ms ease, background-color 500ms ease, border-color 500ms ease;
  -moz-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
/* Hover styles */
.action.primary:hover,
.action.secondary:hover {
  background-color: #b89b65;
  /* Change background on hover */
  border-color: #b89b65;
  /* Optional: change border color on hover */
  color: #2D337F;
  /* Change text color on hover */
}
/* Adjust the button from the image */
.hyper-local-skip-address,
.hyper-local-remove-address,
.action-cancel,
.action-dismiss {
  padding: 0 20px;
  /* Padding for left and right, 0 for top and bottom */
  min-width: 125px !important;
  /* Set the minimum width */
  height: 39px !important;
  /* Ensure both buttons have the same height */
  border-radius: 8px !important;
  /* Apply the same rounded corners */
  font-size: 15px;
  /* Ensure the text size is the same */
  text-align: center;
  /* Center align text horizontally */
  cursor: pointer;
  /* Cursor pointer on hover */
  line-height: 26px !important;
  /* Set line-height equal to height for vertical centering */
  transition: all 0.5s ease;
  color: #2D337F !important;
  /* Smooth transition for hover effects */
}
/* Hover effect for this specific button */
.action-cancel,
.action-dismiss,
.hyper-local-skip-address:hover {
  background-color: #b89b65;
  /* Change to gold on hover */
  color: white;
  /* Text color to white on hover */
  border-color: #b89b65;
  /* Border color to gold on hover */
}
/* Custom Hover Effect */
.hover-effect07:hover {
  background-color: #b89b65;
  /* Gold background on hover */
  border-color: #b89b65;
  /* Optional, if there's a border */
  color: #2D337F;
  /* Blue text on hover */
}
/* Icon Color in Specific Cases */
.media-left .fas.fa-anchor {
  color: #2D337F !important;
  /* Primary Captain Greek Blue */
  font-size: 38px !important;
  /* Adjust the size to match other icons */
}
/* Cookie Notice Styles */
#notice-cookie-block {
  background-color: #ffffff;
  /* Background color for the cookie notice */
  color: #2D337F;
  /* Default text color */
  padding: 15px;
  border: 1px solid #b89b65;
}
.cookie-content {
  text-align: left;
}
.cookie-message-title {
  color: #2D337F;
  /* Title text color (blue) */
  font-weight: bold;
  font-size: 16px;
}
.cookie-message-description {
  color: #2D337F;
  /* Description text color */
  font-size: 14px;
}
.cookie-privacy-link {
  color: #2D337F;
  /* Link default color */
  text-decoration: none;
}
.cookie-privacy-link:hover {
  color: #b89b65;
  /* Link hover color */
  text-decoration: none;
}
/* Newsletter Section Styles */
.newsletter-section {
  background-color: #F4EBD0;
  /* Mediterranean Sand Beige */
  padding: 20px;
  border-radius: 8px;
}
.newsletter-title {
  color: #2D337F;
  text-align: center;
  margin-bottom: 15px;
}
.newsletter-form {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
}
/* Social Links Styling */
.social-links {
  display: flex;
  justify-content: center;
  padding: 0;
  list-style: none;
}
.social-links li {
  margin: 0 10px;
}
.social-links i {
  font-size: 24px;
  color: #2D337F;
  /* Blue icons */
  transition: color 0.3s ease;
  /* Smooth transition for hover */
}
.social-links i:hover {
  color: #b89b65;
  /* Gold on hover */
}
/* Footer Link Styling */
.footer-link,
.footer a {
  color: #2D337F;
  /* Blue by default */
  text-decoration: none;
  /* Remove underline by default */
}
.footer-link:hover,
.footer a:hover {
  color: #b89b65;
  /* Gold on hover */
  text-decoration: none /* Optional: underline on hover */;
}
/* Payment Logo Styles */
.payment-logo {
  max-width: 200px;
  height: auto;
  display: inline-block;
  margin: 0 auto;
}
/* Tagline Styles */
.welcome {
  font-family: 'Playfair Display', serif !important;
  /* Elegant serif font */
  font-size: 18px !important;
  /* Font size */
  font-style: italic !important;
  /* Italic for a refined look */
  font-weight: bold !important;
  /* Bold text for emphasis */
  color: #2D337F !important;
  /* Blue color */
  letter-spacing: 0.5px !important;
  /* Slight letter spacing */
  line-height: 1.6 !important;
  /* Adjust line height */
  text-align: left !important;
  /* Left align the text */
  padding: 10px 0 !important;
  /* Add some vertical padding */
  margin-left: 35px !important;
  /* Add left margin */
  -webkit-text-stroke: 0.1px #2D337F !important;
  /* Subtle blue stroke */
  text-stroke: 0.1px #2D337F !important;
  /* Subtle blue stroke */
  position: relative;
  /* Required for the pseudo-element effects */
}
/* Enhanced Underline Effect */
.welcome::after {
  content: '';
  position: absolute;
  bottom: -3px;
  /* Slightly below the text */
  left: 0;
  width: 100%;
  height: 2px;
  /* Thickness of the underline */
  background-color: #b89b65;
  /* Gold underline */
  transform: scaleX(0);
  /* Start hidden */
  transform-origin: left;
  transition: transform 0.3s ease-in-out;
}
.header-logo-search-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header-search-input {
  padding: 12px;
  border-radius: 8px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}
.nav-item {
  margin: 0 20px;
}
.dropdown-menu {
  border: 1px solid #b89b65;
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);
}
/* .header-icons {
    margin-right: 15px;
    vertical-align: middle;
}
.header-links:hover {
    text-decoration: none;
    color: #2D337F;  
}
    */
.menu-link:hover,
.header-button:hover {
  background-color: #b89b65;
  color: white;
  transition: background-color 0.3s ease;
}
/* Adjust the logo size and position */
.logo img {
  max-width: 200px;
  /* Adjust the size of the logo */
  height: auto;
  transition: all 0.3s ease;
  /* Smooth transition for hover effects */
  padding: 5px;
  /* Add space around the logo */
  margin-left: 30px;
  /* Shift the logo more to the right */
}
/* Remove the shadow */
.logo img {
  box-shadow: none !important;
  /* Remove the shadow */
}
/* Hover effect for the logo (optional, currently blank) */
.logo img:hover {
  /* You can add additional hover effects here, or leave it blank */
}
/* Responsive logo size adjustment */
/* Mobile and Small Screens */
@media (max-width: 768px) {
  .logo img {
    max-width: 100px;
    /* Reduce logo size for smaller screens */
    height: auto;
    /* Ensure the logo maintains aspect ratio */
    margin-left: 10px;
    /* Adjust margin for alignment */
    margin-top: 10px;
    /* Adjust top margin for better placement */
  }
}
/* Medium to Large Screens */
@media (min-width: 769px) and (max-width: 1199px) {
  .logo img {
    max-width: 160px;
    /* Resize for medium screens */
    height: auto;
    /* Maintain aspect ratio */
    margin-left: 20px;
    /* Adjust margin */
    margin-top: 15px;
    /* Adjust top margin */
  }
}
/* Extra Large Screens */
@media (min-width: 1200px) {
  .logo img {
    max-width: 230px;
    /* Resize logo for larger screens */
    height: auto;
    /* Keep aspect ratio */
    margin-left: 40px;
    /* Increase left margin for larger screens */
    margin-top: 20px;
    /* Adjust top margin */
  }
}
.mb-navigation.vertical-menu .title .mbi-menu,
.mb-navigation.vertical-menu .title .d-none.d-md-block,
.mb-navigation.vertical-menu .navigation {
  display: none !important;
  height: 0;
  padding: 0;
  margin: 0;
}
.mb-navigation.vertical-menu {
  display: none !important;
  height: 0;
  padding: 0;
  margin: 0;
}
#wk-outlet-address {
  color: #2d337f;
  /* Main blue color */
  font-weight: bold;
  font-style: italic;
  cursor: pointer;
  text-align: center;
  /* Center the text */
  display: inline-block;
  /* Allows box-like behavior */
  padding: 10px 20px;
  /* Adds padding to increase the box size */
  background-color: #f0f0f0;
  /* Light background to make it stand out */
  border-radius: 5px;
  /* Rounded corners */
  font-size: 20px;
  /* Increase font size */
  transition: background-color 0.3s ease, color 0.3s ease;
  /* Smooth hover effect */
}
#wk-outlet-address:hover {
  color: #b89b65;
  /* Gold color on hover */
}
.footer-copyright-vertical {
  width: 100%;
  margin: 0;
  padding: 0;
  flex-grow: 1;
}
/*
  ul.header.links {
    margin-left: 7px;
}
 
ul.header.links a, 
.col-auto.top-links a {
    color: #2D337F; 
    font-size: 14px; 
    text-decoration: none; 
    transition: color 0.3s ease, text-decoration 0.3s ease;
}

ul.header.links a:hover, 
.col-auto.top-links a:hover {
    color: #b89b65;  
    text-decoration: none 
}

.mbi.mbi-heart, 
.mbi.mbi-bag2, 
.mbi.mbi-user {
    color: #2D337F; 
    transition: color 0.3s ease, transform 0.3s ease; 
}


.mbi.mbi-heart:hover, 
.mbi.mbi-bag2:hover, 
.mbi.mbi-user:hover {
    color: #b89b65; 
    transform: scale(1.3);
}
    */
.detect-location {
  display: inline-block !important;
  /* Display the icon and text inline */
  vertical-align: middle !important;
  /* Vertically align icon with text */
  cursor: pointer !important;
  /* Change cursor to indicate interactivity */
  font-size: 40px  !important;
  /* Set size for both the text and icon */
  color: #b89b65 !important;
  /* Default gold color */
  margin-right: 10px !important;
  /* Add some spacing between icon and text */
  margin-bottom: 15px !important;
  transition: color 0.3s ease, font-size 0.3s ease !important;
  /* Smooth transition for hover effect */
}
.detect-location:hover {
  color: #B8860B !important;
  /* Darker gold on hover */
  font-size: 45px !important;
  /* Slightly enlarge on hover */
}
/* Mobile-specific styles */
@media only screen and (max-width: 600px) {
  .detect-location {
    font-size: 30px !important;
    /* Smaller font size on mobile */
    margin-right: 5px !important;
    /* Adjust margin for smaller screens */
    margin-bottom: 10px !important;
    /* Adjust margin-bottom for spacing */
    margin-top: 20px !important;
    /* Added margin-top to prevent overlap */
  }
  .detect-location:hover {
    font-size: 35px !important;
    /* Slightly smaller hover enlargement on mobile */
  }
}
@media only screen and (max-width: 600px) {
  /* Ensure both #wk-outlet-address and .detect-location are centered on mobile */
  #wk-outlet-address,
  .detect-location {
    display: block;
    /* Make elements block-level for full-width */
    margin: 0 auto;
    /* Automatically center both elements horizontally */
    text-align: center;
    /* Center the text and icon */
    margin-top: 20px;
    /* Added margin-top to both elements */
  }
  #wk-outlet-address {
    font-size: 18px;
    /* Adjust font size for mobile */
    padding: 10px 15px;
    /* Adjust padding for mobile */
    margin-top: 20px;
    /* Added margin-top to prevent overlap */
  }
  .detect-location {
    font-size: 30px !important;
    /* Adjust icon size for mobile */
    margin-top: 20px !important;
    /* Added margin-top to prevent overlap */
  }
}
/* Styling for .action-cancel, .action-dismiss, and .hyper-local-remove-address */
.action-cancel,
.action-dismiss,
.hyper-local-remove-address {
  color: #2d337f;
  /* Blue text color */
  background-color: #ffffff;
  /* Keep the background white */
  border: 1px solid #2d337f;
  /* Keep the blue border */
  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
  /* Smooth transition */
}
.action-cancel:hover,
.action-dismiss:hover,
.hyper-local-remove-address:hover {
  background-color: #b89b65;
  /* Gold background on hover */
  color: #2d337f;
  /* Keep the blue text color on hover */
  border-color: #b89b65;
  /* Change the border to gold on hover */
}
.selling-feature {
  display: flex;
  align-items: center !important;
  justify-content: flex-start;
}
.selling-feature .media-left {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-right: 61px !important;
}
.selling-feature .media-left .material-icons {
  font-size: 42.5px !important;
  color: #2d337f !important;
  display: inline-block !important;
  line-height: normal !important;
  margin-left: 53px !important;
  transition: all 0.3s ease !important;
}
.selling-feature .media-left .material-icons:hover {
  color: #b89b65 !important;
  transform: scale(1.2);
}
.selling-feature .media-body {
  text-align: left !important;
}
.mbi-bubbles,
.mbi-sync2,
.mbi-rocket {
  color: #2d337f !important;
  transition: all 0.3s ease !important;
}
.mbi-bubbles:hover,
.mbi-sync2:hover,
.mbi-rocket:hover {
  color: #b89b65 !important;
  transform: scale(1.2);
}
.item-slider .text-normal p {
  color: #b89b65 !important;
}
/*banners*/
@media only screen and (max-width: 768px) {
  .item-slider .block-content.banner-one,
  .item-slider .block-content.banner-two,
  .item-slider .block-content.banner-three {
    position: absolute !important;
    top: 55% !important;
    right: 20px !important;
    transform: translateY(-50%) !important;
    text-align: right !important;
    padding: 0 10px !important;
    z-index: 10 !important;
  }
  .item-slider .block-content.banner-one h2,
  .item-slider .block-content.banner-two h2,
  .item-slider .block-content.banner-three h2 {
    font-size: 18px !important;
    line-height: 1.1 !important;
    margin-bottom: 8px !important;
  }
  .item-slider .block-content.banner-one .text-normal p,
  .item-slider .block-content.banner-two .text-normal p,
  .item-slider .block-content.banner-three .text-normal p {
    font-size: 12px !important;
    line-height: 1.3 !important;
  }
  .item-slider .block-content.banner-one .btn-wrap a,
  .item-slider .block-content.banner-two .btn-wrap a,
  .item-slider .block-content.banner-three .btn-wrap a {
    font-size: 12px !important;
    padding: 6px 10px !important;
  }
}
@media only screen and (max-width: 480px) {
  .item-slider .block-content.banner-one,
  .item-slider .block-content.banner-two,
  .item-slider .block-content.banner-three {
    right: 10px !important;
    padding-left: 10px !important;
  }
  .item-slider .block-content.banner-one h2,
  .item-slider .block-content.banner-two h2,
  .item-slider .block-content.banner-three h2 {
    font-size: 16px !important;
  }
  .item-slider .block-content.banner-one .text-normal p,
  .item-slider .block-content.banner-two .text-normal p,
  .item-slider .block-content.banner-three .text-normal p {
    font-size: 11px !important;
  }
  .item-slider .block-content.banner-one .btn-wrap a,
  .item-slider .block-content.banner-two .btn-wrap a,
  .item-slider .block-content.banner-three .btn-wrap a {
    font-size: 10px !important;
    padding: 5px 10px !important;
  }
}
/* Image Size Adjustments for Larger Screens */
@media only screen and (max-width: 768px) {
  .authenticity-icon.material-icons {
    font-size: 30px !important;
    /* Adjust the icon size for mobile */
    color: #2d337f !important;
    /* Blue color */
    margin-left: 0px !important;
    /* Ensure no margin on the left */
    transition: all 0.35s ease !important;
    /* Smooth transition effect */
  }
  .authenticity-text .media-heading {
    font-size: 16px !important;
    /* Adjust the font size for the heading */
    text-align: left !important;
    /* Align text to the left */
  }
  .authenticity-text .desc {
    font-size: 14px !important;
    /* Adjust the description text size */
    text-align: left !important;
    /* Align the text to the left */
  }
}
/* For very small mobile screens (up to 480px) */
@media (max-width: 480px) {
  .selling-feature .media-left .material-icons {
    font-size: 36px !important;
    /* Smaller icon for small screens */
    margin-left: 0px !important;
    /* No margin for small screens */
    line-height: 0.4 !important;
    /* Adjust line height for small text */
  }
}
/* For small to medium mobile screens (481px to 768px) */
@media (min-width: 481px) and (max-width: 768px) {
  .selling-feature .media-left .material-icons {
    font-size: 30px !important;
    /* Medium-sized icon for tablets and larger mobiles */
    margin-left: 0px !important;
    /* Add some margin for better spacing */
    line-height: 1.1 !important;
    /* Line height slightly adjusted */
  }
}
/* For tablet screens and larger mobiles (769px to 1024px) */
@media (min-width: 769px) and (max-width: 1024px) {
  .selling-feature .media-left .material-icons {
    font-size: 32px !important;
    /* Larger icon for tablet screens */
    margin-left: 0px !important;
    /* Add more margin */
    line-height: 1.2 !important;
    /* Adjust line height */
  }
}
/* For desktop and larger screens (above 1024px) */
@media (min-width: 1025px) {
  .selling-feature .media-left .material-icons {
    font-size: 40px !important;
    /* Full-size icons for desktop screens */
    margin-left: 31px !important;
    /* Standard margin for desktop */
    line-height: normal !important;
    /* Default line height */
  }
}
.heading-title.block-title {
  color: #2d337f;
  display: inline-block;
  padding-bottom: 5px;
  border-bottom: 3px solid #b89b65;
  font-style: italic;
  font-weight: bold;
  margin-bottom: 20px;
  text-align: center;
  width: 100%;
}
.wk-mp-design .input-text {
  width: 100%;
  min-width: 400px;
  height: 150px;
  padding: 10px;
  resize: both;
  max-width: 100%;
}
/* Breadcrumb container styling with increased height */
.wrapper-breadcrums {
  background-color: #f0f0f0;
  /* Light background for breadcrumb area */
  padding: 20px 20px;
  /* Padding for the breadcrumb container */
  border-radius: 5px;
  /* Slight border radius for smooth edges */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  /* Subtle shadow for depth */
  min-height: 50px;
  /* Set a minimum height */
}
/* General breadcrumb link styling */
.wrapper-breadcrums li a {
  font-size: 16px !important;
  /* Standard font size */
  color: #2d337f !important;
  /* Main blue color */
  text-decoration: none !important;
  /* Remove underline */
  font-weight: 500 !important;
  /* Medium font weight */
  padding: 0 5px;
  /* Add space between the links */
}
/* Hover effect for all breadcrumb links */
.wrapper-breadcrums li a:hover {
  color: #b89b65 !important;
  /* Gold on hover */
  text-decoration: underline !important;
  /* Underline on hover */
}
/* Styling for the "Home" link */
.wrapper-breadcrums li.home a {
  font-weight: bold !important;
  /* Make the Home link bold */
  font-size: 18px !important;
  /* Slightly bigger font for Home */
  font-style: italic !important;
  /* Apply italics */
}
/* Hover effect for the "Home" link */
.wrapper-breadcrums li.home a:hover {
  color: #b89b65 !important;
  /* Gold color on hover */
}
/* Styling for the "Last" link */
.wrapper-breadcrums li.last a {
  color: #000 !important;
  /* Use black for the last item (current page) */
  font-weight: bold !important;
  /* Make it bold to highlight the current page */
}
/* test 

/* General Styles for Feature Boxes */
.selling-feature {
  padding: 20px 0;
}
.list-features {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  text-align: center;
}
/* Icon Wrapper to Control Alignment and Spacing */
.icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 15px;
  font-size: 0;
  /* Ensures spacing issues are minimal */
}
/* Common Icon Styles */
.list-features i {
  font-size: 2em;
  color: #2d337f;
  text-align: center;
  line-height: 1;
  width: auto;
  height: auto;
}
/* Individual Icon Customizations */
.shipping-icon-custom {
  font-size: 2.5em;
}
.returns-icon-custom {
  font-size: 2.2em;
}
.care-icon-custom {
  font-size: 2.5em;
}
.authenticity-icon-custom {
  font-size: 2.7em;
}
/* Centralize Text on Mobile */
.heading-text,
.description-text {
  text-align: center;
}
/* Headings (with Text Color, Underline, and Italics) */
.heading-text {
  color: #2d337f;
  font-size: 1.5em;
  font-weight: bold;
}
.heading-text span em {
  text-decoration: none;
  font-style: italic;
}
/* Descriptions (Subtext Underneath the Heading) */
.description-text {
  color: #b89b65;
  font-size: 1em;
  margin-top: 5px;
}
/* Responsive Design: Mobile Screen Adjustments */
@media (max-width: 768px) {
  .list-features {
    flex-direction: column;
    text-align: center;
    margin-bottom: 15px;
  }
  .icon-wrapper {
    margin-right: 0;
    margin-bottom: 10px;
  }
  /* Centralize text and make icons responsive for smaller screens */
  .list-features i {
    font-size: 2em;
    text-align: center;
  }
  .shipping-icon-custom,
  .returns-icon-custom,
  .care-icon-custom,
  .authenticity-icon-custom {
    font-size: 2em;
  }
  /* Centralize text */
  .heading-text {
    font-size: 1.2em;
    text-align: center;
  }
  /* Adjust Description Size for Mobile */
  .description-text {
    font-size: 0.9em;
    text-align: center;
  }
}
/* Specific fix for the "Authenticity Guarantee" icon */
.authenticity-icon-custom {
  font-size: 2.5em;
  /* Ensure size isn't too large */
  display: inline-block;
  /* Ensure icon stays in line with text */
  vertical-align: middle;
}
/* Ensure Cross-browser consistency */
.icon-wrapper i,
.material-icons {
  display: inline-block;
  vertical-align: middle;
  line-height: inherit;
  text-align: center;
}
@media (max-width: 768px) {
  .authenticity-icon.authenticity-icon-custom {
    font-size: 3.2em !important;
    /* Increase the icon size on mobile */
    display: inline-block !important;
    /* Ensure the icon is displayed correctly */
    vertical-align: middle !important;
    text-align: center !important;
  }
  .authenticity-text .media-heading em {
    font-size: 0.8em !important;
    margin-top: 16px !important;
    display: block;
    text-align: center !important;
  }
}
@media (max-width: 768px) {
  /* Centralize the "Mediterranean Sourced" text */
  .authenticity-text .text.desc.std {
    text-align: center !important;
    margin-top: 10px;
    /* Adjust this value to lower the text if needed */
  }
  /* Centralize the "Always here to help" text */
  .care-text .text.desc.std {
    text-align: center !important;
    margin-top: 10px;
    /* Adjust this value to lower the text if needed */
  }
  .returns-text .text.desc.std {
    text-align: center !important;
    margin-top: 10px;
    /* Adjust this value to lower the text if needed */
  }
  .shipping-text .text.desc.std {
    text-align: center !important;
    margin-top: 10px;
    /* Adjust this value to lower the text if needed */
  }
  .shipping-text .media-heading em {
    text-align: center !important;
    display: block !important;
    /* Ensures block-level behavior for centering */
  }
  /* Centralize the "24/7 Support" heading */
  .care-text .media-heading em {
    text-align: center !important;
    display: block !important;
    /* Ensures block-level behavior for centering */
  }
}
@media (max-width: 768px) {
  /* Ensure the slider container height adjusts automatically */
  .item-slider {
    height: auto;
  }
  /* Ensure image scales correctly */
  .item-slider .img-fluid {
    width: 100%;
    height: auto;
    /* Maintain the aspect ratio */
  }
  /* Ensure the banner content is centered and fits the screen */
  .block-content.banner-one {
    position: relative;
    left: 0;
    /* Ensure no negative left offset on mobile */
    text-align: center;
    padding: 10px;
  }
  /* Adjust the heading size for smaller screens */
  .block-content.banner-one h2 {
    font-size: 1.5em;
    line-height: 1.4;
  }
  /* Adjust the paragraph text size */
  .block-content.banner-one p {
    font-size: 1.2em;
  }
  /* Button adjustments for better spacing */
  .btn-wrap .action.primary {
    padding: 8px 15px;
    font-size: 1em;
  }
}
/* Mobile Styles for screen sizes up to 768px */
@media only screen and (max-width: 768px) {
  /* Targeting the img element specifically inside img-slide and img-native-wrap */
  .img-slide .img-native-wrap > img.img-fluid {
    width: 100% !important;
    object-fit: contain !important;
    /* Ensures the image fits without cropping */
    max-height: unset !important;
    /* Remove any max-height restrictions */
  }
  .img-slide .img-native-wrap {
    padding-bottom: 56.25% !important;
    /* 16:9 aspect ratio */
  }
}
/* imgage external css */
.item-slider {
  height: 358px;
  /* Move from inline to less */
}
.img-native-wrap {
  padding-bottom: 18.646%;
  /* Keep the aspect ratio in less */
}
.banner-one {
  position: relative;
  left: -28px;
  /* Move position adjustments here */
}
.btn-wrap .action.primary {
  background-color: #2d337f;
  color: #ffffff;
  border: 1px solid #b89b65;
  padding: 10px 20px;
}
.btn-wrap .action.primary:hover {
  background-color: #b89b65;
  color: #2d337f;
}
form.form.contact {
  display: none;
}
/* helpdesk css */
.wk_ts_nav_left h4 a {
  font-weight: bold !important;
  font-style: italic !important;
  color: #2d337f !important;
  /* Main blue color */
  text-decoration: underline !important;
  text-decoration-color: #b89b65 !important;
  /* Gold underline */
  text-align: center !important;
  display: block;
  font-size: 24px !important;
  /* Increase the font size */
}
ul li.dropdown:nth-of-type(1) {
  display: none !important;
}
/* General container styles */
.wk_support_information_container {
  background-color: #f7f7f7 !important;
  padding: 30px !important;
  font-family: Arial, sans-serif !important;
  margin-top: 0px !important;
  width: 100% !important;
}
.wk_support_information_container h1 {
  font-size: 36px !important;
  font-style: italic !important;
  font-weight: bold !important;
  color: #2d337f !important;
  /* Main blue color */
  text-align: center !important;
  border-bottom: 2px solid #b89b65 !important;
  /* Gold underline */
}
.wk_support_information_container p {
  font-size: 18px !important;
  line-height: 1.6 !important;
  text-align: justify !important;
}
/* Subheading styling */
.wk_support_information_container h2 {
  font-size: 28px !important;
  font-style: italic !important;
  font-weight: bold !important;
  color: #2d337f !important;
  text-align: center !important;
  border-bottom: 2px solid #b89b65 !important;
}
/* Ordered list styles */
.wk_support_information_container ol {
  font-size: 18px !important;
  line-height: 1.6 !important;
  text-align: justify !important;
  padding-left: 20px !important;
}
/* List item styles */
.wk_support_information_container ol li strong {
  font-style: italic !important;
  color: #2d337f !important;
  /* Main blue color */
}
.wk_support_information a {
  font-size: 20px !important;
  /* Make the text bigger */
  font-weight: bold !important;
  /* Make the text bold */
  color: #2d337f !important;
  /* Main blue color */
  text-decoration: none !important;
  /* Remove default underline */
}
.wk_support_information a:hover {
  text-decoration: underline !important;
  text-decoration-color: #b89b65 !important;
  /* Gold underline on hover */
}
.dropdown-support-category {
  display: none !important;
}
/* Style for dropdown ticket links */
.dropdown-menu a {
  font-size: 14px !important;
  /* Make the text bigger */
  font-weight: bold !important;
  /* Bold text */
  font-style: italic !important;
  /* Italic text */
  color: #2d337f !important;
  /* Captain Greek main blue color */
  text-decoration: none !important;
  /* Remove default underline */
  padding: 10px 15px !important;
  /* Add some padding for better spacing */
  display: block;
  /* Ensure full clickable area */
}
.dropdown-menu a:hover {
  text-decoration: underline !important;
  /* Add underline on hover */
  text-decoration-color: #b89b65 !important;
  /* Gold underline on hover */
  color: #b89b65 !important;
  /* Change text color to gold on hover */
}
/* Style for the Ticket(s) text */
.dropdown {
  font-size: 12px !important;
  /* Increase text size */
  font-weight: bold !important;
  /* Make text bold */
  font-style: italic !important;
  /* Italic styling */
  color: #2d337f !important;
  /* Captain Greek main blue color */
  text-decoration: none !important;
  /* No underline by default */
  cursor: pointer;
  /* Make it look clickable */
}
/* Hover state for the Ticket(s) text */
.dropdown:hover {
  text-decoration: underline !important;
  /* Underline on hover */
  text-decoration-color: #b89b65 !important;
  /* Gold underline */
  color: #b89b65 !important;
  /* Turn text gold on hover */
}
/* Style for the caret symbol */
.dropdown > .caret {
  color: #2d337f !important;
  /* Main blue for caret */
  font-weight: bold !important;
  /* Bold caret */
}
/* Hover state for the caret symbol */
.dropdown:hover > .caret {
  color: #b89b65 !important;
  /* Turn caret gold on hover */
}
/* Captain Greek Styling CSS */
/* General Form Container Styling */
.wk_ts_thread_container {
  font-family: Arial, sans-serif !important;
  background-color: #f7f7f7 !important;
  padding: 30px !important;
  border-radius: 10px !important;
  width: 100% !important;
  box-sizing: content-box !important;
  border: 2px solid #b89b65 !important;
  /* Golden border */
}
/* Page Title */
.page-title h1 {
  font-size: 36px !important;
  font-weight: bold !important;
  font-style: italic !important;
  color: #2d337f !important;
  /* Captain Greek blue */
  text-align: center !important;
  border-bottom: 2px solid #b89b65 !important;
  /* Gold underline */
  padding-bottom: 10px !important;
  margin-bottom: 20px !important;
  width: auto !important;
  /* Ensure it adapts to text size */
}
/* Draft Saved Message */
#draft_msg_box {
  color: #757a7d !important;
  font-size: 13px !important;
  float: left !important;
  width: 100% !important;
  font-style: italic !important;
}
/* Form Labels */
label {
  font-size: 14px !important;
  font-weight: bold !important;
  color: #2d337f !important;
  margin-bottom: 10px !important;
  display: block !important;
}
/* Required Fields Indicator */
.required em {
  color: red !important;
  font-weight: bold !important;
}
.form-list label {
  font-size: 16px !important;
  /* Increase font size */
  color: #2d337f !important;
  /* Captain Greek blue */
  font-weight: bold !important;
  /* Keep it bold */
  margin-bottom: 10px !important;
}
.wk_ts_nav {
  background: #f8f8f8 !important;
  border: 1px solid #b89b65 !important;
  height: 50px;
  float: left;
  min-height: 50px;
  border-radius: 4px;
  width: 105.4% !important;
}
.action.search {
  position: absolute;
  right: 0;
  top: -10px !important;
  margin: 10px !important;
  width: 100px;
  text-align: center;
  font-size: 1.6rem;
}
label[data-role="minisearch-label"] {
  display: none !important;
}
label[for="search"] {
  display: none !important;
}
/* General Content Styling */
.wk_ts_content {
  width: 98% !important;
  padding: 15px !important;
  float: left !important;
  box-sizing: content-box !important;
  background-color: #f7f7f7 !important;
  border-radius: 10px !important;
  border: 2px solid #b89b65 !important;
  /* Golden border */
}
/* Container Ajax */
.container_ajax {
  margin-bottom: 20px !important;
}
/* Heading Styling */
.wk_ts_content h1 {
  font-size: 36px !important;
  font-weight: bold !important;
  font-style: italic !important;
  color: #2d337f !important;
  /* Captain Greek blue */
  text-align: center !important;
  border-bottom: 2px solid #b89b65 !important;
  /* Gold underline */
  padding-bottom: 10px !important;
}
/* Button Styling */
.wk_ts_clear {
  background-color: #2d337f !important;
  /* Captain Greek blue */
  color: #ffffff !important;
  padding: 10px 20px !important;
  border: none !important;
  border-radius: 5px !important;
  font-size: 16px !important;
  cursor: pointer !important;
  transition: background-color 0.3s, color 0.3s !important;
}
.wk_ts_clear:hover {
  background-color: #b89b65 !important;
  /* Gold background on hover */
  color: #2d337f !important;
  /* Blue text on hover */
}
/* Text Styling */
.wk_ts_content p {
  font-size: 18px !important;
  color: #2d337f !important;
  line-height: 1.6 !important;
}
/* Table Styling */
.wk_ts_ticket_table {
  width: 100% !important;
  border: 1px solid #2d337f !important;
  border-collapse: collapse !important;
}
.wk_ts_ticket_table th,
.wk_ts_ticket_table td {
  padding: 10px !important;
  text-align: left !important;
  border: 1px solid #2d337f !important;
  /* Blue borders */
  color: #333 !important;
}
.wk_ts_ticket_table th {
  background-color: #b89b65 !important;
  /* Gold background for table headers */
  color: #ffffff !important;
  /* White text in headers */
}
.wk_ts_ticket_table td {
  background-color: #f7f7f7 !important;
  /* Light background for table rows */
}
.wk_ts_tickets_container {
  border: 2px solid #b89b65 !important;
  /* Golden border */
  float: left !important;
  width: 105.4% !important;
  /* Adjusted width to fit container properly */
  border-radius: 10px !important;
  /* Rounded corners */
  margin-bottom: 20px !important;
  /* Increased bottom margin */
  background-color: #f7f7f7 !important;
  /* Light background color */
  padding: 20px !important;
  /* Added padding for better spacing */
}
.wk_btn_warning {
  background-color: #ffffff !important;
  /* White background */
  color: #2d337f !important;
  /* Captain Greek blue text */
  border: 2px solid #b89b65 !important;
  /* Gold border */
  margin: 9px !important;
  font-weight: bold !important;
  /* Bold text */
  transition: background-color 0.3s, color 0.3s !important;
  /* Smooth hover effect */
}
/* Hover Effect */
.wk_btn_warning:hover {
  background-color: #b89b65 !important;
  /* Gold background on hover */
  color: #ffffff !important;
  /* White text on hover */
  border-color: #b89b65 !important;
  /* Maintain gold border */
}
.catalog-category-view .page-title {
  text-align: center !important;
  /* Centers the text */
  font-weight: bold !important;
  /* Makes the text bold */
  color: #2d337f !important;
  /* Sets the text color to blue */
  font-style: italic !important;
  /* Makes the text italic */
  text-decoration: underline !important;
  /* Adds an underline */
  text-decoration-color: #b89b65 !important;
  /* Sets the underline color to gold */
  text-transform: capitalize !important;
  /* Retain capitalization */
  font-size: 2.4rem !important;
  /* Retain the font size */
}
.sidebar-product-wrap {
  display: none;
}
/* For mobile devices and tablets */
@media (max-width: 1199px) {
  .container {
    max-width: 100% !important;
  }
}
/* For PC screens and laptops */
@media (min-width: 1200px) {
  .container {
    max-width: 1350px !important;
  }
}
.header-content-action {
  display: flex;
  /* Use Flexbox for better alignment */
  align-items: center;
  /* Vertically center all children */
  justify-content: flex-end;
  /* Align elements to the right */
  flex-wrap: nowrap;
  /* Prevent wrapping */
}
.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}
/* Ensure the customer-welcome container stacks elements vertically */
.customer-welcome.acc-topbar {
  display: flex;
  flex-direction: column;
  /* Stack items vertically */
  align-items: flex-start;
  /* Align items to the left */
  gap: 5px;
  /* Add spacing between items */
}
/* Style the customer-name section to keep "Hi, customer name" in one line */
.customer-name.acc-btn {
  display: flex;
  /* Use flex to keep "Hi," and the name on the same line */
  flex-direction: row;
  /* Align items horizontally */
  align-items: center;
  /* Vertically center the text */
  gap: 5px;
  /* Space between "Hi," and the name */
  margin-bottom: 10px;
  /* Space between the name and the menu items */
}
/* Style the customer-menu section to stack items correctly 
.customer-menu.acc-list {
    display: flex;
    flex-direction: column;  Stack the list items vertically 
} */
.customer-menu.acc-list ul {
  list-style: none;
  /* Remove bullet points */
  padding: 0;
  margin: 0;
}
.customer-menu.acc-list ul li {
  display: block;
  /* Make each menu item block-level */
  margin-bottom: 5px;
  /* Add space between each menu item */
}
/* .col-auto.top-links a, ul.header.links a {
    color: #2D337F;
    font-size: 14px;
    text-decoration: none;
    transition: color 0.3s ease, text-decoration 0.3s ease;
    display: block !important; 
  }

  .header-content-action > div {
    margin-right: 30px; 
    display: flex; 
    align-items: center; 
}

.header-content-action > div:last-child {
    margin-right: 0; 
}
.user-topbar .header.links li {
    white-space: nowrap !important; 
    line-height: 19px !important;
} 
*/
.horizontal-menu {
  margin-left: 0px !important;
}
.block-search {
  width: 100% !important;
}
@media only screen and (max-width: 768px) {
  .wk-right {
    display: flex;
    justify-content: center;
    /* Center horizontally */
    align-items: center;
    /* Center vertically if it has a set height */
    margin: 0 auto;
    /* Ensure centering with auto margins */
    width: 100%;
    /* Make the element take the full width */
    text-align: center;
    /* Center text content if applicable */
  }
}
.page-wrapper {
  overflow-x: hidden !important;
  /* Only hides horizontal overflow */
}
@media only screen and (max-width: 768px) {
  .img-slide .img-native-wrap > img.img-fluid {
    width: 100% !important;
    object-fit: cover !important;
    max-height: unset !important;
    max-width: none !important;
    overflow: hidden !important;
    box-sizing: border-box;
  }
}
/*test*/
html,
body {
  overflow-x: hidden;
}
@media (max-width: 767px) {
  .menu-btn-text {
    font-size: 1.1rem !important;
    margin-top: 0 !important;
    line-height: 1 !important;
    text-align: center !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    color: #2D337F !important;
    margin-left: 3.5px !important;
    margin-right: 4px !important;
  }
}
.sidebar .block-title {
  position: relative;
  color: #2d337f;
  /* Blue color as per your brand */
  text-transform: uppercase;
  margin-bottom: 10px;
  text-align: center;
  /* Centralizes the title */
  font-size: 20px;
  /* Makes the title a bit bigger */
  font-style: italic;
  /* Applies italics */
  text-decoration: none;
  /* Underlines the title */
}
.sidebar .block-title::after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  /* Thickness of the underline */
  background-color: #b89b65;
  /* Gold color for the underline */
  margin-top: 5px;
  /* Space between text and underline */
}
.sidebar .block-content {
  display: block !important;
  font-size: 18px;
  /* Adjusts the font size to make it bigger */
  transition: color 0.3s ease, transform 0.3s ease;
  /* Adds smooth transitions for color and transform */
}
.wk-mp-design .input-text {
  width: 100%;
  min-width: 0px !important;
  height: 50px !important;
  padding: 10px;
  resize: both;
  max-width: 100%;
  text-align: left !important;
}
.wk-mp-design .fieldset > .legend {
  position: relative;
  color: #2d337f;
  /* Blue color as per your brand */
  text-transform: uppercase;
  margin-bottom: 10px;
  text-align: center;
  /* Centralizes the title */
  font-size: 20px;
  /* Makes the title a bit bigger */
  font-style: italic;
  /* Applies italics */
  text-decoration: none;
  /* Underlines the title */
}
.wk-mp-design .fieldset > .legend::after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  /* Thickness of the underline */
  background-color: #b89b65;
  /* Gold color for the underline */
  margin-top: 5px;
  /* Space between text and underline */
}
/* Ensures spacing and alignment for .wk-ask-question */
.wk-dashboard-container .wk-ask-question {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
}
/* Flex layout for .wk-report-filter with spacing */
.wk-report-filter {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  z-index: auto;
  /* Default stacking to prevent interference */
  position: absolute;
}
/* Dropdown styling with controlled margins */
.wk-dashboard-container .wk-sales-filter {
  width: 150px;
  margin-top: 7px;
  z-index: auto;
}
/* Fix for button clickability */
.wk-ask-question button {
  position: relative;
  z-index: 10;
  /* Ensures button is on top */
}
.ask-que-to-admin-style {
  position: relative !important;
  right: 0;
  top: 0;
  margin: 1rem 0;
  z-index: 10;
}
.wk-mp-collection-container .toolbar select,
toolbar-products .limiter .control {
  margin-left: 10px;
  background-color: transparent;
  box-shadow: none;
}
.toolbar-products .limiter {
  display: flex;
}
.toolbar-products label {
  margin-top: 5px;
}
.btn,
.wk-mp-collection-view-btn a {
  background-color: #2d337f;
  /* Captain Greek primary color */
  color: #ffffff;
  /* White text */
  border: 1px solid #b89b65;
  /* Gold border */
  padding: 10px 20px;
  text-decoration: none;
  border-radius: 5px;
  transition: background-color 0.3s ease, color 0.3s ease;
}
.btn:hover,
.wk-mp-collection-view-btn a:hover {
  background-color: #b89b65;
  /* Gold on hover */
  color: #2d337f;
  /* Blue text on hover */
  border: 1px solid #2d337f;
  /* Border changes to blue */
  text-decoration: none;
  /* No underline */
}
.store-brick .store-profile .name-brick,
.store-brick .store-profile .location a,
.store-brick .store-profile .stats {
  margin-left: 100px;
}
.store-brick .store-profile .name-brick .name {
  color: #2d337f;
  /* Captain Greek primary blue color */
  font-weight: bold;
  text-decoration: none;
  text-decoration-color: #b89b65;
  /* Gold underline */
  font-size: 35px;
  transition: color 0.3s ease;
}
.store-brick .store-profile .name-brick .name:hover {
  color: #b89b65;
  /* Gold color on hover */
  text-decoration-color: #2d337f;
  /* Underline color changes to blue */
}
.wk-mp-design button {
  background: #ffffff;
  /* White background */
  color: #2d337f;
  /* Blue text color */
  border: 1px solid #b89b65;
  /* Gold border */
  box-shadow: none !important;
  border-radius: 8px !important;
  /* Slightly rounded corners */
  padding: 8px 25px;
  /* Adjusted padding for better proportions */
  font-size: 18px;
  font-weight: bold;
  /* Bolder text */
  font-family: Arial, sans-serif;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  transition: background 0.3s, color 0.3s;
}
.wk-mp-design button:hover {
  background: #b89b65 !important;
  /* Gold background on hover */
  color: #ffffff !important;
  /* White text on hover */
  border-color: #2d337f !important;
  /* Consistent border color on hover */
}
.social-btn .btn-social {
  display: block;
  text-decoration: none;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.6;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  user-select: none;
  background-image: none;
  border-radius: 5px;
  padding: 12px 12px 12px 60px;
  text-align: center;
  background-color: #ffffff;
  /* White background */
  color: #2D337F;
  /* Blue text */
  border: 1px solid #b89b65;
  /* Gold border */
  margin-top: 10px;
  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}
.social-btn .btn-social:hover {
  background-color: #b89b65 !important;
  /* Gold background on hover */
  color: #ffffff !important;
  /* White text on hover for contrast */
}
.btn-social > svg {
  position: absolute;
  left: 15px;
  /* Adds padding to the left */
  top: 50%;
  bottom: 0;
  width: 44px;
  text-align: center;
  fill: #2D337F;
  /* Blue color to match text */
  height: 44px;
  margin-top: -22px;
  font-size: 14px;
  padding: 5px 0;
  background-color: #ffffff;
  border-radius: 3px;
  /* To make it a bit more appealing */
}
#wk_rma_new_request a {
  display: inline-block;
  font-size: 16px;
  /* Base font size */
  font-weight: bold;
  color: #2D337F;
  /* Captain Greek blue for text */
  text-decoration: none;
  background-color: #ffffff;
  /* White background for contrast */
  padding: 10px 20px;
  /* Padding for a button-like feel */
  border: 1px solid #b89b65;
  /* Gold border for accent */
  border-radius: 5px;
  /* Slightly rounded corners */
  text-align: center;
  cursor: pointer;
  outline: none;
  /* Remove outline */
}
#wk_rma_new_request a:hover {
  background-color: #b89b65;
  /* Gold background on hover */
  color: #2D337F;
  /* White text on hover for contrast */
  border-color: #2D337F;
  /* Change border to blue on hover */
  outline: none;
  /* Remove outline */
  transition: color 0.3s ease;
}
#wk_rma_new_request a:focus {
  background: transparent;
  /* Ensures background stays transparent on hover */
  border-bottom: 2px solid #2D337F;
  outline: none;
  /* Remove outline */
}
legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
  outline: none !important;
  /* Removes any outline effect */
  box-shadow: none !important;
  /* Removes any shadow that may appear */
  background-color: transparent;
  /* Ensure background is transparent */
}
legend:hover {
  outline: none !important;
  /* Remove outline on hover */
  box-shadow: none !important;
  /* Remove any hover shadow */
  background-color: transparent !important;
  /* Maintain transparent background */
}
#wk_rma_new_request {
  background: transparent;
  border: none !important;
  /* Remove the border-bottom */
  text-align: center;
  width: 30%;
  float: right;
  outline: none !important;
  /* Remove any outline */
  box-shadow: none !important;
  /* Remove any potential shadow */
}
#wk_rma_new_request:hover {
  background: transparent;
  border: none !important;
  /* Ensure border-bottom is not added on hover */
  outline: none !important;
  /* Remove outline on hover */
  box-shadow: none !important;
  /* Remove shadow on hover */
}
.tooltip {
  position: relative;
  display: inline-block;
  margin-left: 10px;
}
.tooltip .tooltiptext {
  visibility: visible;
  width: 300px;
  color: #333;
  text-align: left;
  padding: 8px;
  border-radius: 6px;
  position: relative;
  z-index: 1;
  left: 50%;
  margin-left: -100px;
  line-height: 2.1;
  display: block;
}
.tooltip:hover .tooltiptext {
  visibility: visible;
}
.info-icon {
  cursor: pointer;
  color: #2d337f;
  font-weight: bold;
  font-size: 21px;
}
.convert-btn {
  background-color: #b89b65;
  color: #333;
  border: 1px solid #b89b65;
  padding: 4px 105px !important;
  font-size: 18px !important;
  /* Adjust font size for a smaller appearance */
  font-weight: bold;
  border-radius: 3px;
  /* Slightly reduce border radius */
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.convert-btn:hover {
  background-color: #2d337f;
  color: #fff;
}
.questimg {
  cursor: pointer;
  margin-bottom: 10px;
  display: inline-block;
  color: #2d337f;
  transition: color 0.3s ease;
  padding: 0 0px;
  height: 20px;
  transform: scale(1.1);
}
.questimg:hover {
  color: #b89b65;
  /* Gold hover color */
}
.hint-container {
  position: relative;
  display: inline-block;
}
.hint-text {
  display: none;
  position: absolute;
  background-color: #f7f7f7;
  color: #333;
  padding: 12px;
  border-radius: 5px;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
  font-size: 15px;
  max-width: 451px;
  z-index: 100;
  top: 20px;
  left: 0;
  white-space: normal;
  width: 450px;
  border: #2d337f;
}
.hint-container:hover .hint-text {
  display: block;
  /* Show tooltip on hover */
}
/* Style each button individually */
#save-btn-unique,
#save-duplicate-btn-unique,
#save-draft-btn-unique {
  background-color: white;
  /* Background color */
  color: #2d337f;
  /* Text color */
  border: 1px solid #2d337f;
  /* Border color */
  padding: 10px 20px;
  /* Padding */
  font-size: 14px;
  /* Font size */
  border-radius: 5px;
  /* Rounded corners */
  cursor: pointer;
  transition: all 0.3s ease;
  /* Transition for hover effect */
  display: inline-block;
  /* Align inline */
  margin-right: 10px;
  /* Space between buttons */
  float: none !important;
}
/* Hover effect */
#save-btn-unique:hover,
#save-duplicate-btn-unique:hover,
#save-draft-btn-unique:hover {
  background-color: #2d337f;
  /* Hover background color */
  color: white;
  /* Hover text color */
}
/* Align buttons to the right */
.button-container {
  display: flex;
  justify-content: flex-end;
  /* Right alignment */
  margin-top: 15px;
  /* Margin above button container */
}
.admin__data-grid-pager .admin__control-text {
  text-align: center;
  width: 7rem !important;
  max-height: 3.4rem !important;
  float: left;
  height: 40px;
}
.page-title {
  display: none;
}
.group-image {
  width: 240px;
  /* Adjust size as needed */
  height: auto;
  /* Maintain aspect ratio */
  display: block;
  margin: 10px auto;
  /* Center the image and add vertical space */
  border-radius: 15px;
  /* Add rounded corners */
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  /* Smooth hover effect */
}
.wk-mp-banner-container {
  width: 100%;
  border: none;
}
.wk-mp-banner {
  background-position: center;
  /* Centers the image */
  background-repeat: no-repeat;
  /* Prevents the background from repeating */
  background-color: #ffffff;
  padding: 30px 20px;
  border-radius: 15px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  margin: 20px auto;
  max-width: 100%;
}
.wk-sellergroup .wk-sellergroup-wrapper-container {
  margin-bottom: 20px;
  width: 100%;
  list-style: none;
  padding-left: 0px !important;
  display: inline-block;
  vertical-align: top;
  max-width: 280px;
  margin-left: 15px;
  white-space: nowrap;
}
.wk-mp-header h2 {
  font-size: 30px !important;
}
.wk-mp-header h1 {
  font-size: 2em !important;
  color: #FFFFFF;
  margin-bottom: 0.3em;
  font-weight: bold;
  word-wrap: break-word;
}
.learn-more-container {
  text-align: center;
  margin-top: 20px;
}
.learn-more-link {
  font-size: 22px;
  font-weight: bold;
  color: #2d337f;
  text-decoration: none;
  border: 1px solid #2d337f;
  padding: 10px 20px;
  border-radius: 5px;
  display: inline-block;
  transition: background-color 0.3s, color 0.3s;
  margin-bottom: 100px;
}
.learn-more-link:hover {
  background-color: #b89b65;
  color: #ffffff;
}
.custom-message-container {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 50px;
  /* Adjust this value to move the div lower */
}
.custom-message-content {
  background-color: #f7f7f7;
  /* Light background */
  border: 2px solid #2d337f;
  /* Main Captain Greek color */
  border-radius: 12px;
  padding: 40px;
  max-width: 600px;
  text-align: center;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.welcome-message {
  font-size: 28px;
  /* Larger font size */
  color: #2d337f;
  /* Captain Greek main color */
  font-weight: bold;
  margin-bottom: 10px;
}
.instructions {
  font-size: 20px;
  /* Larger font size */
  color: #333;
  /* Dark text color */
  margin-bottom: 20px;
}
.pricing-link .purchase-link {
  display: inline-block;
  font-size: 22px;
  /* Larger font size */
  color: #b89b65;
  /* Gold color */
  border: 2px solid #b89b65;
  padding: 12px 24px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: bold;
  transition: background-color 0.3s, color 0.3s;
}
.pricing-link .purchase-link:hover {
  background-color: #b89b65;
  /* Gold background on hover */
  color: #2d337f;
  /* Main color on hover */
}
/* Base layout structure */
.wk-mp-page-wrapper {
  display: flex;
  width: 100%;
  min-height: 100vh;
}
/* Sidebar styling */
.wk-mp-menu-wrapper {
  position: fixed;
  /* Keep sidebar fixed while scrolling */
  width: 280px;
  /* Fixed width instead of percentage */
  height: 100vh;
  /* Full viewport height */
  overflow-y: auto;
  /* Scrollable if content is too long */
  background: #f8f8f8;
  border-right: 1px solid #e3e3e3;
  padding: 20px;
  box-sizing: border-box;
}
/* Main content area */
.wk-mp-columns {
  flex: 1;
  margin-left: 280px;
  /* Same as sidebar width */
  padding: 20px;
  box-sizing: border-box;
}
.wk-mp-main {
  width: 100%;
}
/* Adjust the field container if necessary */
.field.password.required {
  /* Remove any styles that might affect the layout, such as display: flex; */
  /* If using flexbox and you need to keep it: */
  display: flex;
  flex-direction: column;
  /* Stack children vertically */
}
/* Password wrapper styles remain the same */
.control.password-wrapper {
  position: relative;
  margin-bottom: 20px;
  /* Space after the password field */
}
.control.password-wrapper .input-text {
  width: 100%;
  padding-right: 40px;
  /* Space for the eye icon */
}
.control.password-wrapper .password-actions {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}
.control.password-wrapper .password-actions #togglePassword {
  cursor: pointer;
  color: #2D337F;
}
/* Forgot password styles */
.forgot-password {
  display: block;
  text-align: center;
  margin-top: -30px;
  position: absolute;
  margin-left: 65px;
  padding-bottom: 50px !important;
}
.forgot-password .action.remind {
  color: #2D337F;
  text-decoration: none;
  font-size: 16px;
}
.forgot-password .action.remind:hover {
  color: #b89b65;
  text-decoration: none;
}
.custom-login-button {
  margin-bottom: 10px;
}
.product-item .product-item-name {
  text-align: center;
}
.box-tocart #instant-purchase {
  display: block;
  padding: 10px 0;
  padding-left: 28px;
  width: px !important;
  max-width: 250px;
  transform: scaleX(1.28);
  font-size: 15px;
}
.box-tocart .actions {
  display: block;
  text-align: left;
  width: 100%;
}
.action-primary.action-accept {
  background-color: #2D337F !important;
  /* Blue background */
  color: #FFFFFF !important;
  /* White text */
  border: 1px solid #2D337F !important;
  /* Blue border */
  border-radius: 8px !important;
  /* Rounded corners */
  padding: 8px 45px !important;
  /* Adjust padding as needed */
  font-size: 16px !important;
  /* Adjust to your preferred size */
  font-weight: bold;
  text-align: center;
  display: inline-block;
  text-decoration: none;
  transition: background-color 0.3s ease, color 0.3s ease !important;
}
.action-primary.action-accept:hover {
  background-color: #b89b65 !important;
  /* Gold background on hover */
  color: #FFFFFF !important;
  /* Blue text on hover */
  border-color: #b89b65 !important;
  /* Update border color to match hover background */
}
.ask-que-to-admin-link {
  transition: all 0.3s ease;
  /* Smooth transition for all properties */
}
/* Hover effect */
.ask-que-to-admin-link:hover {
  background-color: #b89b65;
  /* Gold background */
  color: #2D337F;
  /* Blue text */
  text-decoration: none;
  /* Remove underline on hover if any */
}
.title.block-collapsible-nav-title.marketplace-navigation-title {
  color: #2D337F;
  /* Captain Greek's primary blue */
  font-family: Arial, sans-serif;
  /* Consistent font styling */
  font-size: 20px;
  /* Reduced size for better proportions */
  font-weight: bold;
  /* Keep bold for emphasis */
  text-align: center;
  /* Center-align text */
  padding: 10px 15px;
  /* Adjust padding for spacing */
  border-radius: 5px;
  /* Slightly rounded corners */
  line-height: 1.5;
  /* Adjust line spacing */
}
/* Strong element styling for the title */
.title.block-collapsible-nav-title .marketplace-title {
  font-size: 20px;
  /* Smaller font size */
  font-weight: bold;
  /* Emphasize text */
  font-style: italic;
  /* Italics for styling */
  color: #2D337F;
  /* Blue text for branding */
  letter-spacing: 1px;
  /* Slight letter spacing */
  text-decoration: none;
  /* Underline the text */
  text-decoration-color: #b89b65;
  /* Gold underline */
  text-decoration-thickness: 2px;
  /* Make the underline thicker */
  text-underline-offset: 4px;
  /* Add some space between text and underline */
}
/* Ensure visibility of the header */
#marketplace-nav-header {
  display: block;
  /* Ensure it's visible */
  visibility: visible;
  /* Make fully visible */
  opacity: 1;
  /* Ensure opacity */
  text-align: center;
}
/* Affiliate Management Navigation Title */
.title.block-collapsible-nav-title.affiliates-management-navigation-title {
  color: #2D337F;
  /* Captain Greek's primary blue */
  font-family: Arial, sans-serif;
  /* Consistent font styling */
  font-size: 20px;
  /* Reduced size for better proportions */
  font-weight: bold;
  /* Keep bold for emphasis */
  text-align: center;
  /* Center-align text */
  padding: 10px 15px;
  /* Adjust padding for spacing */
  border-radius: 5px;
  /* Slightly rounded corners */
  line-height: 1.5;
  /* Adjust line spacing */
}
/* Strong element styling for the Affiliate Management title */
.title.block-collapsible-nav-title .affiliates-management-title {
  font-size: 20px;
  /* Smaller font size */
  font-weight: bold;
  /* Emphasize text */
  font-style: italic;
  /* Italics for styling */
  color: #2D337F;
  /* Blue text for branding */
  letter-spacing: 1px;
  /* Slight letter spacing */
  text-decoration: none;
  /* Underline the text */
  text-decoration-color: #b89b65;
  /* Gold underline */
  text-decoration-thickness: 2px;
  /* Make the underline thicker */
  text-underline-offset: 4px;
  /* Add some space between text and underline */
}
/* Ensure visibility of the header */
#affiliates-management-nav-header {
  display: block;
  /* Ensure it's visible */
  visibility: visible;
  /* Make fully visible */
  opacity: 1;
  /* Ensure opacity */
  text-align: center;
}
/* Customer Panel Header */
#customer-panel-nav-header {
  display: block;
  /* Ensure it's visible */
  visibility: visible;
  /* Make fully visible */
  opacity: 1;
  /* Ensure opacity */
  text-align: center;
  /* Center-align text */
}
/* Customer Panel Navigation Title */
.title.block-collapsible-nav-title.customer-panel-navigation-title {
  color: #2D337F;
  /* Captain Greek's primary blue */
  font-family: Arial, sans-serif;
  /* Consistent font styling */
  font-size: 20px;
  /* Reduced size for better proportions */
  font-weight: bold;
  /* Keep bold for emphasis */
  text-align: center;
  /* Center-align text */
  padding: 10px 15px;
  /* Adjust padding for spacing */
  border-radius: 5px;
  /* Slightly rounded corners */
  line-height: 1.5;
  /* Adjust line spacing */
}
/* Strong element styling for the Customer Panel title */
.title.block-collapsible-nav-title .customer-panel-title {
  font-size: 20px;
  /* Match Affiliate Management */
  font-weight: bold;
  /* Emphasize text */
  font-style: italic;
  /* Italics for styling */
  color: #2D337F;
  /* Captain Greek's blue */
  letter-spacing: 1px;
  /* Slight letter spacing */
  text-decoration: none;
  /* Underline the text */
  text-decoration-color: #b89b65;
  /* Gold underline */
  text-decoration-thickness: 2px;
  /* Make the underline thicker */
  text-underline-offset: 4px;
  /* Add space between text and underline */
}
.header.links .name {
  white-space: nowrap;
  /* Remove truncation if not required */
  overflow: visible;
  /* Allow full name to be displayed */
}
.title.account-nav-title {
  color: #2D337F;
  /* Captain Greek's primary blue */
  font-family: Arial, sans-serif;
  /* Consistent font styling */
  font-size: 20px;
  /* Adjust font size */
  font-weight: bold;
  /* Make the title bold */
  text-align: center;
  /* Center-align the text */
  padding: 10px 15px;
  /* Add padding for spacing */
  border-radius: 5px;
  /* Rounded corners */
  line-height: 1.5;
  /* Improve readability with proper line height */
}
/* Styling for the strong element inside the title */
.title.account-nav-title strong {
  font-size: 20px;
  /* Match font size for consistency */
  font-weight: bold;
  /* Keep text bold */
  font-style: italic;
  /* Add italic style for emphasis */
  color: #2D337F;
  /* Use Captain Greek's primary blue */
  text-decoration: none;
  /* Underline the text */
  text-decoration-color: #b89b65;
  /* Use Captain Greek's gold for underline */
  text-decoration-thickness: 2px;
  /* Make the underline thicker */
  text-underline-offset: 4px;
  /* Add spacing between text and underline */
}
#block-collapsible-nav-seller {
  display: none;
  transition: max-height 0.3s ease;
}
#block-collapsible-nav-seller.active {
  display: block;
}
#marketplace-nav-header {
  cursor: pointer;
}
#marketplace-nav-header .toggle-arrow {
  transition: transform 0.3s ease;
  display: inline-block;
}
#marketplace-nav-header.active .toggle-arrow {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
/* Hide the content by default */
#block-collapsible-nav-affiliate {
  display: none;
  transition: max-height 0.3s ease;
}
/* Show the content when active */
#block-collapsible-nav-affiliate.active {
  display: block;
}
/* Make the entire header clickable */
#affiliates-management-nav-header {
  cursor: pointer;
}
/* Transition for the arrow */
#affiliates-management-nav-header .toggle-arrow {
  transition: transform 0.3s ease;
  display: inline-block;
}
/* Rotate the arrow when active */
#affiliates-management-nav-header.active .toggle-arrow {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
/* Hide the content by default */
#customer-panel-content {
  display: block;
  transition: max-height 0.3s ease;
}
/* Show the content when active */
#customer-panel-content.active {
  display: none;
}
/* Change cursor to pointer on header */
#customer-panel-header {
  cursor: pointer;
}
/* Arrow transition */
#customer-panel-header .toggle-arrow {
  transition: transform 0.3s ease;
  display: inline-block;
}
/* Rotate arrow when active */
#customer-panel-header.active .toggle-arrow {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
/* Make headers sticky */
.sticky-header {
  position: sticky;
}
/* Adjust content below to prevent overlap */
.content {
  margin-top: 50px;
  /* Adjust based on the height of your headers */
}
/* Additional styles for the arrow */
.sticky-header .toggle-arrow {
  display: inline-block;
  transition: transform 0.3s ease;
}
.sticky-header.active .toggle-arrow {
  transform: rotate(180deg);
}
html {
  scroll-behavior: smooth;
}
/* Draggable column headers */
.data-grid .data-grid-th._draggable {
  cursor: grab;
}
/* General styling for sortable and draggable column headers */
.data-grid .data-grid-th,
.data-grid-th_sortable._draggable,
.data-grid .data-grid-multicheck-cell {
  background-clip: padding-box;
  color: #ffffff;
  /* White text for better readability */
  padding: 10px 8px;
  /* Reduced horizontal padding by 2px */
  position: relative;
  vertical-align: middle;
  text-transform: uppercase;
  /* Consistent text */
  font-size: 14px;
  font-weight: bold;
  background-color: #2d337f;
  /* Captain Greek blue */
  border: 1px solid #b89b65;
  /* Gold border for elegance */
  border-radius: 4px;
  /* Rounded corners */
  margin: 1px;
}
/* Styling for table headers */
.data-grid th,
.data-grid-th_sortable._draggable {
  background-color: #2d337f;
  /* Captain Greek blue */
  color: #ffffff;
  /* White text */
  border: 1px solid #b89b65;
  /* Gold borders */
  padding: 10px 8px;
  /* Reduced horizontal padding */
  font-size: 14px;
  /* Uniform font size */
  text-align: center;
  /* Center-align text */
  font-weight: 600;
  border-radius: 4px;
  /* Rounded corners */
}
/* Styling for table cells */
.data-grid td {
  font-size: 14px;
  color: #333333;
  /* Neutral dark text */
  padding: 10px 15px;
  text-align: center;
  /* Center-align content */
  border: 1px solid #dddddd;
  /* Subtle borders */
  background-color: #f9f9f9;
  /* Light background for contrast */
}
/* Alternating row colors */
.data-grid tbody tr:nth-child(odd) td {
  background-color: #ffffff;
  /* White background for odd rows */
  vertical-align: middle;
}
.data-grid tbody tr:nth-child(even) td {
  background-color: #f7f7f7;
  /* Light gray for even rows */
  vertical-align: middle;
}
/* Remove hover effects */
.data-grid th:hover,
.data-grid tbody tr:hover td,
.data-grid td:hover,
.data-grid-th_sortable._draggable:hover {
  background-color: inherit;
  /* Keep the original background color */
  color: inherit;
  /* Keep original text color */
  transform: none;
  /* Remove lift effect */
}
.data-grid .data-grid-th._sortable:hover {
  background-color: #ffffff !important;
  /* Keep Captain Greek Blue */
  color: #2d337f !important;
  /* White text for consistency */
  border: 1px solid #b89b65 !important;
  /* Maintain gold border */
  transform: none !important;
  /* Remove any lift effect */
  cursor: grab;
  /* Ensure the cursor remains consistent */
}
.wk-mp-tr-amount-wrapper {
  box-sizing: border-box;
  margin-bottom: 10px;
  background-color: #f7f7f7;
  /* Matches your main container background */
  padding: 20px;
  /* Adds spacing for a cleaner look */
  border-radius: 10px;
  /* Adds rounded corners */
  border: 1px solid #b89b65;
  /* Gold border to align with your hover color */
  font-family: Arial, sans-serif;
  /* Ensures consistent font */
}
.grid {
  border-radius: 5px;
}
.wk-mp-tr-amount-wrapper {
  box-sizing: border-box;
  margin-bottom: 10px;
  background-color: #f7f7f7;
  /* Matches your main container background */
  padding: 20px;
  /* Adds spacing for a cleaner look */
  border-radius: 10px;
  /* Adds rounded corners */
  border: 1px solid #b89b65;
  /* Gold border to align with your hover color */
  font-family: Arial, sans-serif;
  /* Ensures consistent font */
}
.wk-mp-page-title.legend > span {
  margin-left: 120px;
}
.wk-card {
  display: flex;
  gap: 10px;
  /* Space between cards */
  margin: 20px 0;
  /* Space above and below the card section */
}
.wk-card div {
  border: none;
  /* Remove border */
  border-radius: 0;
  /* Remove rounded corners */
  text-align: center;
  /* Center-align text and numbers */
  transition: transform 0.3s, box-shadow 0.3s;
  /* Smooth hover effects */
}
.wk-card div:hover {
  transform: translateY(-5px);
  /* Lift effect on hover */
  cursor: pointer;
  /* Indicate interactivity */
}
.wk-card div a {
  color: #2D337F;
  /* Captain Greek blue for links */
  font-weight: bold;
  /* Bold text */
  text-decoration: none;
  /* Remove underline */
  font-size: 20px;
  /* Slightly larger font for numbers */
}
.wk-card div span {
  display: block;
  margin-top: 5px;
  /* Space between the number and title */
  color: #333;
  /* Neutral color for the title */
  font-size: 16px;
  /* Title text size */
}
.wk-card > a.active {
  color: #b89b65;
  /* Gold text for active state */
  border: 2px solid #2D337F;
  /* Blue border for active card */
  /* Highlight active card text */
  border-radius: 8px;
  font-weight: bold;
  font-size: 20px;
}
.wk-card > a {
  background: transparent;
  /* Make background transparent */
  padding: 16px;
  /* Consistent padding */
  width: 100%;
  color: #2D337F;
  /* Captain Greek blue for links */
  font-weight: bold;
  /* Bold for emphasis */
  text-decoration: none;
  /* No underline */
  border: 2px solid #b89b65;
  /* Gold border */
  border-radius: 8px;
  /* Rounded corners for a smooth look */
  display: flex;
  /* Flex layout for alignment */
  justify-content: center;
  /* Center the content */
  align-items: center;
  /* Vertically center the content */
  transition: all 0.3s ease;
  /* Smooth transition for hover effects */
}
.wk-card > a:hover {
  color: #FFFFFF;
  /* White text on hover */
  background: #b89b65;
  /* Gold background on hover */
  border-color: #2D337F;
  /* Blue border on hover */
}
.wk-card .wk-product-count {
  font-weight: 800;
  margin-right: 15px;
}
header .action-close.wk-close {
  background-color: #2D337F;
  /* Captain Greek blue */
  color: #FFFFFF;
  /* White text */
  border: 1px solid #b89b65;
  /* Gold border */
  padding: 10px 15px;
  /* Adjust padding */
  border-radius: 5px;
  /* Rounded corners */
  font-size: 14px;
  /* Text size */
  font-weight: bold;
  /* Bold text */
  cursor: pointer;
  /* Pointer cursor */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  /* Subtle shadow */
}
header .action-close.wk-close:hover {
  background-color: #b89b65;
  /* Gold on hover */
  color: #2D337F;
  /* Blue text */
  border-color: #2D337F;
  /* Blue border */
}
.wk-orderbox {
  border: 1px solid #ccc;
  display: inline-block;
  width: 100% !important;
}
/* Override styles for the close button */
.modal-popup .action-close.wk-close {
  background-color: #2D337F !important;
  color: #FFFFFF !important;
  border: 1px solid #b89b65 !important;
  padding: 8px 12px !important;
  border-radius: 5px !important;
  font-size: 14px !important;
  cursor: pointer;
}
/* Adjust the pseudo-element if necessary */
.modal-popup .action-close.wk-close::before {
  content: 'Close';
  color: #FFFFFF;
  font-size: 14px;
  /* Remove any default background or icon */
  background: none;
}
.wk-dashboard-container .wk-dashboard-block {
  background: #ffffff;
  /* Maintain a clean white background */
  display: grid;
  /* Use grid for consistent layout */
  grid-gap: 1.5rem;
  /* Reduce gap slightly for a compact layout */
  padding: 2rem;
  /* Maintain overall padding */
  border-radius: 10px;
  /* Add rounded corners */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  /* Subtle shadow for depth */
  border: 1px solid #b89b65;
  /* Add a thin gold border for Captain Greek branding */
}
.wk-tab-content {
  background: none !important;
}
.wk-dashboard-container .wk-graph-heading {
  color: #2D337F;
  /* Captain Greek blue for visibility */
  font-size: 16px;
  /* Slightly larger font for better readability */
  font-weight: 700;
  /* Make it bold for emphasis */
  text-align: center;
  /* Keep it centered */
  margin-bottom: 1rem;
  /* Add space below the heading */
  text-transform: uppercase;
  /* Make text uppercase for a professional look */
  border-bottom: 2px solid #b89b65;
  /* Add a gold underline */
  padding-bottom: 5px;
  /* Space between text and underline */
}
/*──────────────────────────────────────────────────────────────
  Captain Greek ▸ Global Link Effect  (colour + Y‑lift only)
  Magento‑safe: no :has(), no layers, no underline
  Updated: 2025‑07‑18
──────────────────────────────────────────────────────────────*/
/* 1 ▸ brand colours */
:root {
  --cg-blue: #2d337f;
  /* default link colour */
  --cg-accent: #b89b65;
  /* hover colour        */
}
/* 2 ▸ baseline style for ALL links */
a {
  /* ‑‑ position:relative; removed  */
  color: var(--cg-blue);
  text-decoration: none;
  /* no underline */
  transition: color .35s ease,
        transform .25s ease;
  /* for the lift */
}
a {
  /* existing rules … */
  display: inline-block;
  /* <— NEW            */
}
/* 3 ▸ hover / focus: colour change + upward lift */
a:hover,
a:focus {
  color: var(--cg-accent);
  transform: translateY(-3px) scale(1.015);
  /* subtle 2 px lift */
}
/* 4 ▸ reduced‑motion users */
@media (prefers-reduced-motion: reduce) {
  a {
    transition: none;
  }
  a:hover,
  a:focus {
    transform: none;
  }
}
.wk-dashboard-container .wk-activity-head {
  color: #2D337F;
  /* Captain Greek blue for visibility */
  font-size: 16px;
  /* Slightly larger font for better readability */
  font-weight: 700;
  /* Make it bold for emphasis */
  text-align: center;
  /* Keep it centered */
  text-transform: uppercase;
  /* Make text uppercase for a professional look */
  display: block !important;
}
.wk-dashboard-container .wk-earning {
  justify-items: center;
  grid-gap: 2rem;
  text-align: center;
}
.account-nav .content {
  background: none !important;
  /* Remove any background color or image */
  text-align: center;
  /* Center-align the text */
}
.account-nav .item a {
  display: inline-block;
  /* Ensure consistent layout */
  padding: 10px 15px;
  /* Add spacing */
  background: none !important;
  border: 1px solid transparent;
  /* Default transparent border */
  color: #2D337F;
  /* Captain Greek blue text color */
  font-size: 16px;
  /* Adjust font size */
  text-decoration: none;
  /* Remove underline */
  border-radius: 8px;
  /* Rounded corners */
  transition: all 0.3s ease-in-out;
  /* Smooth transition */
  text-align: center;
  /* Center align text */
}
.account-nav .item a:hover {
  background: #ffffff;
  /* Slightly lighter background on hover */
  color: #b89b65;
  /* Change text color to gold on hover */
  transform: scale(1.1);
  /* Slightly increase size */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  /* Add subtle shadow for depth */
}
.account-nav .item.current a,
.account-nav .item.current strong {
  border-color: #b89b65;
  /* Captain Greek gold */
  border-width: 2px;
  /* Optional: Slightly thicker border for emphasis */
  border-style: solid;
  /* Ensure the border is solid */
  font-weight: 700;
  /* Make the font bold for better visibility */
  color: #2D337F;
  /* Captain Greek blue for text color */
  background-color: #f7f7f7;
  /* Subtle background for active tab */
  padding: 10px;
  /* Add spacing for better readability */
  border-radius: 8px;
  /* Add rounded corners for a polished look */
  text-align: center;
  /* Center-align the text */
  display: inline-block;
  /* Ensure proper alignment */
  transition: all 0.3s ease-in-out;
  /* Smooth transition effect */
}
/* Fix hover for parent menu item */
.account-nav .item:hover > a {
  background-color: #ffffff;
  /* Ensure background matches dropdown */
  transition: background-color 0.3s ease;
  /* Smooth hover effect */
}
.mp-mphyperlocal ul.nav {
  display: none;
  /* Keep hidden by default */
  top: 0;
  /* Align to the top */
  position: absolute;
  /* Ensure positioning relative to parent */
  background-color: #ffffff;
  /* White background for dropdown */
  margin-left: 0%;
  /* Adjust horizontal alignment */
  border: 1px solid #b89b65;
  /* Captain Greek gold border */
  border-radius: 8px;
  /* Rounded corners for a modern look */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  /* Subtle shadow for depth */
  z-index: 10;
  /* Ensure it stays above other elements */
  padding: 10px;
  /* Add spacing inside the dropdown */
}
/* Remove default list styles */
.items {
  list-style: none;
  padding: 0;
  margin: 0;
}
/* Display dropdown on hover */
.mp-mphyperlocal:hover ul.nav {
  display: inline-block;
  /* Show dropdown on hover */
  transition: all 0.3s ease-in-out;
  /* Smooth appearance */
}
/* Style individual dropdown items */
.mp-mphyperlocal ul.nav .items > li {
  padding: 10px 15px;
  /* Add spacing for better readability */
  color: #2D337F;
  /* Captain Greek blue for text */
  cursor: pointer;
  /* Indicate clickable area */
  transition: all 0.3s ease-in-out;
  /* Smooth hover transition */
}
/* Add hover effect to dropdown items */
.mp-mphyperlocal ul.nav .items > li:hover {
  background-color: #f7f7f7;
  /* Subtle hover background */
  color: #b89b65;
  /* Captain Greek gold for hover text */
  border-radius: 5px;
  /* Rounded effect on hover */
}
.account-nav .item a {
  display: inline-block;
  padding: 5.5px 18px 5.5px 15px;
  border: none;
}
.account .account-nav {
  margin-bottom: 6px !important;
}
/* General Styling for the Menu */
.mpaffiliate-marketplace-navigation {
  list-style: none;
  /* Remove bullet points */
  padding: 0;
  /* Remove default padding */
  margin: 0;
  /* Remove default margin */
  background-color: #ffffff;
  /* Subtle hover background */
  color: #b89b65;
  /* Captain Greek gold for hover text */
  border-radius: 5px;
  /* Rounded effect on hover */
}
.mpaffiliate-marketplace-navigation .sub-menu {
  list-style: none;
  /* Remove bullet points from sub-menu */
  padding: 0;
  /* Remove default padding */
  margin: 0;
  /* Remove default margin */
  background-color: #ffffff;
  /* Set background color for the dropdown */
  border: 1px solid #b89b65;
  /* Add a Captain Greek gold border */
  border-radius: 8px;
  /* Add rounded corners */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  /* Add a subtle shadow */
  z-index: 10;
  /* Ensure it appears above other elements */
  position: absolute;
  /* Position the dropdown absolutely */
  display: none;
  /* Initially hide the dropdown */
  margin-left: 40%;
}
/* Show dropdown on hover */
.mpaffiliate-marketplace-navigation:hover .sub-menu {
  display: block;
  /* Display the dropdown on hover */
  transition: all 0.3s ease-in-out;
  /* Add smooth animation */
}
/* Style individual items in the menu */
.mpaffiliate-marketplace-navigation .sub-menu .nav.item {
  padding: 10px 15px;
  /* Add spacing for readability */
  color: #2D337F;
  /* Captain Greek blue */
  cursor: pointer;
  /* Indicate clickable area */
  transition: all 0.3s ease-in-out;
  /* Smooth hover effect */
}
/* Hover effect for individual items */
.mpaffiliate-marketplace-navigation .sub-menu .nav.item:hover {
  background-color: #f7f7f7;
  /* Add a light background on hover */
  border-radius: 5px;
  /* Add subtle rounding */
  transition: all 0.3s ease-in-out;
  /* Smooth hover effect */
}
.mpaffiliate-marketplace-navigation > strong,
.mpaffiliate-marketplace-navigation > a {
  color: #2D337F;
  /* Captain Greek blue */
  background-color: #ffffff;
  /* Subtle off-white background */
  padding: 10px 20px;
  /* Add spacing around text */
  display: inline-block;
  /* Make it behave like a button */
  text-align: center;
  /* Center-align the text */
  font-size: 16px;
  /* Set a consistent font size */
  border: 2px solid #b89b65;
  /* Gold border */
  border-radius: 12px;
  /* Rounded corners */
  transition: all 0.3s ease-in-out;
  /* Smooth hover effect */
}
/* Optional hover effect for buttons */
.mpaffiliate-marketplace-navigation > strong:hover,
.mpaffiliate-marketplace-navigation > a:hover {
  background-color: #ffffff;
  /* Change background to white on hover */
  color: #b89b65;
  /* Gold text color */
  transform: scale(1.05);
  /* Slightly enlarge the button */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  /* Add a subtle shadow */
  transition: all 0.3s ease-in-out;
  /* Smooth hover effect */
}
.manage-affiliate-item {
  border-left: 2px solid #b89b65;
  /* Keeps the layout intact while visually removing the left border */
  color: #2D337F;
  /* Captain Greek blue */
  background-color: #ffffff;
  /* Subtle off-white background */
  padding: 10px 20px;
  /* Add spacing around text */
  display: inline-block;
  /* Make it behave like a button */
  text-align: center;
  /* Center-align the text */
  font-weight: bold;
  /* Make the text bold */
  font-size: 16px;
  /* Set a consistent font size */
  border: 2px solid #b89b65;
  /* Gold border */
  border-radius: 12px;
  /* Rounded corners */
  transition: all 0.3s ease-in-out;
  /* Smooth hover effect */
}
.manage-affiliate-item:hover {
  background-color: #ffffff;
  /* Change background to white on hover */
  color: #b89b65;
  /* Gold text color */
  transform: scale(1.05);
  /* Slightly enlarge the button */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  /* Add a subtle shadow */
  border-left: 2px solid #2D337F;
}
.account-nav .item > strong {
  border-left: 2px solid #b89b65;
  display: inline-block;
  padding: 5.5px 18px 5.5px 15px;
}
.account-nav .item > strong:hover {
  background-color: #ffffff;
  /* Change background to white on hover */
  color: #b89b65;
  /* Gold text color */
  transform: scale(1.05);
  /* Slightly enlarge the button */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  /* Add a subtle shadow */
  transition: background-color 0.3s ease-in-out, transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}
.wk_mpaffiliate_block {
  position: relative;
  /* Ensure proper positioning */
  background-color: #ffffff;
  /* Dropdown background color */
  border: 1px solid #b89b65;
  /* Captain Greek gold border */
  border-radius: 8px;
  /* Add rounded corners */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  /* Subtle shadow for depth */
  z-index: 10;
  /* Ensure dropdown stays above parent item */
  margin-left: 5px;
  /* Slightly offset dropdown to avoid overlap */
  border-top: 0 !important;
}
.wk_mpaffiliate_block::before,
.wk_mpaffiliate_block::after {
  content: none !important;
  position: absolute;
  top: 10px;
  /* Adjust the vertical position */
  left: -8px;
  /* Adjust the horizontal position */
  border-style: solid;
  height: 0;
  width: 0;
  z-index: 9;
  /* Ensure arrow is above parent menu item but below dropdown */
  border-top: none !important;
  /* Remove the top border */
}
.wk_mpaffiliate_block::before {
  border-width: 9px;
  /* Larger arrow for the outer border */
  border-color: transparent transparent transparent #b89b65;
  /* Captain Greek gold */
}
.wk_mpaffiliate_block::after {
  border-width: 7px;
  /* Smaller arrow for the inner background */
  border-color: transparent transparent transparent #ffffff;
  /* Matches dropdown background */
  left: -7px;
  /* Offset slightly to center it over `::before` */
  top: 12px;
  /* Adjust alignment to match `::before` */
  content: none;
}
/* Styling for the right-pointing arrow */
.affiliate-right-arrow {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 15px;
  vertical-align: middle;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 8px solid #2D337F;
  /* Captain Greek blue color */
}
/* Optional: Change arrow color on hover */
.mpaffiliate-marketplace-navigation:hover .affiliate-right-arrow {
  border-left-color: #b89b65;
  /* Captain Greek gold color on hover */
}
.mpaffiliate-marketplace-navigation:hover {
  border-bottom: none;
  /* Remove the bottom border on hover */
  transition: all 0.3s ease-in-out;
  /* Maintain smooth animation */
}
.mass-action-option {
  width: 150px;
}
#wk-mp-tr-heading {
  background-color: #eeeeee;
  text-align: center;
  border-radius: 10px;
  color: #2D337F;
}
#save-btn,
#wk-mp-save-duplicate-btn,
#wk-mp-save-draft-product-btn {
  margin-top: 35px !important;
}
.save-btn:hover {
  background-color: #b89b65;
  /* Gold color */
  color: #FFFFFF;
  /* White text */
}
.save-btn {
  background-color: #2D337F;
  /* Captain Greek blue */
  color: #FFFFFF;
  /* White text */
  font-size: 16px;
  font-weight: bold;
  border: none;
  border-radius: 5px;
  padding: 10px 20px;
  cursor: pointer;
  transition: background-color 0.3s ease, color 0.3s ease;
}
.button-wrapper .button.wk-mp-btn {
  background-color: #FFFFFF;
  color: #2D337F;
  font-size: 16px;
  font-weight: bold;
  border: 1px solid #2D337F;
  border-radius: 5px;
  padding: 10px 20px;
  text-transform: uppercase;
  cursor: pointer;
  transition: all 0.3s ease;
}
.button-wrapper .button.wk-mp-btn:hover {
  background-color: #b89b65;
  color: #FFFFFF;
  border-color: #b89b65;
}
#save-btn:hover {
  background-color: #b89b65;
  /* Gold background */
  color: #FFFFFF;
  /* White text */
  border: 1px solid #2D337F;
  /* Blue border */
}
.wk-profile-links-container .wk-profile-links a {
  background-color: #2d337f;
  /* Captain Greek primary color */
  color: #ffffff;
  /* White text */
  border: 1px solid #b89b65;
  /* Gold border */
  padding: 10px 20px;
  text-decoration: none;
  border-radius: 5px;
  font-size: 16px;
  font-weight: bold;
  transition: background-color 0.3s ease, color 0.3s ease, border 0.3s ease;
  display: inline-block;
  /* Ensures buttons are inline-block */
  text-align: center;
  /* Centers the text */
  opacity: 1;
}
.wk-profile-links-container .wk-profile-links a:hover {
  background-color: #b89b65;
  /* Gold on hover */
  color: #2d337f !important;
  /* Blue text on hover */
  border: 1px solid #2d337f;
  /* Border changes to blue */
  text-decoration: none;
  /* No underline */
}
.wk-profile-links-container {
  text-align: center;
  /* Center-aligns the buttons in the container */
  margin-top: 20px;
  /* Adds spacing above the buttons */
}
.wk-profile-links-container .wk-profile-links {
  display: inline-block;
  /* Keeps links aligned side by side */
  margin: 10px;
  /* Adds spacing between buttons */
}
.wk-orderStatus-results-option:hover,
.wk-category-results-option:hover {
  background-color: #b89b65;
  /* Captain Greek gold hover background */
  color: #2d337f;
  /* Captain Greek blue text */
  font-weight: bold;
  /* Make the text bold for emphasis */
  padding: 10px;
  /* Add padding for better spacing */
  cursor: pointer;
  /* Change cursor to pointer for interactivity */
  border-radius: 5px;
  /* Add rounded corners for consistency */
  transition: background-color 0.3s ease, color 0.3s ease, transform 0.2s ease;
  /* Smooth hover transition */
  transform: scale(1.01);
  /* Slight zoom effect for interaction */
}
.wk-border-blue {
  border: 1px solid #2D337F;
  vertical-align: middle;
  text-align: center;
  padding: 10px 20px;
}
.wk-filter-data-div {
  width: auto;
  height: auto;
  border: 1px solid;
  border-radius: 10px;
  display: inline-block;
}
.wk-border-blue span {
  color: #2d337f;
  vertical-align: middle;
  text-align: center;
}
.wk-border-blue:hover {
  background-color: #b89b65;
  /* Gold background on hover */
  transform: scale(1.01);
  /* Slight zoom on hover */
  cursor: pointer;
  /* Change cursor to pointer for interactivity */
}
.wk-border-blue:hover span {
  color: #FFFFFF;
  /* White text on hover */
}
.wk-bg-blue-color {
  background-color: #2d337f;
}
.action.back,
.action.print,
.action.track,
.action.edit,
.action.view,
.action.change-password {
  color: #2D337F;
  /* Captain Greek main color */
  transition: all 0.3s ease;
}
.action.back:hover,
.action.print:hover,
.action.track:hover,
.action.edit:hover,
.action.view:hover,
.action.change-password:hover {
  color: #b89b65;
  /* Gold hover color */
  transform: scale(1.05) !important;
}
.wk-sbcom-onereply-seller {
  background: #2D337F;
  /* Captain Greek Blue */
  color: #FFFFFF;
  /* White Text */
  padding: 10px 15px;
  /* Padding for better spacing */
  border-radius: 8px;
  /* Rounded corners */
  font-size: 14px;
  /* Standard font size */
  font-weight: 600;
  /* Slightly bold */
  line-height: 1.6;
  /* Better text readability */
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
  /* Subtle shadow */
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  /* Smooth hover effect */
  width: 100%;
}
/* Hover Effects */
.wk-sbcom-onereply-seller:hover,
.wk-sbcom-onereply-customer:hover {
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
  /* Stronger shadow on hover */
}
/* Optional Focus Effect */
.wk-sbcom-onereply-seller:focus,
.wk-sbcom-onereply-customer:focus {
  outline: 2px solid #b89b65;
  /* Golden outline for accessibility */
  outline-offset: 2px;
}
.wk-sbcom-onereply-customer {
  background: #b89b65;
  /* Captain Greek Gold */
  color: #FFFFFF;
  /* White Text */
  padding: 10px 15px;
  /* Consistent spacing */
  border-radius: 8px;
  /* Smooth rounded corners */
  font-size: 14px;
  /* Readable font size */
  font-weight: 600;
  /* Bold text for emphasis */
  line-height: 1.6;
  /* Better readability */
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);
  /* Subtle shadow for depth */
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  /* Smooth hover effects */
  width: 100%;
}
/* Left-aligned text (e.g., timestamps) */
.wk-sbcom-onereply-head-left {
  color: #FFFFFF;
  /* White text */
  float: left;
  /* Keep left alignment */
  font-size: 11pt;
  /* Slightly larger for better readability */
  font-weight: bold;
  text-transform: uppercase;
  /* Enhance emphasis */
  letter-spacing: 0.5px;
  /* Subtle spacing */
  margin-left: 5px;
  /* Add small margin for spacing */
}
/* Right-aligned text (e.g., Customer name) */
.wk-sbcom-onereply-head-right {
  color: #FFFFFF;
  /* White text */
  float: right;
  /* Right alignment */
  font-size: 11pt;
  /* Keep font consistent */
  font-weight: bold;
  text-transform: capitalize;
  /* Capitalize the customer name */
  margin-right: 5px;
  /* Add margin for alignment */
}
.wk-message-grid {
  display: flex;
  /* Flexbox layout for control */
  flex-direction: column;
  /* Align items vertically */
  gap: 15px;
  /* Space between items */
  padding: 20px;
  /* Inner spacing */
  background-color: #f7f7f7;
  /* Light gray background for clarity */
  border: 1px solid #e0e0e0;
  /* Soft border */
  border-radius: 8px;
  /* Smooth rounded edges */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  /* Subtle shadow for depth */
}
.wk-mp-menu-wrapper::before {
  background-color: #ffffff;
  /* White background */
  position: fixed;
  width: 10rem;
  /* Increase width for better readability */
  top: 0;
  bottom: 0;
  left: 0;
  content: '';
  z-index: 799;
  border-right: 2px solid #b89b65;
  /* Golden border for a premium look */
  box-shadow: 2px 0 5px rgba(0, 0, 0, 0.1);
  /* Add subtle shadow for depth */
}
#wk-mp-nav .level-0 > a {
  display: flex;
  /* Enable flexbox */
  flex-direction: column;
  /* Stack content vertically (icon and text) */
  justify-content: center;
  /* Center content vertically */
  align-items: center;
  /* Center content horizontally */
  color: #2D337F;
  /* Captain Greek main blue */
  text-decoration: none;
  /* Remove underlines */
  transition: color 0.3s ease;
  /* Smooth hover transition */
  font-size: 1.1rem;
  font-weight: bold;
  height: 100%;
  /* Ensure the container uses all available space */
  text-align: center;
  /* Center-align the text */
  width: 120%;
}
#wk-mp-nav .level-0 > a:hover {
  color: #b89b65;
  /* Gold color on hover */
  background-color: transparent;
  /* No background on hover */
  font-weight: bold;
}
#wk-mp-nav .level-0 > a.active,
#wk-mp-nav .level-0 > a.selected {
  color: #b89b65;
  /* Gold color for selected state */
  background-color: transparent;
  /* No background */
  font-weight: bold;
}
.wk-mp-menu .level-0 > .wk-mp-submenu {
  background-color: #2D2A27;
  /* Darker shade for better contrast */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  /* Add a soft shadow for depth */
  left: 100%;
  min-height: auto;
  /* Adjust height dynamically */
  padding: 1.5rem;
  /* Balanced padding for content */
  position: absolute;
  top: 0;
  transform: translateX(-100%);
  transition-duration: 0.3s;
  transition-property: transform, visibility;
  transition-timing-function: ease-in-out;
  visibility: hidden;
  z-index: 797;
  border-radius: 8px;
  /* Add rounded corners */
  border: 1px solid #b89b65;
  /* Golden border for premium feel */
}
/* Ensure submenu becomes visible on hover */
.wk-mp-menu .level-0:hover > .wk-mp-submenu {
  visibility: visible;
  transform: translateX(0);
  /* Slide the submenu into view */
}
/* Style the submenu headings */
.wk-mp-menu .wk-mp-submenu h2 {
  font-size: 1.5rem;
  font-weight: bold;
  color: #FFFFFF;
  margin-bottom: 1rem;
  text-align: left;
  border-bottom: 1px solid #b89b65;
  /* Add golden underline for headings */
}
/* Style the submenu links */
.wk-mp-menu .wk-mp-submenu a {
  display: block;
  font-size: 1.1rem;
  font-weight: normal;
  color: #FFFFFF;
  text-decoration: none;
  margin: 0.5rem 0;
  padding: 0.5rem;
  border-radius: 5px;
  /* Slightly rounded links */
  transition: background-color 0.3s ease, color 0.3s ease;
}
/* Add hover effect to submenu links */
.wk-mp-menu .wk-mp-submenu a:hover {
  background-color: #b89b65;
  /* Golden hover effect */
  color: #2D2A27;
  /* Dark text for contrast */
}
.wk-mp-menu .level-0 {
  position: relative;
  /* Establish positioning context for submenu */
}
/* hide the row of mobile buttons on desktop */
@media (min-width: 768px) {
  .col-btn-actions.d-block {
    display: none !important;
  }
}
.amsl-social-login .amsl-buttons {
  display: flex;
  /* keeps the flex layout */
  flex-direction: column;
  /* main axis is now vertical   */
  align-items: center;
  /* horizontal centring on cross-axis */
  justify-content: center;
  /* optional: centres inside the container’s height */
  gap: 1rem;
  /* space between the buttons   */
  padding-left: 30px;
}
/* ----------  design-tokens  ---------- */
:root {
  /* brand colours (from Google & Microsoft guides) */
  --google-blue: #4285F4;
  --ms-border: #d0d7de;
  /* shared tokens */
  --radius: .5rem;
  /* 8 px */
  --shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  --transition: background-color 0.25s ease, box-shadow 0.25s ease, transform 0.15s ease;
}
/* ----------  base button  ---------- */
.amsl-button-wrapper.with-label.-rectangular .amsl-button {
  display: flex;
  align-items: center;
  gap: .75rem;
  /* space between icon & label              */
  height: 52px;
  /* ≥ 40 dp keeps Google happy              */
  width: 100%;
  padding: 0 1.25rem;
  font: 500 1rem/1 "Work Sans", sans-serif;
  border-radius: var(--radius);
  transition: var(--transition);
  cursor: pointer;
  /* better UX if element is <a> */
  font: inherit;
}
/* ----------  Google variant  ---------- */
.amsl-button.-google {
  background: var(--google-blue);
  color: #fff;
  border: none;
}
.amsl-button.-google:hover,
.amsl-button.-google:focus-visible {
  background: #3b6fd8;
  /* 8 % darker */
  box-shadow: var(--shadow);
  transform: translateY(-1px);
}
/* ----------  Microsoft variant  ---------- */
.amsl-button.-microsoftgraph {
  background: #fff;
  color: #1f1f1f;
  border: 2px solid var(--ms-border);
}
.amsl-button.-microsoftgraph:hover,
.amsl-button.-microsoftgraph:focus-visible {
  background: #f5f6f7;
  /* light fill so change is visible */
  border-color: #c4cbd3;
  /* slightly darker border */
  box-shadow: var(--shadow);
  transform: translateY(-1px);
}
/* ----------  icon sizing  ---------- */
.amsl-button svg,
.amsl-button img {
  width: 20px;
  height: 20px;
  flex: 0 0 auto;
}
/* =========================================================
   Helper notes: modern, centred, accessible
   ========================================================= */
:root {
  --amsl-accent: #2D337F;
  /* accent bar (Captain Greek blue) */
  --amsl-note-fg: #1f1f1f;
  /* keeps body text dark on white   */
}
.amsl-note {
  /*-- TYPOGRAPHY --*/
  font-size: 1.7rem;
  /* ≥ 18 pt → counted as large  */
  line-height: 1.35;
  font-weight: 600;
  /* semi-bold for quick scan   */
  /*-- LAYOUT & BOX --*/
  position: relative;
  /* allows the accent bar      */
  display: block;
  margin: 1.5rem auto;
  /* vertical rhythm            */
  max-width: 60ch;
  /* optimal line length        */
  padding: 1.25rem 1rem 1.25rem 1.75rem;
  /* space for the accent bar   */
  text-align: center;
  color: var(--amsl-note-fg);
  background: #ffffff;
  border-radius: .75rem;
  /* soft modern corner         */
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
  /*-- MOTION (prefers-reduced-motion respected) --*/
  opacity: 0;
  transform: translateY(-6px);
  transition: opacity 0.35s ease-out, transform 0.35s ease-out;
}
@media (prefers-reduced-motion: no-preference) {
  .amsl-note.appear {
    opacity: 1;
    transform: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .amsl-note {
    opacity: 1;
    transform: none;
  }
}
/* Accent bar */
.amsl-note::before {
  content: '';
  position: absolute;
  inset: 0 auto 0 0;
  width: .5rem;
  border-radius: .75rem 0 0 .75rem;
  background: var(--amsl-accent);
}
/* Optional: tweak spacing for the top/bottom modifiers you already use */
.amsl-note.-top {
  margin-bottom: 2rem;
}
.amsl-note.-bottom {
  margin-top: 2rem;
}
/* ----------  design-tokens (add)  ---------- */
:root {
  /* Apple “Sign in” button colours — HIG 2025 */
  --apple-fill: #000000;
  /* Black style (preferred on light pages) */
  --apple-hover: #1a1a1a;
  /* ~7 % lighter for hover/focus */
}
/* ----------  Apple variant  ---------- */
.amsl-button.-apple {
  background: var(--apple-fill);
  /* black at rest */
  color: #fff;
  border: none;
  border-radius: .375rem;
  /* 6 px per Apple HIG */
  transition: var(--transition);
}
/* label colour (rest) */
.amsl-button.-apple .amsl-text {
  color: #fff !important;
}
/* hover / focus — same lift, shadow, colour swap as others */
.amsl-button.-apple:hover,
.amsl-button.-apple:focus-visible {
  background: #fff;
  color: #000;
  box-shadow: var(--shadow);
  transform: translateY(-1px);
}
.amsl-button.-apple:hover .amsl-text,
.amsl-button.-apple:focus-visible .amsl-text {
  color: #000 !important;
}
/* icon colour swap via CSS filter  ------------------------- */
.amsl-button.-apple .amsl-social-icon {
  filter: invert(1) brightness(2);
  /* white glyph on black btn */
  flex: 0 0 20px;
  /* same 20-px column */
  width: 20px;
  height: 20px;
  background-size: contain;
  background-position: center;
  opacity: 1 !important;
  /* override Amasty 0.54 */
}
.amsl-button.-apple:hover .amsl-social-icon,
.amsl-button.-apple:focus-visible .amsl-social-icon {
  filter: none;
  /* black glyph on white btn */
}
/*───────────────────────────────────────
  CaptainGreek · Social‑login mobile hot‑fix
  Forces Apple button back to black on ≤767 px
───────────────────────────────────────*/
@media (max-width: 767px) {
  .amsl-button.-apple {
    background: var(--apple-fill, #000) !important;
    /* black */
    color: #fff !important;
    /* text  */
    border: none !important;
  }
  /* keep the label / icon legible */
  .amsl-button.-apple .amsl-text {
    color: #fff !important;
  }
  .amsl-button.-apple .amsl-social-icon {
    filter: invert(1) brightness(2) !important;
    /* white glyph */
  }
}
/* ────────────────────────────────────────────────
   1. DESIGN TOKEN – declare the colour once
   ──────────────────────────────────────────────── */
:root {
  /* Bootstrap-5 success green — #28a745  */
  --c-success-500: #28a745;
}
/* Optional: future-friendly override for browsers that
     understand OKLCH (keeps the same visual colour) */
@supports (color: oklch(0 0 0)) {
  :root {
    --c-success-500: oklch(63% 0.182 145);
  }
}
/* ────────────────────────────────────────────────
     2. FONT-AWESOME ICONS INSIDE THE MAGEZON ROW
     ──────────────────────────────────────────────── */
#maincontent .mgz-element-text i.fa-check,
#maincontent .mgz-element-text svg.svg-inline--fa.fa-check {
  /* modern accent */
  color: var(--c-success-500) !important;
  /* keep your existing sizing & spacing */
  font-size: 14px;
  padding-right: 14px;
  /* baseline smoothing (unchanged) */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* Hover/focus micro-interaction — optional */
#maincontent .mgz-element-text li:hover .fa-check,
#maincontent .mgz-element-text li:focus .fa-check {
  color: color-mix(in srgb, var(--c-success-500) 90%, #000 10%);
}
/*═══════════════════════════════════════════════════════════════════════
  CaptainGreek ▸ Age-Verification Popup – FINAL CSS
═══════════════════════════════════════════════════════════════════════*/
/* Brand colours */
:root {
  --cg-blue: #2D337F;
  --cg-gold: #b89b65;
}
.modal-popup.amage-verification-popup .modal-inner-wrap {
  border-radius: 14px !important;
  /* Fallback for very old browsers (≈ 28 % opacity) */
  background: rgba(255, 255, 255, 0.28) !important;
  /* Modern browsers: 80 % transparent + 8 % gold = pale, see-through tint */
  background: color-mix(in srgb, #fff 50%, #b89b65 20%) !important;
  backdrop-filter: blur(22px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(22px) saturate(180%) !important;
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.22) !important;
  padding: 0 !important;
}
/*──────── 2 ▸ Title ───────────────────────────────────────────────────*/
.modal-popup.amage-verification-popup .modal-title {
  font-family: "Open Sans", sans-serif !important;
  font-size: 1.6rem !important;
  /* ~26 px */
  font-weight: 700 !important;
  color: var(--cg-blue) !important;
}
/*──────── 3 ▸ Body paragraph ─────────────────────────────────────────*/
.modal-popup.amage-verification-popup .modal-body-content {
  font-family: "Open Sans", sans-serif !important;
  font-size: 1.8rem !important;
  /* ~29 px */
  line-height: 1.45 !important;
  color: #333 !important;
  text-align: center !important;
  padding: 28px 40px 12px !important;
}
/* Links inside body & consent */
.modal-popup.amage-verification-popup a {
  color: var(--cg-blue) !important;
  text-decoration: underline !important;
  transition: color .2s;
}
.modal-popup.amage-verification-popup a:hover {
  color: var(--cg-gold) !important;
  text-decoration: none !important;
}
/*──────── 4 ▸ Checkbox + consent line ─────────────────────────────────*/
#amage-verification-agreement {
  width: 22px !important;
  height: 22px !important;
  border: 2px solid var(--cg-blue) !important;
  border-radius: 4px !important;
  appearance: none !important;
  cursor: pointer !important;
  margin-right: 10px !important;
}
#amage-verification-agreement:checked {
  background: var(--cg-blue) !important;
  /* ONE literal string – URL-encoded SVG check-mark */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 11' stroke='%23ffffff' stroke-width='3' fill='none'%3E%3Cpath d='M1 5.5 L5 9 L13 1'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}
.amage-verification-agreement-label {
  font-family: "Open Sans", sans-serif !important;
  font-size: 1.5rem !important;
  /* ~24 px */
  line-height: 1.4 !important;
  color: #333 !important;
  display: inline-block !important;
  max-width: 88% !important;
}
/* Focus outline (accessibility) */
#amage-verification-agreement:focus-visible {
  outline: 3px solid var(--cg-gold) !important;
  outline-offset: 2px !important;
}
/*──────── 5 ▸ Buttons ────────────────────────────────────────────────*/
/* YES / primary */
.modal-popup.amage-verification-popup .confirmation-button {
  background: var(--cg-blue) !important;
  border: none !important;
  border-radius: 6px !important;
  color: #fff !important;
  font-size: 1.1rem !important;
  font-weight: 600 !important;
  padding: 16px 42px !important;
  margin-right: 14px !important;
  transition: background .2s;
}
.modal-popup.amage-verification-popup .confirmation-button:hover {
  background: #b89b65 !important;
  /* darkened blue */
}
/* NO / secondary */
.modal-popup.amage-verification-popup .rejection-button {
  background: #fff !important;
  border: 2px solid var(--cg-blue) !important;
  border-radius: 6px !important;
  color: var(--cg-blue) !important;
  font-size: 1.1rem !important;
  font-weight: 600 !important;
  padding: 14px 42px !important;
  transition: all .2s;
}
.modal-popup.amage-verification-popup .rejection-button:hover {
  background: #f6f6f6 !important;
  border-color: var(--cg-gold) !important;
  color: var(--cg-gold) !important;
}
/*──────── 6 ▸ Overlay tint ───────────────────────────────────────────*/
.modals-overlay {
  background: rgba(0, 0, 0, 0.6) !important;
}
/* ─── Kill dotted/blue focus outline on modal buttons ─── */
.modal-popup.amage-verification-popup .confirmation-button:focus,
.modal-popup.amage-verification-popup .confirmation-button:focus-visible,
.modal-popup.amage-verification-popup .rejection-button:focus,
.modal-popup.amage-verification-popup .rejection-button:focus-visible {
  outline: none !important;
  /* removes dotted ring        */
  box-shadow: none !important;
  /* removes any glow we added  */
}
/* Completely hide Magento’s native Tax Class field on seller pages */
.mp-seller-product-edit [name="product[tax_class_id]"],
.mp-add-product-form [name="product[tax_class_id]"],
.mp-seller-product-edit #tax-class-id,
.mp-add-product-form #tax-class-id,
.mp-seller-product-edit .field:has(#tax-class-id),
.mp-add-product-form .field:has(#tax-class-id),
.mp-seller-product-edit .field:has([name="product[tax_class_id]"]),
.mp-add-product-form .field:has([name="product[tax_class_id]"]) {
  display: none !important;
}
:root {
  --cg-accent: #b89b65;
  --cg-text: #2d337f;
  --cg-font: "Helvetica Neue", sans-serif;
}
/* ---- Header ---- */
.site-header {
  position: sticky;
  top: 0;
  z-index: 1000;
  background: transparent;
  transition: background 0.25s, box-shadow 0.25s;
}
.scrolled .site-header {
  background: #fff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05);
}
/* ---- Top-level list ---- */
.horizontal-menu {
  display: flex;
  justify-content: center;
}
.cg-menu {
  display: flex;
  gap: clamp(3rem, 6vw, 8rem);
  list-style: none;
  margin: 0;
  padding: 1rem 0;
  align-items: center;
  font-family: var(--cg-font);
}
.cg-item > a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .35rem;
  white-space: nowrap;
  font-size: 2.3rem;
  font-weight: 600;
  color: var(--cg-text);
  text-decoration: none;
}
/* hover underline slide */
.cg-item > a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -6px;
  height: 3px;
  background: var(--cg-accent);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .2s ease;
}
.cg-item:hover > a::after {
  transform: scaleX(1);
}
.cg-item > a:hover {
  color: var(--cg-accent);
}
/* SVG chevron */
.chevron {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="%232d337f"><path d="M5.23 7.21a.75.75 0 0 1 1.06 0L10 10.92l3.71-3.71a.75.75 0 1 1 1.06 1.06l-4.24 4.24a.75.75 0 0 1-1.06 0L5.23 8.27a.75.75 0 0 1 0-1.06Z"/></svg>') center / contain no-repeat;
  transition: transform .25s;
}
.has-dropdown.open > .cg-toggle .chevron {
  transform: rotate(180deg);
}
/* ---- Dropdown ---- */
.has-dropdown {
  position: relative;
}
.cg-dropdown {
  position: absolute;
  left: 50%;
  transform: translateX(-50%) translateY(-10px);
  opacity: 0;
  visibility: hidden;
  min-width: 280px;
  background: #fff;
  border: 1px solid #eee;
  border-radius: 8px;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);
  padding: 1.25rem 1.5rem;
  list-style: none;
  margin: 0;
  z-index: 50;
  transition: opacity .18s ease,transform .18s ease;
}
.has-dropdown.open > .cg-dropdown {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
}
/* Sub-link */
.cg-dropdown li {
  margin: 0;
  padding: 0;
}
.cg-dropdown a {
  display: flex;
  align-items: center;
  gap: .75rem;
  padding: 1rem 0;
  font-size: 1.6rem;
  line-height: 1.45;
  color: var(--cg-text);
  text-decoration: none;
  white-space: nowrap;
}
.cg-dropdown a:hover {
  color: var(--cg-accent);
}
.cg-icon {
  width: 32px;
  height: 32px;
  object-fit: cover;
  border-radius: 4px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
}
/* Country grid */
.cg-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  gap: .5rem 1rem;
  padding: 1.25rem 1.5rem;
}
/* Utility links */
.utility {
  font-size: 2.1rem;
  font-weight: 600;
}
/* ---- Mobile ---- */
@media (max-width: 700px) {
  .cg-menu {
    flex-wrap: wrap;
    gap: 2rem 3rem;
  }
  .cg-dropdown {
    position: static;
    transform: none;
    box-shadow: none;
    border: none;
    opacity: 1;
    visibility: visible;
    padding: .75rem 0;
  }
  .cg-item.open > .cg-dropdown {
    padding: .5rem 0 1rem;
  }
}
/* regions menu specifics */
.cg-regions-menu {
  padding: 1.25rem 1.75rem;
  max-height: 480px;
  overflow-y: auto;
}
.cg-region-title {
  font-size: 1.4rem;
  font-weight: 600;
  color: var(--cg-accent);
  margin: .6rem 0 .3rem;
}
.cg-region-title:first-child {
  margin-top: 0;
}
.cg-flag {
  display: inline-block;
  width: 24px;
  height: 18px;
  border-radius: 2px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
  margin-right: .6rem;
  vertical-align: middle;
}
/* ── Flag icons inside “Shop by Region” dropdown ─────────────── */
.cg-regions-menu .cg-flag {
  width: 24px;
  height: 18px;
  /* keep current size   */
  border-radius: 2px;
  /* same round corner   */
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.08);
  /* soft frame shadow   */
  transition: transform 0.15s, box-shadow 0.15s;
}
.cg-regions-menu a:hover .cg-flag {
  transform: scale(1.15);
  /* subtle zoom on hover*/
  box-shadow: 0 0 0 1.5px var(--cg-accent);
  /* gold outline        */
}
/* ── a bit more gap between country rows ─────────────────────── */
.cg-regions-menu li[role="none"] {
  margin-bottom: .55rem;
}
.horizontal-menu-wrap {
  position: relative;
  z-index: 500;
}
.horizontal-menu {
  display: flex;
  justify-content: center;
}
.horizontal-menu > .cg-menu {
  flex: 1 1 0%;
  /* ALLOWS the ul itself to shrink             */
  max-width: 100%;
  /* never wider than the viewport              */
  display: flex;
  flex-wrap: wrap;
  /* pushes items onto a new row if needed      */
  justify-content: center;
}
@media (max-width: 1100px) {
  .cg-item > a {
    font-size: 1.9rem;
  }
}
.horizontal-menu .cg-item > a {
  position: relative;
  /* enables z-index */
  z-index: 60;
  /* higher than .cg-dropdown (z-index: 50) */
}
.block-collapsible-nav-content {
  display: none;
}
.block-collapsible-nav-content.active {
  display: block;
}
.block-collapsible-nav-title .toggle-arrow {
  transition: transform .2s;
}
.block-collapsible-nav-title.active .toggle-arrow {
  transform: rotate(180deg);
}
:root {
  --cg-blue: #2d337f;
  --cg-accent: #b89b65;
  --icon-scale: 1.3;
  --icon-dur: .6s;
  --icon-ease: cubic-bezier(0.18, 0.72, 0.22, 1);
  --link-fade-dur: 1s;
}
.mbi:is(.mbi-heart,.mbi-bag2,.mbi-user) {
  color: var(--cg-blue);
  transition: color 0.35s var(--icon-ease), scale var(--icon-dur) var(--icon-ease);
  will-change: scale;
}
@media (hover: hover) {
  .mbi:is(.mbi-heart,.mbi-bag2,.mbi-user):hover {
    color: var(--cg-accent);
    scale: var(--icon-scale);
    animation: icon-pop var(--icon-dur) var(--icon-ease);
  }
}
@keyframes icon-pop {
  40% {
    scale: calc(var(--icon-scale) * 1.05) rotate(3deg);
  }
  100% {
    scale: var(--icon-scale);
  }
}
@media (prefers-reduced-motion: reduce) {
  .mbi:is(.mbi-heart,.mbi-bag2,.mbi-user) {
    transition: none;
  }
  .mbi:is(.mbi-heart,.mbi-bag2,.mbi-user):hover {
    animation: none;
  }
}
.header-content-action {
  display: flex;
  align-items: center;
  gap: clamp(5rem, 1vw, 0.2rem);
}
.header-content-action > *:not(script) {
  display: flex;
  align-items: center;
  animation: header-stagger 0.7s var(--icon-ease) backwards;
}
.header-content-action > *:nth-child(1) {
  animation-delay: .10s;
}
.header-content-action > *:nth-child(2) {
  animation-delay: .25s;
}
.header-content-action > *:nth-child(3) {
  animation-delay: .40s;
}
@keyframes header-stagger {
  0% {
    opacity: 0;
    translate: 0 -8px;
  }
  100% {
    opacity: 1;
    translate: 0 0;
  }
}
.user-topbar .header.links li {
  white-space: nowrap !important;
  line-height: 20px !important;
  animation: link-fade var(--link-fade-dur) var(--icon-ease) both;
}
@keyframes link-fade {
  0% {
    opacity: 0;
    translate: 0 -10px;
  }
  100% {
    opacity: 1;
    translate: 0 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .user-topbar .header.links li {
    animation: none;
  }
}
.header-content-action {
  display: flex;
  align-items: center;
  gap: .1rem;
}
@media (max-width: 1400px) {
  .header-content-action {
    gap: 1rem;
  }
}
@media (max-width: 1200px) {
  .header-content-action {
    gap: .85rem;
  }
}
@media (max-width: 1000px) {
  .header-content-action {
    gap: .70rem;
  }
}
@media (max-width: 800px) {
  .header-content-action {
    gap: .55rem;
  }
}
.header.links .greet,
.header.links .welcome {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1 1 auto;
}
.header-content-action {
  flex: 0 0 auto;
}
.action-primary:focus,
.action-primary:active {
  background: #006bb4;
  border: 1px solid #006bb4;
  color: #fff;
}
.action-primary:hover {
  background: #006bb4;
  border: 1px solid #006bb4;
  color: #fff;
}
.action-primary.disabled,
.action-primary[disabled],
fieldset[disabled] .action-primary {
  opacity: 0.5;
  cursor: default;
  pointer-events: none;
}
.abs-action-link-button:focus,
.abs-action-link-button:active {
  background: #e2e2e2;
  border: 1px solid #cdcdcd;
  color: #333;
}
.abs-action-link-button:hover {
  background: #e2e2e2;
  border: 1px solid #cdcdcd;
  color: #555;
}
.abs-action-link-button.disabled,
.abs-action-link-button[disabled],
fieldset[disabled] .abs-action-link-button {
  opacity: 0.5;
  cursor: default;
  pointer-events: none;
}
.abs-action-link-button:hover,
.abs-action-link-button:active,
.abs-action-link-button:focus {
  text-decoration: none;
}
.abs-action-remove,
.abs-discount-block .action.check,
.abs-add-fields .action.remove {
  line-height: 1.42857143;
  padding: 0;
  color: #1979c3;
  text-decoration: none;
  background: none;
  border: 0;
  display: inline;
  border-radius: 0;
  font-weight: 400;
  color: #2D337F;
}
.abs-action-button-as-link:visited,
.abs-action-remove:visited,
.abs-discount-block .action.check:visited,
.abs-add-fields .action.remove:visited {
  color: #1979c3;
  text-decoration: none;
}
.abs-action-button-as-link:hover,
.abs-action-remove:hover,
.abs-discount-block .action.check:hover,
.abs-add-fields .action.remove:hover {
  color: #006bb4;
  text-decoration: underline;
}
.abs-action-button-as-link:active,
.abs-action-remove:active,
.abs-discount-block .action.check:active,
.abs-add-fields .action.remove:active {
  color: #ff5501;
  text-decoration: underline;
}
.abs-action-button-as-link:hover,
.abs-action-button-as-link:active,
.abs-action-button-as-link:focus,
.abs-action-remove:hover,
.abs-action-remove:active,
.abs-action-remove:focus,
.abs-discount-block .action.check:hover,
.abs-discount-block .action.check:active,
.abs-discount-block .action.check:focus,
.abs-add-fields .action.remove:hover,
.abs-add-fields .action.remove:active,
.abs-add-fields .action.remove:focus {
  background: none;
  border: 0;
}
.abs-action-button-as-link.disabled,
.abs-action-button-as-link[disabled],
fieldset[disabled] .abs-action-button-as-link,
.abs-action-remove.disabled,
.abs-action-remove[disabled],
fieldset[disabled] .abs-action-remove,
.abs-discount-block .action.check.disabled,
.abs-discount-block .action.check[disabled],
fieldset[disabled] .abs-discount-block .action.check,
.abs-add-fields .action.remove.disabled,
.abs-add-fields .action.remove[disabled],
fieldset[disabled] .abs-add-fields .action.remove {
  color: #1979c3;
  opacity: 0.5;
  cursor: default;
  pointer-events: none;
  text-decoration: underline;
}
.abs-action-remove:active,
.abs-action-remove:not(:focus),
.abs-discount-block .action.check:active,
.abs-discount-block .action.check:not(:focus),
.abs-add-fields .action.remove:active,
.abs-add-fields .action.remove:not(:focus) {
  box-shadow: none;
  color: #2D337F;
}
.abs-revert-secondary-color:focus,
.abs-revert-secondary-color:active {
  background: #e2e2e2;
  border: 1px solid #cdcdcd;
  color: #333;
}
.abs-revert-secondary-color:hover {
  background: #e2e2e2;
  border: 1px solid #cdcdcd;
  color: #555;
}
.abs-dropdown-simple:before,
.abs-dropdown-simple:after {
  content: '';
  display: table;
}
.abs-dropdown-simple:after {
  clear: both;
}
.abs-dropdown-simple .action.toggle {
  cursor: pointer;
  display: inline-block;
  text-decoration: none;
}
.abs-dropdown-simple .action.toggle:after {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 22px;
  line-height: 22px;
  color: inherit;
  content: "\f3d0";
  font-family: 'mbicon';
  margin: 0 0 0 5px;
  vertical-align: middle;
  display: inline-block;
  font-weight: normal;
  overflow: hidden;
  speak: none;
  text-align: center;
}
.abs-dropdown-simple .action.toggle:hover:after {
  color: inherit;
}
.abs-dropdown-simple .action.toggle:active:after {
  color: inherit;
}
.abs-dropdown-simple .action.toggle.active {
  display: inline-block;
  text-decoration: none;
}
.abs-dropdown-simple .action.toggle.active:after {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 22px;
  line-height: 22px;
  color: inherit;
  content: '\e618';
  font-family: 'mbicon';
  margin: 0 0 0 5px;
  vertical-align: middle;
  display: inline-block;
  font-weight: normal;
  overflow: hidden;
  speak: none;
  text-align: center;
}
.abs-dropdown-simple .action.toggle.active:hover:after {
  color: inherit;
}
.abs-dropdown-simple .action.toggle.active:active:after {
  color: inherit;
}
.abs-dropdown-simple ul.dropdown {
  margin: 0;
  padding: 0;
  list-style: none none;
  background: #fff;
  border: 1px solid #bbb;
  margin-top: 4px;
  min-width: 200px;
  z-index: 100;
  box-sizing: border-box;
  display: none;
  position: absolute;
  top: 100%;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
}
.abs-dropdown-simple ul.dropdown li {
  margin: 0;
  padding: 5px 5px 5px 23px;
}
.abs-dropdown-simple ul.dropdown li:hover {
  background: #e8e8e8;
  cursor: pointer;
}
.abs-dropdown-simple ul.dropdown:before,
.abs-dropdown-simple ul.dropdown:after {
  border-bottom-style: solid;
  content: '';
  display: block;
  height: 0;
  position: absolute;
  width: 0;
}
.abs-dropdown-simple ul.dropdown:before {
  border: 6px solid;
  border-color: transparent transparent #fff transparent;
  z-index: 99;
}
.abs-dropdown-simple ul.dropdown:after {
  border: 7px solid;
  border-color: transparent transparent #bbb transparent;
  z-index: 98;
}
.abs-dropdown-simple ul.dropdown:before {
  left: 10px;
  top: -12px;
}
.abs-dropdown-simple ul.dropdown:after {
  left: 9px;
  top: -14px;
}
.abs-dropdown-simple.active {
  overflow: visible;
}
.abs-dropdown-simple.active ul.dropdown {
  display: block;
}
.abs-remove-button-for-blocks > span {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.abs-remove-button-for-blocks:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  line-height: 15px;
  color: #999;
  content: "\e935";
  font-family: 'mbicon';
  vertical-align: middle;
  display: inline-block;
  font-weight: normal;
  overflow: hidden;
  speak: none;
  text-align: center;
}
.abs-remove-button-for-blocks:hover:before {
  color: #494949;
}
.abs-remove-button-for-blocks:active:before {
  color: #999;
}
.abs-product-link > a:visited {
  color: #333;
  text-decoration: underline;
}
.abs-product-link > a:hover {
  color: #333;
  text-decoration: underline;
}
.abs-product-link > a:active {
  color: #333;
  text-decoration: underline;
}
.abs-like-link:visited {
  color: #1979c3;
  text-decoration: none;
}
.abs-like-link:hover {
  color: #006bb4;
  text-decoration: underline;
}
.abs-like-link:active {
  color: #ff5501;
  text-decoration: underline;
}
.abs-add-fields .action.remove {
  width: auto;
  line-height: normal;
  position: absolute;
  top: 34px;
  margin-left: 73%;
}
.mgz__actions-switch-checkbox {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.abs-navigation-icon:after {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 34px;
  line-height: 1.2;
  color: inherit;
  content: "\e93a";
  font-family: 'mbicon';
  vertical-align: middle;
  display: inline-block;
  font-weight: normal;
  overflow: hidden;
  speak: none;
  text-align: center;
}
.abs-split-button:before,
.abs-split-button:after {
  content: '';
  display: table;
}
.abs-split-button:after {
  clear: both;
}
.abs-split-button .action.split {
  float: left;
  margin: 0;
}
.abs-split-button .action.toggle {
  float: right;
  margin: 0;
}
.abs-split-button button.action.split {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.abs-split-button button + .action.toggle {
  border-bottom-left-radius: 0;
  border-left: 0;
  border-top-left-radius: 0;
}
.abs-split-button .action.toggle {
  padding: 4px 5.5px;
  display: inline-block;
  text-decoration: none;
}
.abs-split-button .action.toggle > span {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.abs-split-button .action.toggle:after {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 22px;
  line-height: 22px;
  color: inherit;
  content: "\f3d0";
  font-family: 'mbicon';
  margin: 0;
  vertical-align: top;
  display: inline-block;
  font-weight: normal;
  overflow: hidden;
  speak: none;
  text-align: center;
}
.abs-split-button .action.toggle:hover:after {
  color: inherit;
}
.abs-split-button .action.toggle:active:after {
  color: inherit;
}
.abs-split-button .action.toggle.active {
  display: inline-block;
  text-decoration: none;
}
.abs-split-button .action.toggle.active > span {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.abs-split-button .action.toggle.active:after {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 22px;
  line-height: 22px;
  color: inherit;
  content: '\e618';
  font-family: 'mbicon';
  margin: 0;
  vertical-align: top;
  display: inline-block;
  font-weight: normal;
  overflow: hidden;
  speak: none;
  text-align: center;
}
.abs-split-button .action.toggle.active:hover:after {
  color: inherit;
}
.abs-split-button .action.toggle.active:active:after {
  color: inherit;
}
.abs-split-button .items {
  margin: 0;
  padding: 0;
  list-style: none none;
  background: #fff;
  border: 1px solid #bbb;
  margin-top: 4px;
  min-width: 100%;
  z-index: 100;
  box-sizing: border-box;
  display: none;
  position: absolute;
  top: 100%;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
}
.abs-split-button .items li {
  margin: 0;
  padding: 3px 5.5px;
}
.abs-split-button .items li:hover {
  background: #e8e8e8;
  cursor: pointer;
}
.abs-split-button .items:before,
.abs-split-button .items:after {
  border-bottom-style: solid;
  content: '';
  display: block;
  height: 0;
  position: absolute;
  width: 0;
}
.abs-split-button .items:before {
  border: 6px solid;
  border-color: transparent transparent #fff transparent;
  z-index: 99;
}
.abs-split-button .items:after {
  border: 7px solid;
  border-color: transparent transparent #bbb transparent;
  z-index: 98;
}
.abs-split-button .items:before {
  right: 10px;
  top: -12px;
}
.abs-split-button .items:after {
  right: 9px;
  top: -14px;
}
.abs-split-button.active {
  overflow: visible;
}
.abs-split-button.active .items {
  display: block;
}
.abs-account-blocks .block-title {
  margin-bottom: 27.5px;
  padding-bottom: 11px;
  border-bottom: 1px solid #d1d1d1;
}
.abs-account-blocks .block-title > strong,
.abs-account-blocks .block-title > span {
  color: #000000;
}
.abs-tax-total:after {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 8px;
  line-height: 8px;
  color: inherit;
  content: "\e93a";
  font-family: 'mbicon';
  margin: 3px 0 0 0;
  vertical-align: middle;
  display: inline-block;
  font-weight: normal;
  overflow: hidden;
  speak: none;
  text-align: center;
}
.abs-tax-total-expanded:after {
  content: "\e939";
}
.abs-dropdown-items-new .action.new {
  display: inline-block;
  text-decoration: none;
}
.abs-icon-add:before,
.abs-dropdown-items-new .action.new:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 10px;
  line-height: 10px;
  color: inherit;
  content: "\e936";
  font-family: 'mbicon';
  vertical-align: middle;
  display: inline-block;
  font-weight: normal;
  overflow: hidden;
  speak: none;
  text-align: center;
}
.abs-sidebar-totals .table-caption {
  display: none;
}
.abs-table-striped > tbody > tr:nth-child(even) > td,
.abs-table-striped > tbody > tr:nth-child(even) > th {
  background: #ffffff;
}
.abs-table-striped > thead > tr > th,
.abs-table-striped > tbody > tr > th,
.abs-table-striped > tfoot > tr > th,
.abs-table-striped > thead > tr > td,
.abs-table-striped > tbody > tr > td,
.abs-table-striped > tfoot > tr > td {
  border: none;
}
.abs-table-striped > thead > tr > th,
.abs-table-striped > thead > tr > td {
  border-bottom: 1px solid #d1d1d1;
}
.abs-field-date input {
  margin-right: 11px;
  width: calc(100% - (23px + 11px));
}
.abs-sidebar-totals .totals-tax-summary .amount .price > span {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.abs-sidebar-totals .totals-tax-summary .amount .price:after {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  line-height: 12px;
  color: inherit;
  content: "\e93a";
  font-family: 'mbicon';
  vertical-align: middle;
  display: inline-block;
  font-weight: normal;
  overflow: hidden;
  speak: none;
  text-align: center;
}
.abs-sidebar-totals .totals-tax-summary.expanded .amount .price:after {
  content: "\e939";
}
/* ============================================ *
 * Blog
 * ============================================ */
.btn:hover {
  background-color: #D4AF37;
}
.media-left .fas.fa-anchor {
  color: #2D337F !important;
  /* Primary Captain Greek Blue */
  /* Set to the color used by other icons */
  font-size: 40px !important;
  /* Adjust the size to match other icons */
}
/** This file is automatically generated **/
/**
 * Copyright © Magento, Inc. All rights reserved.
 * See COPYING.txt for license details.
 */
/**
 * Webkul Software.
 *
 * @category  Webkul
 * @package   Webkul_Marketplace
 * @author    Webkul Software Private Limited
 * @copyright Webkul Software Private Limited (https://webkul.com)
 * @license   https://store.webkul.com/license.html
 */
/**
 * Webkul Software.
 *
 * @category  Webkul
 * @package   Webkul_Marketplace
 * @author    Webkul Software Private Limited
 * @copyright Webkul Software Private Limited (https://webkul.com)
 * @license   https://store.webkul.com/license.html
 */
/*-------------------------------Colors-----------------------------------------*/
/**
 * Webkul Software.
 *
 * @category  Webkul
 * @package   Webkul_Marketplace
 * @author    Webkul Software Private Limited
 * @copyright Webkul Software Private Limited (https://webkul.com)
 * @license   https://store.webkul.com/license.html
 */
.wk-arrow-down,
.wk-arrow-up {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  display: inline-block;
  padding-right: 12px;
}
.wk-arrow-down::after,
.wk-arrow-down::before {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  bottom: 4px;
}
.wk-arrow-down::after {
  width: 8px;
  height: 8px;
  border-bottom: 2px solid;
  border-left: 2px solid;
  transform: rotate(-45deg);
  right: 0px;
}
.wk-arrow-down::before {
  width: 2px;
  height: 16px;
  right: 3px;
  background: currentColor;
}
.wk-arrow-up::after {
  width: 8px;
  height: 8px;
  border-top: 2px solid;
  border-left: 2px solid;
  transform: rotate(45deg);
  right: -3px;
}
.wk-arrow-up::before {
  width: 2px;
  height: 16px;
  right: 0px;
  background: currentColor;
}
.wk-arrow-up::after,
.wk-arrow-up::before {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  top: 4px;
}
.wk-rating-icon-small:before {
  font-family: "font-awesome";
  content: "\f005";
  font-size: 1.7rem;
  font-weight: normal;
  position: absolute;
  left: 0;
  color: #f2994a;
}
/**
 * Webkul Software.
 *
 * @category  Webkul
 * @package   Webkul_Marketplace
 * @author    Webkul Software Private Limited
 * @copyright Webkul Software Private Limited (https://webkul.com)
 * @license   https://store.webkul.com/license.html
 */
@keyframes loading {
  0% {
    transform: translate(-50%, -50%) rotate(0);
  }
  100% {
    transform: translate(-50%, -50%) rotate(359.9deg);
  }
}
/**
 * Avalara_AvaTax
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Open Software License (OSL 3.0)
 * that is bundled with this package in the file LICENSE.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/osl-3.0.php
 *
 * @copyright  Copyright (c) 2016 Avalara, Inc.
 * @license    http://opensource.org/licenses/osl-3.0.php Open Software License (OSL 3.0)
 */
/**
 * Avalara_AvaTax
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Open Software License (OSL 3.0)
 * that is bundled with this package in the file LICENSE.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/osl-3.0.php
 *
 * @copyright  Copyright (c) 2016 Avalara, Inc.
 * @license    http://opensource.org/licenses/osl-3.0.php Open Software License (OSL 3.0)
 */
.validateAddressForm .form.validate,
.validateBinding .form.validate,
.checkout-validate-address .form.validate {
  display: flex;
  flex-wrap: wrap;
}
.validateAddressForm .form.validate .addressOption,
.validateBinding .form.validate .addressOption,
.checkout-validate-address .form.validate .addressOption {
  display: flex;
  margin: 20px 10px 0 10px;
  flex: 1 0 auto;
}
.validateAddressForm .form.validate .addressOption .addressLabel,
.validateBinding .form.validate .addressOption .addressLabel,
.checkout-validate-address .form.validate .addressOption .addressLabel {
  flex: 1;
  cursor: pointer;
  display: block;
  padding: 10px 10px 10px 30px;
  left: -10px;
  position: relative;
}
.validateAddressForm .form.validate .addressOption .addressLabel .optionTitle,
.validateBinding .form.validate .addressOption .addressLabel .optionTitle,
.checkout-validate-address .form.validate .addressOption .addressLabel .optionTitle {
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 5px;
}
.validateAddressForm .form.validate .addressOption .addressRadio,
.validateBinding .form.validate .addressOption .addressRadio,
.checkout-validate-address .form.validate .addressOption .addressRadio {
  flex: 0;
  right: -10px;
  top: 10px;
  display: table;
  position: relative;
}
.validateAddressForm .form.validate .addressOption.selected,
.validateBinding .form.validate .addressOption.selected,
.checkout-validate-address .form.validate .addressOption.selected {
  outline: 1px solid #ccc;
  background: #f5f5f5;
}
.validateAddressForm .legend,
.validateBinding .legend,
.checkout-validate-address .legend {
  margin: 0;
  padding: 0;
  border-bottom: none;
}
.validateAddressForm .legend .step-title,
.validateBinding .legend .step-title,
.checkout-validate-address .legend .step-title {
  padding-bottom: 15px;
}
.validateAddressForm .validatedAddress,
.validateBinding .validatedAddress,
.checkout-validate-address .validatedAddress {
  margin-top: 10px;
  padding: 10px;
  outline: 1px solid #ccc;
  background: #f5f5f5;
}
.validateAddressForm .address-field-changed,
.validateBinding .address-field-changed,
.checkout-validate-address .address-field-changed {
  text-decoration: none;
  background-color: #93EE9E;
}
.validateAddressForm .errorMessageContainer .instructions p,
.validateBinding .errorMessageContainer .instructions p,
.checkout-validate-address .errorMessageContainer .instructions p,
.validateAddressForm .errorMessageContainer .originalAddressText,
.validateBinding .errorMessageContainer .originalAddressText,
.checkout-validate-address .errorMessageContainer .originalAddressText {
  margin: 10px 0 ;
  padding: 10px;
  outline: 1px solid #ccc;
  background: #f5f5f5;
}
.validateAddressForm .instructions,
.validateBinding .instructions,
.checkout-validate-address .instructions {
  margin-top: 10px;
}
.validateAddressForm .instructions a:hover,
.validateBinding .instructions a:hover,
.checkout-validate-address .instructions a:hover {
  cursor: pointer;
}
.validateAddressForm,
.validateBinding {
  display: none;
}
.multishipping-checkout .form.validate .addressOption {
  margin: 0 10px 10px 0;
}
.totals-tax-summary.totals-tax-holder {
  transform: translateY(100%);
}
.totals-tax-details.custom-tax {
  transform: translateY(-100%);
}
/**
 * Copyright © magebig.com - All rights reserved.
 * See LICENSE.txt for license details.
 */
.bfb-checkbox-item,
.bfb-radio-item {
  margin-top: 0.7rem;
}
.mgz-control-radio,
.mgz-control-checkbox {
  cursor: pointer;
  opacity: .01;
  overflow: hidden;
  position: absolute !important;
  vertical-align: top;
}
.mgz-control-radio:after,
.mgz-control-checkbox:after {
  display: none;
}
.mgz-control-radio + label,
.mgz-control-checkbox + label {
  cursor: pointer;
  display: inline-block;
  vertical-align: sub;
}
.mgz-control-radio + label:before,
.mgz-control-checkbox + label:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'Magezon-Icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #FFF;
  border: 1px solid #adadad;
  color: transparent;
  float: left;
  height: 1.6rem;
  text-align: center;
  vertical-align: top;
  width: 1.6rem;
}
.mgz-control-radio + label,
.mgz-control-checkbox + label {
  padding-left: 2.2rem;
}
.mgz-control-radio + label:before,
.mgz-control-checkbox + label:before {
  margin: 1px 0 0 -2.2rem;
}
.mgz-control-radio:checked + label:before,
.mgz-control-checkbox:checked + label:before {
  color: #514943;
}
.mgz-control-radio.disabled + label,
.mgz-control-checkbox.disabled + label,
.mgz-control-radio[disabled] + label,
.mgz-control-checkbox[disabled] + label {
  color: #303030;
  cursor: default;
  opacity: .5;
}
.mgz-control-radio.disabled + label:before,
.mgz-control-checkbox.disabled + label:before,
.mgz-control-radio[disabled] + label:before,
.mgz-control-checkbox[disabled] + label:before {
  background-color: #e9e9e9;
  border-color: #adadad;
  cursor: default;
}
._keyfocus .mgz-control-radio:not([disabled]):focus + label:before,
._keyfocus .mgz-control-checkbox:not([disabled]):focus + label:before,
._keyfocus .mgz-control-radio:not(.disabled):focus + label:before,
._keyfocus .mgz-control-checkbox:not(.disabled):focus + label:before {
  border-color: #007bdb;
}
.mgz-control-radio:not([disabled]):hover + label:before,
.mgz-control-checkbox:not([disabled]):hover + label:before,
.mgz-control-radio:not(.disabled):hover + label:before,
.mgz-control-checkbox:not(.disabled):hover + label:before {
  border-color: #878787;
}
.mgz-control-radio + label:before {
  border-radius: 1.6rem;
  content: '';
  transition: border-color 0.1s linear, color 0.1s ease-in;
}
.mgz-control-radio.mgz-control-radio + label:before {
  line-height: 140%;
}
.mgz-control-radio:checked + label {
  position: relative;
}
.mgz-control-radio:checked + label:after {
  background-color: #514943;
  border-radius: 50%;
  content: '';
  height: 10px;
  left: 3px;
  position: absolute;
  top: 4px;
  width: 10px;
}
.mgz-control-radio:checked:not([disabled]):hover,
.mgz-control-radio:checked:not(.disabled):hover {
  cursor: default;
}
.mgz-control-radio:checked:not([disabled]):hover + label,
.mgz-control-radio:checked:not(.disabled):hover + label {
  cursor: default;
}
.mgz-control-radio:checked:not([disabled]):hover + label:before,
.mgz-control-radio:checked:not(.disabled):hover + label:before {
  border-color: #adadad;
}
.mgz-control-checkbox + label:before {
  border-radius: 1px;
  content: '';
  font-size: 0;
  transition: font-size 0.1s ease-out, color 0.1s ease-out, border-color 0.1s linear;
}
.mgz-control-checkbox:checked + label:before {
  content: '\e62d';
  font-size: 1.1rem;
  line-height: 125%;
}
.mgz__actions-switch {
  display: inline-block;
  position: relative;
  vertical-align: middle;
}
.admin__field-control .mgz__actions-switch {
  line-height: 3.2rem;
}
.mgz__actions-switch + .admin__field-service {
  min-width: 34rem;
}
.mgz__actions-switch-checkbox {
  position: absolute !important;
}
._disabled .mgz__actions-switch-checkbox + .mgz__actions-switch-label,
.mgz__actions-switch-checkbox.disabled + .mgz__actions-switch-label {
  cursor: not-allowed;
  opacity: 0.5;
  pointer-events: none;
}
.mgz__actions-switch-checkbox:checked + .mgz__actions-switch-label:before {
  left: 15px;
}
.mgz__actions-switch-checkbox:checked + .mgz__actions-switch-label:after {
  background: #79a22e;
}
.mgz__actions-switch-checkbox:checked + .mgz__actions-switch-label .mgz__actions-switch-text:before {
  content: attr(data-text-on);
}
._error .mgz__actions-switch-checkbox + .mgz__actions-switch-label:before,
._error .mgz__actions-switch-checkbox + .mgz__actions-switch-label:after {
  border-color: #e22626;
}
.mgz__actions-switch-label {
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  cursor: pointer;
  display: inline-block;
  height: 22px;
  line-height: 22px;
  position: relative;
  user-select: none;
  vertical-align: middle;
}
.mgz__actions-switch-label:before,
.mgz__actions-switch-label:after {
  left: 0;
  position: absolute;
  right: auto;
  top: 0;
}
.mgz__actions-switch-label:before {
  background: #fff;
  border: 1px solid #aaa6a0;
  border-radius: 100%;
  content: '';
  display: block;
  height: 22px;
  transition: left 0.2s ease-in 0s;
  width: 22px;
  z-index: 1;
}
.mgz__actions-switch-label:after {
  background: #e3e3e3;
  border: 1px solid #aaa6a0;
  border-radius: 12px;
  content: '';
  display: block;
  height: 22px;
  transition: background 0.2s ease-in 0s;
  width: 37px;
  z-index: 0;
}
.mgz__actions-switch-text:before {
  content: attr(data-text-off);
  padding-left: 47px;
  white-space: nowrap;
}
.mgzFlex,
.mgz-newsletter-form-inline,
.mgz-newsletter-form-inline2,
.mgz-newsletter-form-inline .mgz-newsletter-fields,
.mgz-newsletter-form-inline2 .mgz-newsletter-fields {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.mgz-invisible {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.magezon-icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'Magezon-Icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.MgzFontAwesome {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mgz-text-left {
  text-align: left;
}
.mgz-text-right {
  text-align: right;
}
.mgz-text-center {
  text-align: center;
}
.mgz-text-justify {
  text-align: justify;
}
.mgz-hidden {
  display: none;
}
.mgz-hide {
  display: none;
}
.mgz-visible {
  display: block;
}
.mgz_fit {
  width: 1% !important;
}
.mgz_center {
  text-align: center;
}
.mgz-newsletter-form-wrapper {
  margin-bottom: 15px;
}
.mgz-newsletter-form {
  max-width: 100%;
}
.mgz-newsletter-form.loading .mgz-newsletter-btn span {
  visibility: hidden;
}
.mgz-newsletter-form.loading .mgz-newsletter-btn:before {
  display: block;
}
.mgz-newsletter-form .mgz-newsletter-fields .mgz-newsletter-field {
  margin-bottom: 10px;
}
.mgz-newsletter-form .actions {
  margin-bottom: 10px;
}
.mgz-newsletter-form .mgz-newsletter-btn {
  position: relative;
}
.mgz-newsletter-form .mgz-newsletter-btn:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  display: none;
  top: 50%;
  left: 50%;
  width: 26px;
  height: 26px;
  margin-top: -13px;
  margin-left: -13px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: 3px solid #fff;
  border-top-color: #000;
  content: '';
}
.mgz-newsletter-message-success {
  color: #006400;
}
.mgz-newsletter-message-error {
  color: #e02b27;
}
.mgz-newsletter-form-inline .mgz-newsletter-fields,
.mgz-newsletter-form-inline2 .mgz-newsletter-fields {
  width: 100%;
}
.mgz-newsletter-form-inline .mgz-newsletter-fields .mgz-newsletter-field,
.mgz-newsletter-form-inline2 .mgz-newsletter-fields .mgz-newsletter-field {
  padding-right: 10px;
  width: 100%;
}
.mgz-newsletter-form-inline .mgz-newsletter-fields > .mgz-newsletter-field:last-child {
  padding: 0;
}
.mgz-newsletter-form-inline .mgz-newsletter-btn {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin-left: -2px;
}
.acme-policy-window {
  margin: 15px 0;
  padding: 12px 15px;
  border-left: 4px solid #4f6bed;
  background: #f5f7ff;
  border-radius: 4px;
}
.acme-policy-window.is-expired {
  border-color: #d33;
  background: #fff2f0;
  color: #a30000;
}
.acme-reason-field select {
  min-width: 280px;
}
.acme-message-reason {
  font-weight: 600;
  margin-bottom: 6px;
}
.acme-message-status {
  font-size: 12px;
  margin-bottom: 6px;
  text-transform: uppercase;
  letter-spacing: .05em;
}
.acme-message-status--pending {
  color: #c77800;
}
.acme-message-status--rejected {
  color: #a30000;
}
.wk-sbcom-onereply.acme-message--pending {
  border-left: 4px solid #f5a623;
}
.wk-sbcom-onereply.acme-message--rejected {
  border-left: 4px solid #e04c4c;
  opacity: 0.8;
}
/**
 * Copyright © Magento, Inc. All rights reserved.
 * See COPYING.txt for license details.
*/
@media (min-width: 992px) {
  .cart.table-wrapper .product-item-photo {
    max-width: 100%;
  }
}
/**
 * Copyright © magebig.com - All rights reserved.
 * See LICENSE.txt for license details.
 */
.amsl-focus {
  border-color: #fff;
  outline: 2px solid #006bb4;
  transform: none;
  transition: none;
}
@media all and (min-width: 769px), print {
  .abs-product-options-list-desktop dt,
  .block-giftregistry-shared .item-options dt {
    float: left;
    clear: left;
    margin: 0 11px 0 0;
  }
  .abs-product-options-list-desktop dt:after,
  .block-giftregistry-shared .item-options dt:after {
    content: ': ';
  }
  .rtl-layout .abs-product-options-list-desktop dt,
  .rtl-layout .block-giftregistry-shared .item-options dt {
    float: right;
    clear: right;
    margin: 0 0 5.5px 11px;
  }
  .abs-product-options-list-desktop dd,
  .block-giftregistry-shared .item-options dd {
    float: left;
    display: inline-block;
    margin: 0 0 5.5px;
  }
  .rtl-layout .abs-product-options-list-desktop dd,
  .rtl-layout .block-giftregistry-shared .item-options dd {
    float: right;
  }
  .abs-button-desktop {
    width: auto;
  }
  .abs-blocks-2columns,
  .abs-discount-block-desktop .block,
  .account .column.main .block:not(.widget) .block-content .box,
  .storecredit .block,
  .paypal-review-discount .block,
  .cart-discount .block {
    width: 48%;
  }
  .abs-blocks-2columns:nth-child(1),
  .abs-discount-block-desktop .block:nth-child(1),
  .account .column.main .block:not(.widget) .block-content .box:nth-child(1),
  .storecredit .block:nth-child(1),
  .paypal-review-discount .block:nth-child(1),
  .cart-discount .block:nth-child(1) {
    float: left;
    clear: left;
  }
  .rtl-layout .abs-blocks-2columns:nth-child(1),
  .rtl-layout .abs-discount-block-desktop .block:nth-child(1),
  .rtl-layout .account .column.main .block:not(.widget) .block-content .box:nth-child(1),
  .rtl-layout .storecredit .block:nth-child(1),
  .rtl-layout .paypal-review-discount .block:nth-child(1),
  .rtl-layout .cart-discount .block:nth-child(1) {
    float: right;
    clear: right;
  }
  .abs-blocks-2columns:nth-child(2),
  .abs-discount-block-desktop .block:nth-child(2),
  .account .column.main .block:not(.widget) .block-content .box:nth-child(2),
  .storecredit .block:nth-child(2),
  .paypal-review-discount .block:nth-child(2),
  .cart-discount .block:nth-child(2) {
    float: right;
  }
  .abs-blocks-2columns:nth-child(2) + *,
  .abs-discount-block-desktop .block:nth-child(2) + *,
  .account .column.main .block:not(.widget) .block-content .box:nth-child(2) + *,
  .storecredit .block:nth-child(2) + *,
  .paypal-review-discount .block:nth-child(2) + *,
  .cart-discount .block:nth-child(2) + * {
    clear: both;
  }
  .rtl-layout .abs-blocks-2columns:nth-child(2),
  .rtl-layout .abs-discount-block-desktop .block:nth-child(2),
  .rtl-layout .account .column.main .block:not(.widget) .block-content .box:nth-child(2),
  .rtl-layout .storecredit .block:nth-child(2),
  .rtl-layout .paypal-review-discount .block:nth-child(2),
  .rtl-layout .cart-discount .block:nth-child(2) {
    float: left;
  }
  .abs-reset-left-margin-desktop,
  .column.main .paypal-review .actions-toolbar,
  .column.main .block-giftregistry-shared-items .actions-toolbar {
    margin-left: 0;
  }
  .abs-action-remove-desktop,
  .abs-add-fields-desktop .fieldset .additional .action.remove,
  .form-giftregistry-share .fieldset .additional .action.remove,
  .form-giftregistry-edit .fieldset .additional .action.remove,
  .form-create-return .fieldset .additional .action.remove,
  .form.send.friend .fieldset .additional .action.remove {
    margin-left: 90%;
  }
  .abs-add-fields-desktop .fieldset .field .control,
  .form-giftregistry-share .fieldset .field .control,
  .form-giftregistry-edit .fieldset .field .control,
  .form-create-return .fieldset .field .control,
  .form.send.friend .fieldset .field .control {
    width: auto;
  }
  .abs-margin-for-forms-desktop {
    margin-left: 25.8%;
  }
  .abs-visually-hidden-desktop,
  .dashboard-welcome-toggler {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  .abs-form-field-column-2 .fieldset .field,
  .form-giftregistry-share .fieldset .field,
  .form-giftregistry-edit .fieldset .field,
  .form-create-return .fieldset .field,
  .form.send.friend .fieldset .field {
    padding: 0 12px 0 0;
    box-sizing: border-box;
    display: inline-block;
    width: 50%;
    vertical-align: top;
  }
  .abs-form-field-column-2 .fieldset .field:nth-last-child(1),
  .abs-form-field-column-2 .fieldset .field:nth-last-child(2),
  .form-giftregistry-share .fieldset .field:nth-last-child(1),
  .form-giftregistry-share .fieldset .field:nth-last-child(2),
  .form-giftregistry-edit .fieldset .field:nth-last-child(1),
  .form-giftregistry-edit .fieldset .field:nth-last-child(2),
  .form-create-return .fieldset .field:nth-last-child(1),
  .form-create-return .fieldset .field:nth-last-child(2),
  .form.send.friend .fieldset .field:nth-last-child(1),
  .form.send.friend .fieldset .field:nth-last-child(2) {
    margin-bottom: 0;
  }
  .abs-form-field-column-2 .fieldset .field + .fieldset,
  .form-giftregistry-share .fieldset .field + .fieldset,
  .form-giftregistry-edit .fieldset .field + .fieldset,
  .form-create-return .fieldset .field + .fieldset,
  .form.send.friend .fieldset .field + .fieldset {
    clear: both;
  }
  .abs-form-field-column-2 .fieldset .field .field,
  .form-giftregistry-share .fieldset .field .field,
  .form-giftregistry-edit .fieldset .field .field,
  .form-create-return .fieldset .field .field,
  .form.send.friend .fieldset .field .field {
    width: 100%;
    padding: 0;
  }
  .abs-form-field-revert-column-1 {
    width: 100%;
  }
  .abs-forms-general-desktop,
  .form-giftcard-redeem,
  .form-giftregistry-create {
    max-width: 500px;
  }
  .abs-forms-general-desktop .legend,
  .form-giftcard-redeem .legend,
  .form-giftregistry-create .legend {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  .abs-forms-general-desktop .legend + br,
  .form-giftcard-redeem .legend + br,
  .form-giftregistry-create .legend + br {
    display: none;
  }
  .abs-revert-side-paddings,
  .checkout-cart-index .page-title-wrapper,
  .cart-summary .block .content,
  .cart-empty {
    padding-left: 0;
    padding-right: 0;
  }
  .abs-account-block-font-size,
  .block-balance-giftcard .block-content,
  .block-reviews-dashboard .product-name {
    font-size: 1.6rem;
  }
  .abs-account-table-margin-desktop,
  .table-wrapper.balance-history,
  .table-wrapper.reward-history {
    margin-top: -27.5px;
  }
  .abs-action-print {
    display: inline-block;
    text-decoration: none;
  }
  .abs-action-print:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
    line-height: 16px;
    color: inherit;
    content: "\e6b1";
    font-family: 'mbicon';
    margin: 0 4px 0 0;
    vertical-align: middle;
    display: inline-block;
    font-weight: normal;
    overflow: hidden;
    speak: none;
    text-align: center;
  }
  .abs-action-print:hover {
    text-decoration: underline;
  }
  .abs-no-display-desktop,
  .sidebar .block.widget .pager .item:not(.pages-item-next):not(.pages-item-previous) {
    display: none;
  }
  .abs-status-desktop,
  .return-status {
    margin-top: 6px;
    padding: 5.5px 11px;
  }
  .abs-title-orders-desktop .page-main .page-title-wrapper .order-date,
  .magento-rma-returns-returns .page-main .page-title-wrapper .order-date,
  .magento-rma-returns-view .page-main .page-title-wrapper .order-date,
  .account .page-main .page-title-wrapper .order-date,
  [class^='sales-guest-'] .page-main .page-title-wrapper .order-date,
  .sales-guest-view .page-main .page-title-wrapper .order-date {
    margin: 0 0 15px;
  }
  .abs-table-bordered-desktop {
    border: none;
  }
  .abs-table-bordered-desktop > thead > tr > th,
  .abs-table-bordered-desktop > tbody > tr > th,
  .abs-table-bordered-desktop > tfoot > tr > th,
  .abs-table-bordered-desktop > thead > tr > td,
  .abs-table-bordered-desktop > tbody > tr > td,
  .abs-table-bordered-desktop > tfoot > tr > td {
    border: none;
  }
  .abs-table-bordered-desktop > thead > tr > th,
  .abs-table-bordered-desktop > thead > tr > td {
    border-bottom: 1px solid #d1d1d1;
  }
  .abs-pager-toolbar,
  .account .toolbar,
  .toolbar-giftregistry-results,
  .toolbar-wishlist-results {
    position: relative;
  }
  .abs-pager-toolbar .toolbar-amount,
  .abs-pager-toolbar .limiter,
  .account .toolbar .toolbar-amount,
  .account .toolbar .limiter,
  .toolbar-giftregistry-results .toolbar-amount,
  .toolbar-giftregistry-results .limiter,
  .toolbar-wishlist-results .toolbar-amount,
  .toolbar-wishlist-results .limiter {
    position: relative;
    z-index: 1;
  }
  .abs-pager-toolbar .toolbar-amount,
  .account .toolbar .toolbar-amount,
  .toolbar-giftregistry-results .toolbar-amount,
  .toolbar-wishlist-results .toolbar-amount {
    line-height: 32px;
    padding: 0;
  }
  .abs-pager-toolbar .pages,
  .account .toolbar .pages,
  .toolbar-giftregistry-results .pages,
  .toolbar-wishlist-results .pages {
    position: absolute;
    z-index: 0;
    width: 100%;
  }
  .abs-shopping-cart-items-desktop,
  .cart-container .crosssell,
  .block-cart-failed,
  .cart-container .form-cart,
  .cart-container .cart-gift-item {
    width: 70%;
    float: left;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
    padding-right: 3%;
    position: relative;
  }
  .rtl-layout .abs-shopping-cart-items-desktop,
  .rtl-layout .cart-container .crosssell,
  .rtl-layout .block-cart-failed,
  .rtl-layout .cart-container .form-cart,
  .rtl-layout .cart-container .cart-gift-item {
    float: right;
    padding-right: 0;
    padding-left: 3%;
  }
  .abs-discount-block-desktop .block,
  .paypal-review-discount .block,
  .cart-discount .block {
    width: 100%;
  }
  .abs-discount-block-desktop .block > .title,
  .paypal-review-discount .block > .title,
  .cart-discount .block > .title {
    border: 0;
    cursor: default;
    text-transform: uppercase;
    position: relative;
    padding: 0;
    margin-bottom: 20px;
    min-width: 100%;
  }
  .abs-discount-block-desktop .block > .title strong,
  .paypal-review-discount .block > .title strong,
  .cart-discount .block > .title strong {
    border: 0;
    padding-bottom: 15px;
    margin-top: 0;
    margin-bottom: 0;
    display: inline-block;
    vertical-align: top;
  }
  .abs-discount-block-desktop .block > .title:after,
  .paypal-review-discount .block > .title:after,
  .cart-discount .block > .title:after {
    display: none;
  }
  .abs-discount-block-desktop .block .content,
  .paypal-review-discount .block .content,
  .cart-discount .block .content {
    display: block !important;
    padding: 20px;
    -moz-box-shadow: 1px 3px 1px rgba(50,50,50,0.1);
    -webkit-box-shadow: 1px 3px 1px rgba(50,50,50,0.1);
    -o-box-shadow: 1px 3px 1px rgba(50,50,50,0.1);
    -ms-box-shadow: 1px 3px 1px rgba(50,50,50,0.1);
    box-shadow: 1px 3px 1px rgba(50,50,50,0.1);
  }
  .abs-discount-block-desktop .actions-toolbar .secondary,
  .paypal-review-discount .actions-toolbar .secondary,
  .cart-discount .actions-toolbar .secondary {
    bottom: -30px;
    left: 0;
    position: absolute;
  }
  h1 {
    font-size: 46px;
    margin-bottom: 44px;
  }
  .legend {
    border-bottom: 1px solid #c5c5c5;
  }
  .cart.actions .action.continue {
    float: left;
  }
  .layout-rtl .cart.actions .action.continue {
    float: right;
  }
  .modal-popup.modal-slide .modal-footer {
    border-top: 1px solid #c1c1c1;
    text-align: right;
  }
  .pagebuilder-mobile-only {
    display: none !important;
  }
  .ask-que-to-admin-style {
    position: absolute;
    right: 0;
    top: 0;
    margin: 1rem 0;
  }
  .marketplace-account-dashboard .column.main {
    position: relative;
  }
  .wk-dashboard-container .product.data.items > .item.content {
    margin-top: 60px;
  }
  .amskit-toolbar-wrap {
    bottom: 25px;
    left: 25px;
  }
  .amskit-toolbar-wrap.-open {
    width: 500px;
  }
  .amskit-toolbar-content {
    max-height: 650px;
  }
  .amskit-headings-wrap {
    -webkit-flex-wrap: initial;
    -ms-flex-wrap: initial;
    flex-wrap: initial;
  }
  .amskit-page-links .amskit-label {
    width: 45%;
  }
  .items.payment-methods .certificates {
    text-align: right;
  }
  .cart-container .crosssell {
    margin-bottom: 22px;
  }
  .block-category-event.block:last-child {
    margin-bottom: 33px;
    padding: 11px 0 33px;
  }
  .block-category-event .block-title {
    margin: 0;
  }
  .block-category-event .block-title strong {
    font-size: 2.4rem;
  }
  .block-category-event .ticker li {
    display: none;
    margin: 0 50px;
  }
  .block-category-event .ticker .value {
    font-size: 6rem;
  }
  .block-category-event .ticker .label {
    font-size: 1.4rem;
    text-transform: none;
  }
  .block-category-event .dates .date {
    font-size: 5rem;
  }
  .block-category-event .dates .start {
    padding-right: 50px;
  }
  .block-category-event .dates .start:after {
    font-size: 5rem;
    right: 10px;
  }
  .contact-index-index .column:not(.sidebar-additional) .form.contact {
    min-width: 600px;
  }
  .block.newsletter {
    max-width: 44%;
    width: max-content;
  }
  .block.newsletter .field {
    margin-right: 5px;
  }
  .block.newsletter .field.newsletter {
    max-width: 220px;
  }
  .block.newsletter .field .control {
    width: 100%;
  }
  .block.newsletter .action.subscribe {
    border-radius: 3px;
  }
  .paypal-review .paypal-review-title {
    border-bottom: 1px solid #d1d1d1;
  }
  .paypal-review .block-content .box-order-shipping-address,
  .paypal-review .block-content .box-order-shipping-method,
  .paypal-review .block-content .box-order-shipping-method + .box-order-billing-address {
    box-sizing: border-box;
    float: left;
    width: 33%;
  }
  .paypal-review .block-content .box-order-shipping-address {
    padding: 0 5%;
    width: 34%;
  }
  .paypal-review .table-paypal-review-items .col.price,
  .paypal-review .table-paypal-review-items .col.qty {
    text-align: center;
  }
  .paypal-review .table-paypal-review-items .col.item {
    width: 60%;
  }
  .paypal-review .col.subtotal,
  .paypal-review .mark,
  .paypal-review .amount {
    text-align: right;
  }
  .paypal-review-discount {
    border-top: 1px solid #d1d1d1;
  }
  .my-credit-cards .card-type img {
    display: block;
  }
  .block-cart-failed .actions.secondary {
    text-align: right;
  }
  .block-cart-failed .actions.secondary .action {
    display: inline-block;
    margin: 0 0 0 11px;
  }
  .sidebar .product-items .product-item-info .product-item-photo {
    float: left;
    left: auto;
    margin: 0 11px 11px 0;
    position: relative;
    top: auto;
  }
  .sidebar .product-items .product-item-details {
    margin: 0;
  }
  .sidebar .product-items .product-item-actions {
    clear: left;
  }
  .checkout-cart-index .page-main {
    padding-left: 15px;
    padding-right: 15px;
  }
  .cart-container .form-cart .actions.main {
    text-align: right;
  }
  .cart-container .widget {
    float: left;
  }
  .cart-summary {
    width: 30%;
    float: right;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
    padding: 0 20px 20px;
    position: relative;
  }
  .cart-summary > .title {
    display: block;
  }
  .cart-summary .fieldset .actions-toolbar {
    margin-left: 0;
  }
  .cart-summary .fieldset .actions-toolbar > .secondary {
    float: none;
  }
  .cart-summary .block > .title {
    padding-left: 0;
  }
  .cart-summary .block > .title:after {
    right: 3px;
  }
  .cart-summary .block .fieldset .field {
    margin: 0 0 10px;
  }
  .cart-summary .checkout-methods-items {
    padding: 0;
  }
  .cart.table-wrapper .items {
    min-width: 100%;
    width: auto;
  }
  .cart.table-wrapper tbody td {
    padding-top: 20px;
  }
  .cart.table-wrapper .item .col.item {
    padding: 10px 8px 10px 0;
  }
  .cart.table-wrapper .item-actions td {
    padding: 0;
  }
  .cart.table-wrapper .product-item-photo {
    display: table-cell;
    padding-right: 15px;
    position: static;
    vertical-align: middle;
    width: 1%;
  }
  .cart.table-wrapper .product-item-details {
    display: table-cell;
    vertical-align: middle;
    white-space: normal;
    width: 99%;
  }
  .cart-products-toolbar {
    margin: 2px 0 0;
  }
  .cart-products-toolbar .toolbar-amount {
    line-height: 30px;
    margin: 0;
  }
  .cart-products-toolbar .pages {
    float: right;
  }
  .cart-products-toolbar .pages .item:last-child {
    margin-right: 0;
  }
  .cart.table-wrapper .cart-products-toolbar + .cart thead tr th.col {
    padding-bottom: 11px;
    padding-top: 11px;
  }
  .cart.table-wrapper .cart + .cart-products-toolbar {
    margin-top: 27.5px;
  }
  .cart-discount {
    width: 75%;
    float: left;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
    border: 0;
    box-sizing: border-box;
    padding-right: 4%;
  }
  .cart-discount .block .title:after {
    display: inline;
    margin-left: 11px;
    position: static;
  }
  .block.crosssell {
    width: 75%;
    float: left;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
    padding: 0 4% 0 0;
  }
  .block.crosssell .products-grid .product-item {
    width: 25%;
  }
  .opc-wrapper {
    width: 66.66666667%;
    float: left;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
    padding-right: 33px;
  }
  .checkout-onepage-success .print {
    display: block;
    margin: 22px 0 0;
  }
  .opc-estimated-wrapper {
    display: none;
  }
  .opc-progress-bar-item {
    width: 185px;
  }
  .checkout-index-index .modal-popup .form-shipping-address {
    max-width: 100%;
  }
  .checkout-index-index .modal-popup .modal-footer .action-save-address {
    float: right;
    margin: 0 0 0 11px;
  }
  .checkout-shipping-method .actions-toolbar > .primary {
    float: right;
  }
  .checkout-shipping-method .actions-toolbar .action.primary {
    margin: 0;
  }
  .opc-wrapper .form-login,
  .opc-wrapper .form-shipping-address {
    max-width: 100%;
  }
  .opc-wrapper #shipping-new-address-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
  }
  .opc-wrapper #shipping-new-address-form > .field {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 15px;
  }
  .opc-wrapper #shipping-new-address-form > .field.street {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 15px;
    margin-bottom: 10px;
  }
  .opc-wrapper #shipping-new-address-form > .field.street > .control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
  }
  .opc-wrapper #shipping-new-address-form > .field.street > .control > .field {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 15px;
    margin-bottom: 5px;
  }
  .table-checkout-shipping-method {
    width: auto;
  }
  .opc-sidebar {
    margin: 0 0 30px;
    width: 33.33333333%;
    float: right;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
  }
  .opc-summary-wrapper .modal-header .action-close {
    display: none;
  }
  .authentication-dropdown {
    background-color: #fff;
    border: 1px solid #aeaeae;
    -webkit-transform: scale(1, 0);
    -webkit-transform-origin: 0 0;
    -webkit-transition: -webkit-transform linear 0.1s, visibility 0s linear 0.1s;
    position: absolute;
    text-align: left;
    top: 100%;
    transform: scale(1, 0);
    transform-origin: 0 0;
    transition: transform linear .1s, visibility 0s linear .1s;
    visibility: hidden;
    width: 100%;
  }
  .authentication-dropdown._show {
    z-index: 100;
    -webkit-transform: scale(1, 1);
    -webkit-transition: -webkit-transform linear 0.1s, visibility 0s linear 0s;
    transform: scale(1, 1);
    transition: transform linear .1s, visibility 0s linear 0s;
    visibility: visible;
  }
  .authentication-wrapper {
    width: 33.33333333%;
    text-align: right;
  }
  .popup-authentication .modal-inner-wrap {
    min-width: 768px;
    width: 60%;
  }
  .popup-authentication .block-authentication {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    border-top: 1px solid #c1c1c1;
  }
  .popup-authentication .block[class],
  .popup-authentication .form-login,
  .popup-authentication .fieldset,
  .popup-authentication .block-content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    margin-bottom: 0;
  }
  .popup-authentication .block[class] {
    box-sizing: border-box;
    float: left;
    padding: 11px 30px 0 0;
    width: 50%;
  }
  .popup-authentication .block[class] + .block {
    border-left: 1px solid #c1c1c1;
    border-top: 0;
    margin: 0;
    padding: 11px 0 0 30px;
  }
  .popup-authentication .block[class] + .block::before {
    left: 0;
    top: 50%;
  }
  .popup-authentication .actions-toolbar {
    margin-bottom: 0;
    margin-top: auto;
  }
  .checkout-payment-method .actions-toolbar .primary {
    float: right;
    margin: 0;
  }
  .checkout-payment-method .fieldset > .field-select-billing > .control {
    float: none;
    width: 100%;
  }
  .checkout-billing-address .action-update {
    float: right;
  }
  .checkout-billing-address .actions-toolbar .action-cancel {
    margin: 6px 22px 0 0;
  }
  .checkout-payment-method .payment-option-title {
    padding-left: 22px;
  }
  .checkout-payment-method .payment-option-content .payment-option-inner + .actions-toolbar {
    margin-left: 0;
  }
  .fieldset .fullname .field .label {
    padding: 6px 15px 0 0;
    text-align: right;
    width: 25.8%;
    box-sizing: border-box;
    float: left;
  }
  .fieldset .fullname .field .control {
    width: 74.2%;
    float: left;
  }
  .block-addresses-list .items.addresses {
    font-size: 0;
  }
  .block-addresses-list .items.addresses > .item {
    display: inline-block;
    font-size: 16px;
    margin-bottom: 22px;
    vertical-align: top;
    width: 48.8%;
  }
  .block-addresses-list .items.addresses > .item:nth-last-child(1),
  .block-addresses-list .items.addresses > .item:nth-last-child(2) {
    margin-bottom: 0;
  }
  .block-addresses-list .items.addresses > .item:nth-child(even) {
    margin-left: 2.4%;
  }
  .storecredit .block-balance-history {
    width: 100%;
  }
  .table-balance-history .col {
    width: 25%;
  }
  .page-product-downloadable .product-options-wrapper {
    clear: both;
  }
  .page-product-downloadable .product-options-bottom {
    clear: both;
  }
  .page-product-giftcard .product-info-main .price-box .price-container.price-final_price {
    font-size: 24px;
  }
  .page-product-giftcard .product-info-main .price-box .price-container.price-final_price .price {
    font-size: 36px;
    line-height: 36px;
  }
  .page-product-giftcard .product-add-form .field:not(.text) {
    margin: 0 0 22px;
    padding: 0 12px 0 0;
    box-sizing: border-box;
    display: inline-block;
    width: 50%;
    vertical-align: top;
  }
  .page-product-giftcard .product-add-form .field:not(.text) > .label {
    margin: 0 0 5.5px;
    display: inline-block;
  }
  .page-product-giftcard .product-add-form .field:not(.text):last-child {
    margin-bottom: 0;
  }
  .page-product-giftcard .product-add-form .field:not(.text) + .fieldset {
    clear: both;
  }
  .page-product-giftcard .product-add-form .field:not(.text) > .label {
    font-weight: 700;
  }
  .page-product-giftcard .product-add-form .field:not(.text) > .label + br {
    display: none;
  }
  .page-product-giftcard .product-add-form .field:not(.text) .choice input {
    vertical-align: top;
  }
  .page-product-giftcard .product-add-form .field:not(.text) .fields.group:before,
  .page-product-giftcard .product-add-form .field:not(.text) .fields.group:after {
    content: '';
    display: table;
  }
  .page-product-giftcard .product-add-form .field:not(.text) .fields.group:after {
    clear: both;
  }
  .page-product-giftcard .product-add-form .field:not(.text) .fields.group .field {
    box-sizing: border-box;
    float: left;
  }
  .page-product-giftcard .product-add-form .field:not(.text) .fields.group.group-2 .field {
    width: 50% !important;
  }
  .page-product-giftcard .product-add-form .field:not(.text) .fields.group.group-3 .field {
    width: 33.3% !important;
  }
  .page-product-giftcard .product-add-form .field:not(.text) .fields.group.group-4 .field {
    width: 25% !important;
  }
  .page-product-giftcard .product-add-form .field:not(.text) .fields.group.group-5 .field {
    width: 20% !important;
  }
  .page-product-giftcard .product-add-form .field:not(.text) .addon {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding: 0;
    width: 100%;
  }
  .page-product-giftcard .product-add-form .field:not(.text) .addon textarea,
  .page-product-giftcard .product-add-form .field:not(.text) .addon select,
  .page-product-giftcard .product-add-form .field:not(.text) .addon input {
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    display: inline-block;
    margin: 0;
    width: auto;
  }
  .page-product-giftcard .product-add-form .field:not(.text) .addon .addbefore,
  .page-product-giftcard .product-add-form .field:not(.text) .addon .addafter {
    background: #fff;
    background-clip: padding-box;
    border: 1px solid #c2c2c2;
    border-radius: 1px;
    font-family: "Work Sans", 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 16px;
    height: 32px;
    line-height: 1.42857143;
    padding: 0 9px;
    vertical-align: baseline;
    width: 100%;
    box-sizing: border-box;
    -ms-flex-order: 3;
    -webkit-order: 3;
    order: 3;
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    width: auto;
  }
  .page-product-giftcard .product-add-form .field:not(.text) .addon .addbefore:disabled,
  .page-product-giftcard .product-add-form .field:not(.text) .addon .addafter:disabled {
    opacity: 0.5;
  }
  .page-product-giftcard .product-add-form .field:not(.text) .addon .addbefore::-moz-placeholder,
  .page-product-giftcard .product-add-form .field:not(.text) .addon .addafter::-moz-placeholder {
    color: #c2c2c2;
  }
  .page-product-giftcard .product-add-form .field:not(.text) .addon .addbefore::-webkit-input-placeholder,
  .page-product-giftcard .product-add-form .field:not(.text) .addon .addafter::-webkit-input-placeholder {
    color: #c2c2c2;
  }
  .page-product-giftcard .product-add-form .field:not(.text) .addon .addbefore:-ms-input-placeholder,
  .page-product-giftcard .product-add-form .field:not(.text) .addon .addafter:-ms-input-placeholder {
    color: #c2c2c2;
  }
  .page-product-giftcard .product-add-form .field:not(.text) .addon .addbefore {
    float: left;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }
  .page-product-giftcard .product-add-form .field:not(.text) .additional {
    margin-top: 11px;
  }
  .page-product-giftcard .product-add-form .field:not(.text).required > .label:after,
  .page-product-giftcard .product-add-form .field:not(.text)._required > .label:after {
    content: '*';
    color: #e02b27;
    font-size: 1.4rem;
    margin: 0 0 0 5.5px;
  }
  .page-product-giftcard .product-add-form .field:not(.text) .note {
    font-size: 1.4rem;
    margin: 3px 0 0;
    padding: 0;
    display: inline-block;
    text-decoration: none;
  }
  .page-product-giftcard .product-add-form .field:not(.text) .note:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 28px;
    line-height: 14px;
    content: '\e618';
    font-family: 'mbicon';
    vertical-align: middle;
    display: inline-block;
    font-weight: normal;
    overflow: hidden;
    speak: none;
    text-align: center;
  }
  .page-product-giftcard .product-add-form .field:not(.text):nth-child(odd) {
    padding-right: 25px;
  }
  .page-product-giftcard .product-add-form .field:not(.text):nth-child(even) {
    padding-right: 0;
  }
  .page-product-giftcard .product-add-form .product-options-wrapper .field:not(.date) > .control {
    width: auto;
  }
  .gift-message .field {
    margin: 0 0 22px;
    box-sizing: border-box;
  }
  .gift-message .field > .label {
    margin: 0;
  }
  .gift-message .field:before,
  .gift-message .field:after {
    content: '';
    display: table;
  }
  .gift-message .field:after {
    clear: both;
  }
  .gift-message .field.choice:before,
  .gift-message .field.no-label:before {
    padding: 6px 15px 0 0;
    width: 25.8%;
    box-sizing: border-box;
    content: ' ';
    float: left;
    height: 1px;
  }
  .gift-message .field .description {
    padding: 6px 15px 0 0;
    text-align: left;
    width: 25.8%;
    box-sizing: border-box;
    float: left;
  }
  .gift-message .field:not(.choice) > .label {
    padding: 6px 15px 0 0;
    text-align: left;
    width: 25.8%;
    box-sizing: border-box;
    float: left;
  }
  .gift-message .field:not(.choice) > .control {
    width: 74.2%;
    float: left;
  }
  .gift-options {
    position: relative;
    z-index: 1;
  }
  .gift-options .actions-toolbar {
    clear: both;
    padding: 0;
    position: static;
  }
  .gift-options .actions-toolbar .secondary {
    float: right;
  }
  .gift-options .actions-toolbar .secondary .action {
    float: right;
    margin-left: 22px;
    margin-right: 0;
  }
  .gift-options .actions-toolbar .secondary .action-cancel {
    display: block;
    float: left;
    margin-top: 6px;
  }
  .gift-options .actions-toolbar:nth-child(3):before {
    border-left: 1px solid #c1c1c1;
    bottom: 5rem;
    content: "";
    display: block;
    left: 50%;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 0;
  }
  .gift-options-title {
    font-weight: 300;
    font-size: 1.8rem;
  }
  .gift-item-block .title {
    padding: 22px 0;
  }
  .item-gift td {
    padding-left: 0;
    padding-right: 0;
  }
  .cart.table-wrapper .action-gift {
    float: left;
    display: inline-block;
    text-decoration: none;
  }
  .cart.table-wrapper .action-gift:after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px;
    line-height: 20px;
    color: #000;
    content: "\e93a";
    font-family: 'mbicon';
    margin: 0 0 0 11px;
    vertical-align: middle;
    display: inline-block;
    font-weight: normal;
    overflow: hidden;
    speak: none;
    text-align: center;
  }
  .cart.table-wrapper .action-gift:hover:after {
    color: #333;
  }
  .cart.table-wrapper .action-gift:active:after {
    color: #000;
  }
  .cart.table-wrapper .action-gift._active:after {
    content: "\e939";
  }
  .cart.table-wrapper .gift-options .actions-toolbar {
    clear: both;
    padding: 0;
    position: static;
  }
  .cart-container .cart-gift-item {
    margin-bottom: 22px;
  }
  .cart-container .cart-gift-item .gift-options,
  .cart-container .cart-gift-item .gift-summary {
    padding-bottom: 22px;
  }
  .form-giftregistry-share .fieldset .field,
  .form-giftregistry-edit .fieldset .field {
    width: 45%;
  }
  .form-giftregistry-edit .fieldset.shipping_address .fieldset {
    margin-top: 22px;
  }
  .table-giftregistry .col.create {
    white-space: nowrap;
  }
  .table-giftregistry .col.message {
    width: 40%;
  }
  .table-giftregistry .col.actions {
    width: 30%;
  }
  .table-giftregistry-items .col.note {
    width: 30%;
  }
  .account .data.table.table-giftregistry-items > thead > tr > th,
  .account .data.table.table-giftregistry-items > tbody > tr > th,
  .account .data.table.table-giftregistry-items > tfoot > tr > th,
  .account .data.table.table-giftregistry-items > thead > tr > td,
  .account .data.table.table-giftregistry-items > tbody > tr > td,
  .account .data.table.table-giftregistry-items > tfoot > tr > td {
    border-top: 1px solid #d1d1d1;
  }
  .account .data.table.table-giftregistry-items > caption + thead > tr:first-child > th,
  .account .data.table.table-giftregistry-items > colgroup + thead > tr:first-child > th,
  .account .data.table.table-giftregistry-items > thead:first-child > tr:first-child > th,
  .account .data.table.table-giftregistry-items > caption + thead > tr:first-child > td,
  .account .data.table.table-giftregistry-items > colgroup + thead > tr:first-child > td,
  .account .data.table.table-giftregistry-items > thead:first-child > tr:first-child > td {
    border-top: 0;
  }
  .account .data.table.table-giftregistry-items > tbody + tbody {
    border-top: 1px solid #d1d1d1;
  }
  .account .data.table.table-giftregistry-items th {
    border-bottom: 0;
  }
  .account .data.table.table-giftregistry-items > tbody > tr:nth-child(even) > td,
  .account .data.table.table-giftregistry-items > tbody > tr:nth-child(even) > th {
    background: none;
  }
  .form-giftregistry-search .fieldset {
    margin-bottom: 29px;
  }
  .form-giftregistry-search .fieldset .field.name,
  .form-giftregistry-search .fieldset .field.lastname {
    padding: 0 12px 0 0;
    box-sizing: border-box;
    display: inline-block;
    width: 50%;
    vertical-align: top;
    margin-bottom: auto;
  }
  .form-giftregistry-search .fieldset .field.name + .fieldset,
  .form-giftregistry-search .fieldset .field.lastname + .fieldset {
    clear: both;
  }
  .form-giftregistry-search .fieldset .field.lastname {
    padding: 0;
  }
  .block-giftregistry-shared-items .item {
    border-bottom: 1px solid #d1d1d1;
    border-top: 0;
  }
  .block-giftregistry-shared-items .product-item-photo {
    display: table-cell;
    max-width: 100%;
    padding: 0 22px 0 0;
    vertical-align: top;
    width: 1%;
  }
  .block-giftregistry-shared-items .product-item-details {
    display: table-cell;
    vertical-align: top;
    width: 99%;
    word-break: normal;
  }
  .block-giftregistry-shared-items .col.product {
    width: 48%;
  }
  .block-giftregistry-shared-items .col:not(.product) {
    text-align: center;
  }
  .block-giftregistry-shared-items .col.price {
    padding-top: 17px;
  }
  .block-giftregistry-shared-items .input-text.qty {
    margin-top: -4px;
  }
  .gift-wrapping {
    box-sizing: border-box;
    float: left;
    padding-right: 22px;
    width: 50%;
  }
  .gift-wrapping + .gift-message {
    border-left: 1px solid #c1c1c1;
    box-sizing: border-box;
    float: left;
    padding-left: 4.5rem;
    width: 50%;
  }
  .table-invitations .col {
    width: 50%;
  }
  .wishlist.window.popup {
    bottom: auto;
    top: 20%;
    left: 50%;
    margin-left: -212px;
    width: 380px;
    right: auto;
  }
  .wishlist.window.popup .field {
    margin: 0 0 22px;
  }
  .wishlist.window.popup .field:not(.choice) > .label {
    box-sizing: content-box;
    float: none;
    width: auto;
    text-align: left;
    padding: 0;
  }
  .wishlist.window.popup .field:not(.choice) > .control {
    float: none;
    width: auto;
  }
  .wishlist.window.popup .field > .label {
    margin: 0 0 5.5px;
    display: inline-block;
  }
  .wishlist.window.popup .field.choice:before,
  .wishlist.window.popup .field.no-label:before {
    display: none;
  }
  .block-wishlist-management {
    margin-bottom: 22px;
  }
  .block-wishlist-management .wishlist-select {
    border-bottom: 1px solid #e8e8e8;
    display: table;
    margin-bottom: 15px;
    width: 100%;
  }
  .block-wishlist-management .wishlist-select .wishlist-name {
    display: table-cell;
    margin-right: 11px;
    padding: 5.5px 11px 11px;
    vertical-align: top;
    white-space: nowrap;
    width: 5%;
  }
  .block-wishlist-management .wishlist-select-items {
    display: table-cell;
    padding-right: 160px;
    vertical-align: top;
  }
  .block-wishlist-management .wishlist-select-items .item {
    display: inline-block;
    margin-right: 11px;
    padding: 5.5px 11px 11px;
  }
  .block-wishlist-management .wishlist-select-items .item:last-child {
    margin-right: 0;
  }
  .block-wishlist-management .wishlist-select-items .current {
    border-bottom: 3px solid #ff5501;
    font-weight: 600;
  }
  .block-wishlist-management .wishlist-select .wishlist-name-current {
    display: none;
  }
  .block-wishlist-management .wishlist-add.item {
    position: absolute;
    right: 0;
    top: 0;
  }
  .block-wishlist-management .wishlist-title strong {
    font-size: 4rem;
  }
  .block-wishlist-management .wishlist-info {
    float: left;
  }
  .block-wishlist-management .wishlist-toolbar {
    float: right;
  }
  .block-wishlist-info-items .product-item-photo {
    margin-left: 0;
  }
  .products-grid.wishlist .product-item-checkbox {
    float: left;
  }
  .products-grid.wishlist .product-item-checkbox + .product-item-name {
    margin-left: 27.5px;
  }
  .form-create-return .fieldset .field {
    width: 45%;
  }
  .magento-rma-guest-returns .column.main .block.block-order-details-view .block-content:not(.widget) .box {
    clear: none;
    float: left;
    width: 25%;
  }
  .block-returns-tracking .block-title .action {
    margin: 12px 0 0 30px;
  }
  .block-returns-tracking .block-title .action.track {
    float: right;
  }
  .account .column.main .block.block-order-details-view .block-content:not(.widget) .box,
  [class^='sales-guest-'] .column.main .block.block-order-details-view .block-content:not(.widget) .box,
  .sales-guest-view .column.main .block.block-order-details-view .block-content:not(.widget) .box {
    clear: none;
    float: left;
    width: 25%;
  }
  .block-order-details-comments .comment-content {
    overflow: hidden;
  }
  .order-details-items .col {
    width: auto;
  }
  .order-details-items .col.price {
    text-align: center;
  }
  .order-details-items .col.subtotal {
    text-align: right;
  }
  .order-details-items tbody td {
    padding-bottom: 20px;
    padding-top: 20px;
  }
  .order-details-items.ordered .order-title {
    display: none;
  }
  .order-pager-wrapper .order-pager-wrapper-top {
    padding-left: 0;
    padding-right: 0;
  }
  .order-pager-wrapper .toolbar-amount {
    position: relative;
  }
  .order-pager-wrapper .pages {
    float: right;
  }
  .table-order-items tbody .col.label,
  .table-order-items tbody .col.value {
    padding-left: 0;
  }
  .table-order-items.invoice .col.qty,
  .table-order-items.shipment .col.qty {
    text-align: center;
  }
  .table-order-items.creditmemo .col.qty,
  .table-order-items.creditmemo .col.discount,
  .table-order-items.creditmemo .col.subtotal {
    text-align: center;
  }
  .table-order-items.creditmemo .col.total {
    text-align: right;
  }
  .form.send.friend {
    width: 60%;
  }
  .form.send.friend .fieldset .field {
    width: 45%;
  }
  .form.send.friend .fieldset .field.text {
    width: 90%;
  }
  .header.panel > .header.links {
    float: right;
    font-size: 0;
    margin: 0;
    padding: 0;
    list-style: none none;
    margin-left: auto;
  }
  .header.panel > .header.links > li {
    display: inline-block;
    vertical-align: top;
  }
  .header.panel > .header.links > li {
    font-size: 16px;
    margin: 0 0 0 15px;
  }
  .header.panel > .header.links > li.welcome,
  .header.panel > .header.links > li a {
    line-height: 1.4;
  }
  .header.panel > .header.links > li.welcome a {
    padding-left: 5.5px;
  }
  .page-main > .page-title-wrapper .page-title {
    display: inline-block;
  }
  .page-main > .page-title-wrapper .page-title + .action {
    float: right;
    margin-top: 22px;
  }
  .products-grid.wishlist .product-item-info:hover .product-item-inner {
    display: block;
  }
  .products-grid.wishlist .product-item-tooltip {
    display: inline-block;
  }
  .products-grid.wishlist .product-item .fieldset {
    margin-bottom: 0;
  }
  .products-grid.wishlist .product-item .fieldset .field.qty {
    float: left;
  }
  .products-grid.wishlist .product-item .fieldset .field.qty {
    float: left;
    padding-right: 11px;
    margin-bottom: 10px;
  }
  .products-grid.wishlist .product-item .box-tocart {
    margin-bottom: 0;
  }
  .products-grid.wishlist .product-item .box-tocart .control {
    margin-bottom: 0;
  }
  .products-grid.wishlist .product-item .box-tocart .actions-primary {
    margin: 0;
  }
  .products-grid.wishlist .product-item .box-tocart .actions-primary button {
    width: 100%;
  }
  .products-grid.wishlist .product-item .box-tocart .stock {
    margin: 22px 0 0;
  }
  .products-grid.wishlist .product-item .tocart {
    width: auto;
  }
  .wishlist-index-index .product-item-info {
    position: relative;
    width: 100%;
    display: inline-block;
    vertical-align: top;
  }
  .wishlist-index-index .product-item-inner {
    background: #fff;
    box-shadow: 0 2px 5px #e1e1e1;
    display: none;
    left: 0;
    margin: 0;
    padding: 0 9px 9px;
    position: absolute;
    right: 0;
    z-index: 2;
  }
  .amsl-cart-page .-labeled-buttons .amsl-buttons,
  .amsl-registration-page .-labeled-buttons .amsl-buttons,
  .amsl-login-page .-labeled-buttons .amsl-buttons {
    width: 100%;
  }
  .amsl-cart-page .-labeled-buttons .amsl-button-wrapper.with-label.-rectangular,
  .amsl-registration-page .-labeled-buttons .amsl-button-wrapper.with-label.-rectangular,
  .amsl-login-page .-labeled-buttons .amsl-button-wrapper.with-label.-rectangular {
    margin: 0 15px 15px 0;
    width: 25%;
  }
  .amsl-forgot-content .amsl-error {
    max-width: 340px;
  }
  .amsl-error {
    margin: 0 40px 20px;
  }
  .header.panel > .header.links > li.greet.welcome:not(:first-of-type) {
    margin: 0;
  }
  .amsl-register-content .amsl-form .fieldset.create.info .fullname .fields > .field.field-name-firstname {
    margin-bottom: 20px;
    width: auto;
  }
  .amsl-register-content .amsl-form .fieldset.create.info .fullname .fields > .field.field-name-lastname {
    padding: 0;
    width: auto;
  }
  .amsl-register-content .amsl-form .fieldset.create.info .fullname .fields > .field-name-prefix,
  .amsl-register-content .amsl-form .fieldset.create.info .fullname .fields > .field-name-suffix {
    flex-basis: 20%;
  }
  .amsl-register-content .amsl-form .fieldset.create.info .fullname[class*='prefix'] .fields > .field-name-firstname,
  .amsl-register-content .amsl-form .fieldset.create.info .fullname[class*='suffix'] .fields > .field-name-lastname {
    width: calc(80% - 10px);
  }
  .amsl-popup-block {
    margin: auto;
    max-width: 570px;
  }
  .amsl-popup-block.-social-right,
  .amsl-popup-block.-social-left {
    max-width: 850px;
  }
  .amsl-popup-block.-social-left .amsl-login-content {
    flex-direction: row-reverse;
  }
  .amsl-popup-block.-social-right .amsl-login-content {
    flex-direction: row;
  }
  .amsl-popup-block .amsl-login-content {
    width: 425px;
  }
  .amsl-popup-block .amsl-register-content {
    width: 570px;
  }
  .amsl-popup-block .amsl-register-content .fieldset.create.info .field-name-firstname,
  .amsl-popup-block .amsl-register-content .fieldset.create.info .field-name-lastname {
    display: inline-block;
    margin-bottom: 0;
    width: 48%;
  }
  .amsl-popup-block .amsl-register-content .fieldset.create.info > .field:not([class*='field-name-']) {
    margin: 20px 0 0;
  }
  .amsl-popup-block .amsl-tablist {
    margin: 30px 40px 40px;
  }
  .amsl-popup-block .amsl-form {
    margin: 0 40px 70px;
    min-width: 300px;
  }
  .amsl-popup-block .amsl-social-login .amsl-buttons {
    padding: 50px;
  }
  .amsl-popup-block .amsl-button-wrapper {
    margin: 0 15px 15px;
  }
  .amsl-popup-block .amsl-login-content .amsl-button-wrapper.with-label.-rectangular {
    margin: 0 0 15px;
  }
  .amsl-popup-block.-social-right .amsl-login-content,
  .amsl-popup-block.-social-left .amsl-login-content {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 50px;
    width: 100%;
  }
  .amsl-popup-block.-social-right .amsl-login-content .amsl-form,
  .amsl-popup-block.-social-left .amsl-login-content .amsl-form {
    flex: auto;
    max-width: 330px;
  }
  .amsl-popup-block.-social-right .amsl-login-content .amsl-form,
  .amsl-popup-block.-social-left .amsl-login-content .amsl-form,
  .amsl-popup-block.-social-right .amsl-login-content .fieldset,
  .amsl-popup-block.-social-left .amsl-login-content .fieldset {
    margin-bottom: 0;
  }
  .amsl-popup-block.-social-right .amsl-login-content .amsl-separator,
  .amsl-popup-block.-social-left .amsl-login-content .amsl-separator {
    display: block;
  }
  .amsl-popup-block.-social-right .amsl-login-content .amsl-social-wrapper,
  .amsl-popup-block.-social-left .amsl-login-content .amsl-social-wrapper {
    flex: 1;
    margin: 0 40px;
    min-width: 300px;
    width: auto;
  }
  .amsl-popup-block.-social-right .amsl-login-content .amsl-social-login,
  .amsl-popup-block.-social-left .amsl-login-content .amsl-social-login {
    border-radius: 4px;
    flex-direction: column;
    padding: 0;
  }
  .amsl-popup-block.-social-right .amsl-login-content .amsl-social-login .amsl-buttons,
  .amsl-popup-block.-social-left .amsl-login-content .amsl-social-login .amsl-buttons {
    box-sizing: border-box;
    padding: 0 35px;
    width: 100%;
  }
  .amsl-popup-block.-social-right .amsl-login-content .amsl-social-login .amsl-title,
  .amsl-popup-block.-social-left .amsl-login-content .amsl-social-login .amsl-title {
    background: none;
    margin: 18px auto;
    padding: 10px;
    transform: none;
  }
  .amsl-popup-block.-social-right .amsl-login-content .amsl-error.-default,
  .amsl-popup-block.-social-left .amsl-login-content .amsl-error.-default {
    margin: 0 40px 10px;
    order: 0;
    width: 100%;
  }
  .amsl-popup-block.-social-right .amsl-login-content .amsl-error.-social,
  .amsl-popup-block.-social-left .amsl-login-content .amsl-error.-social {
    flex-basis: auto;
    margin: auto 0 0;
    order: 1;
  }
  .amsl-popup-block.-social-right .amsl-login-content .amsl-title,
  .amsl-popup-block.-social-left .amsl-login-content .amsl-title {
    position: relative;
  }
  .amsl-popup-block.-social-right .amsl-login-content.-empty,
  .amsl-popup-block.-social-left .amsl-login-content.-empty {
    flex-direction: column;
  }
  .amsl-popup-block.-social-right .amsl-login-content.-empty .amsl-error,
  .amsl-popup-block.-social-left .amsl-login-content.-empty .amsl-error {
    max-width: 320px;
  }
  .amsl-popup-block.-social-top .amsl-login-content .amsl-separator {
    margin: 45px 40px;
  }
  .amsl-popup-block.-social-top .amsl-login-content .amsl-social-login {
    border-radius: 4px;
    margin: 0 40px;
  }
  .amsl-popup-block.-social-top .amsl-login-content .amsl-form {
    margin-bottom: 55px;
  }
  .amsl-popup-block.-social-top .amsl-login-content .amsl-error {
    margin: 0 40px 20px;
  }
  .amsl-popup-block.-social-bottom .amsl-error {
    margin: 35px 40px 20px;
  }
  .amsl-accounts {
    flex-direction: row;
  }
  .amsl-accounts .amsl-accounts-block {
    width: 45%;
  }
  .amsl-socials-checkout {
    max-width: 500px;
  }
  .amsl-cart-page .amsl-social-login,
  .amsl-login-page .amsl-social-login,
  .amsl-registration-page .amsl-social-login {
    flex-direction: row;
    padding: 20px 20px 0;
  }
  .amsl-cart-page .amsl-social-login .amsl-title,
  .amsl-login-page .amsl-social-login .amsl-title,
  .amsl-registration-page .amsl-social-login .amsl-title {
    margin-bottom: 20px;
    text-align: left;
  }
  .amsl-cart-page .amsl-social-login .amsl-button-wrapper,
  .amsl-login-page .amsl-social-login .amsl-button-wrapper,
  .amsl-registration-page .amsl-social-login .amsl-button-wrapper {
    margin: 0 10px 20px;
  }
  .block.widget .products-grid .product-item {
    width: 33.33333333%;
  }
  .sidebar .block.widget .products-grid .product-item {
    margin-left: 0;
    width: 100%;
  }
  .sidebar .block.widget .products-grid .product-item .actions-secondary {
    display: block;
    padding: 10px 0;
  }
  .page-layout-1column .block.widget .products-grid .product-item {
    margin-left: 2%;
    width: calc((100% - 6%) / 4);
  }
  .page-layout-1column .block.widget .products-grid .product-item:nth-child(3n + 1) {
    margin-left: 2%;
  }
  .page-layout-1column .block.widget .products-grid .product-item:nth-child(4n + 1) {
    margin-left: 0;
  }
  .page-layout-3columns .block.widget .products-grid .product-item {
    width: 50%;
  }
  .sidebar .block.widget .pager .pages-item-next {
    padding: 0;
  }
  .sidebar .block.widget .pager .pages-item-next .action {
    margin: 0;
  }
}
@media all and (min-width: 1024px), print {
  .checkout-index-index .modal-popup .modal-inner-wrap {
    margin-left: -400px;
    width: 800px;
    left: 50%;
  }
  .table-checkout-shipping-method {
    min-width: 500px;
  }
  .block.widget .products-grid .product-item {
    width: 20%;
  }
  .page-layout-1column .block.widget .products-grid .product-item {
    margin-left: 2%;
    width: calc((100% - 8%) / 5);
  }
  .page-layout-1column .block.widget .products-grid .product-item:nth-child(4n + 1) {
    margin-left: 2%;
  }
  .page-layout-1column .block.widget .products-grid .product-item:nth-child(5n + 1) {
    margin-left: 0;
  }
  .page-layout-3columns .block.widget .products-grid .product-item {
    width: 25%;
  }
  .block.widget .products-grid .product-items {
    margin: 0;
  }
  .block.widget .products-grid .product-item {
    margin-left: calc((100% - 4 * 24.439%) / 3);
    padding: 0;
    width: 24.439%;
  }
  .block.widget .products-grid .product-item:nth-child(4n + 1) {
    margin-left: 0;
  }
}
@media all and (min-width: 1440px), print {
  .sidebar .product-items .product-item-info .product-item-photo {
    float: none;
    left: 0;
    margin: 0;
    position: absolute;
    top: 0;
  }
  .sidebar .product-items .product-item-details {
    margin-left: 85px;
  }
}
/*─────────────────────────────────────────────────────────────────────────────*/
/* Captain Greek – Smart-Menu refresh (NO sprite, works everywhere)            */
/*─────────────────────────────────────────────────────────────────────────────*/
/* 1 – card shell ----------------------------------------------------------- */
.block.block-nav {
  background: #fafafa;
  border-radius: 12px;
  padding: 22px 24px;
  margin-bottom: 30px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}
/* 2 – reset + typography --------------------------------------------------- */
#categories-nav,
.sidebar ul.nav-collapse.nav-categories {
  margin: 0;
  padding: 0;
  list-style: none;
}
#categories-nav a,
.sidebar ul.nav-collapse li > a {
  display: flex;
  align-items: center;
  gap: .6rem;
  width: 100%;
  padding: .5rem 0;
  font: 17px/1.7 'Roboto', Arial, sans-serif;
  color: #444446;
  text-decoration: none;
  transition: color .15s;
}
/* indent subs */
#categories-nav li.level1 > a,
.sidebar ul.nav-collapse li.level1 > a {
  padding-left: 1.5rem;
}
/* 3 – colour states -------------------------------------------------------- */
#categories-nav a:hover,
#categories-nav a:focus-visible,
.sidebar ul.nav-collapse a:hover,
.sidebar ul.nav-collapse a:focus-visible {
  color: #2d337f;
}
#categories-nav li.active > a,
.sidebar ul.nav-collapse li.active > a {
  color: #2d337f;
  font-weight: 600;
}
#categories-nav li.active > a::after,
.sidebar ul.nav-collapse li.active > a::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  background: #d4af37;
}
/* 4 – chevrons (just size + colour) --------------------------------------- */
ul.nav-collapse li span.mbi {
  font-size: 1.4rem;
  line-height: 1;
  color: #aaaaac;
  transition: color .15s;
}
ul.nav-collapse li:hover > span.mbi,
ul.nav-collapse li:focus-within > span.mbi {
  color: #2d337f;
}
ul.nav-collapse li.active > span.mbi {
  color: #d4af37;
}
/* 5 – icons via background-image ------------------------------------------ */
#categories-nav li.level0 > a::before,
.sidebar ul.nav-collapse li.level0 > a::before {
  content: '';
  display: inline-block;
  width: 1.15rem;
  height: 1.15rem;
  flex: 0 0 1.15rem;
  margin-right: .35rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  filter: grayscale(1) brightness(0.65);
  transition: filter .15s;
}
#categories-nav a:hover::before,
#categories-nav a:focus-visible::before,
.sidebar ul.nav-collapse a:hover::before,
.sidebar ul.nav-collapse a:focus-visible::before {
  filter: none;
}
#categories-nav li.active > a::before,
.sidebar ul.nav-collapse li.active > a::before {
  filter: hue-rotate(-35deg) saturate(6);
}
/* one-to-one mapping (18 lines) */
li.nav-1 > a::before {
  background-image: url('../svg/cats/olive.svg');
}
li.nav-2 > a::before {
  background-image: url('../svg/cats/cheese.svg');
}
li.nav-3 > a::before {
  background-image: url('../svg/cats/leaf.svg');
}
li.nav-4 > a::before {
  background-image: url('../svg/cats/fish.svg');
}
li.nav-5 > a::before {
  background-image: url('../svg/cats/drumstick.svg');
}
li.nav-6 > a::before {
  background-image: url('../svg/cats/bowl-noodles.svg');
}
li.nav-7 > a::before {
  background-image: url('../svg/cats/cake.svg');
}
li.nav-8 > a::before {
  background-image: url('../svg/cats/nut.svg');
}
li.nav-9 > a::before {
  background-image: url('../svg/cats/wine.svg');
}
li.nav-10 > a::before {
  background-image: url('../svg/cats/shirt.svg');
}
li.nav-11 > a::before {
  background-image: url('../svg/cats/brush.svg');
}
li.nav-12 > a::before {
  background-image: url('../svg/cats/heart-pulse.svg');
}
li.nav-13 > a::before {
  background-image: url('../svg/cats/home.svg');
}
li.nav-14 > a::before {
  background-image: url('../svg/cats/landmark.svg');
}
li.nav-15 > a::before {
  background-image: url('../svg/cats/music.svg');
}
li.nav-16 > a::before {
  background-image: url('../svg/cats/gift.svg');
}
li.nav-17 > a::before {
  background-image: url('../svg/cats/sprout.svg');
}
li.nav-18 > a::before {
  background-image: url('../svg/cats/book-open.svg');
}
/* 6 – mobile tweak --------------------------------------------------------- */
@media (max-width: 767px) {
  #categories-nav a,
  .sidebar ul.nav-collapse a {
    padding: 1rem 1.2rem;
    font-size: 18px;
  }
  #categories-nav li,
  .sidebar ul.nav-collapse li {
    border-bottom: 1px solid #eee;
  }
}
/* 7 – reduced motion ------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    transition: none !important;
  }
}