/* sushant code */
div.pld-search-input-box > .pld-search-field-input::placeholder,
.pld-modal-search-input::placeholder {
  color: #3c7891 !important;
  opacity: 1 !important;
  letter-spacing: 0;
  font-family: 'Segoe UI', sans-serif !important;
  font-size: 15px;
}

.pld-modal-search-input::placeholder {
  font-size: 18px;
}

/* Legacy prefixes (each in its own rule) */
div.pld-search-input-box > .pld-search-field-input::-webkit-input-placeholder,
.pld-modal-search-input::-webkit-input-placeholder {
  color: #3c7891 !important;
  opacity: 1 !important;
  letter-spacing: 0;
}

div.pld-search-input-box > .pld-search-field-input::-moz-placeholder,
.pld-modal-search-input::-moz-placeholder {
  color: #3c7891 !important;
  opacity: 1 !important;
  letter-spacing: 0;
}

div.pld-search-input-box > .pld-search-field-input:-ms-input-placeholder,
.pld-modal-search-input::-ms-input-placeholder {
  color: #3c7891 !important;
  opacity: 1 !important;
  letter-spacing: 0;
}

.pld-featured-title {
  font-weight: 700 !important;
}

.pld-top-link,
.pld-card-title,
.pld-mega-col-heading,
.pld-search-modal-title,
#pldModalSearchInput,
#pldModalSearchClear,
.pld-modal-footer-info h4,
.pld-modal-footer-info p,
.pld-not-found-subtext,
.pld-modal-contact-btn {
  font-family: 'Segoe UI', sans-serif !important;
}

#pldModalSearchInput {
  font-weight: 600 !important;
}

.pld-explore-label,
.pld-category-header-title,
#pldModalAllResultsText {
  font-weight: 700 !important;
}

.pld-modal-search-box {
  height: 52px !important;
  background: #f7fcfe !important;
}

.pld-modal-search-clear,
.pld-group-item-title,
.pld-category-header-view-all {
  font-weight: 600 !important;
}

.pld-modal-footer-title {
  font-size: 16px !important;
  font-weight: 700 !important;
}

.pld-modal-footer-sub {
  font-size: 14px !important;
}

.pld-not-found-center-hero {
  margin: -20px auto 22px;
}

/* popup animation code */
body .pld-search-modal-overlay {
  display: flex !important;
  background: rgba(3, 17, 22, 0.6) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition:
    opacity 0.3s ease,
    visibility 0.3s ease !important;
}

body .pld-search-modal-overlay.is-active {
  display: flex !important;
  background: rgba(3, 17, 22, 0.6) !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

body .pld-search-modal-overlay > .pld-search-modal-dialog {
  animation: pldModalZoomOut 0.3s ease forwards !important;
}

body .pld-search-modal-overlay.is-active > .pld-search-modal-dialog {
  animation: pldModalZoomIn 0.3s ease forwards !important;
}

@keyframes pldModalZoomIn {
  from {
    transform: scale(0.5) translateY(-6px);
    opacity: 0;
  }

  to {
    transform: scale(1) translateY(0);
    opacity: 1;
  }
}

@keyframes pldModalZoomOut {
  from {
    transform: scale(1) translateY(0);
    opacity: 1;
  }

  to {
    transform: scale(0.5) translateY(-6px);
    opacity: 0;
  }
}

/* end of popup animation code */
@media (min-width: 1300px) {
  body .header_menu {
    width: 77% !important;
  }

  body .top-middle-box .search-box {
    min-width: 23% !important;
    margin-left: 12px !important;
  }
}

@media (min-width: 1200px) {
  .header_main_dev {
    width: 87% !important;
  }

  .header_logo {
    width: 13% !important;
  }

  body .top-middle-box .search-box {
    margin-left: 12px !important;
  }
}

@media (min-width: 992px) {
  body div.logo {
    margin: -5px 0 10px 10px;
  }

  #menu-primary ul li a:not(.dropdown-toggle) {
    padding: 10px 8px !important;
  }

  .pld-util-link span {
    font-size: 16px !important;
  }

  #menu-primary ul li a.pld-top-link.pld-top-btn-link {
    padding: 10px 35px 10px 17px !important;
    font-weight: 600 !important;
    min-height: 44px;
  }

  .pld-mega-menu-list {
    gap: 0 !important;
  }

  .pld-search-input-box {
    min-height: 44px;
  }

  .pld-navbar-middle-box {
    margin-top: 15px !important;
  }

  #menu-primary-items .pld-caret-icon {
    width: 18px !important;
    height: 18px !important;
  }

  #header.navbar {
    padding: 10px 0;
  }

  .pld-header-shop-btn {
    min-height: 42px;
  }

  .pld-mega-col-heading {
    font-size: 16px !important;
    font-weight: 700 !important;
  }

  #menu-primary ul li a.pld-top-btn-link:hover,
  #menu-primary ul li.is-active a.pld-top-btn-link,
  #menu-primary ul li.pld-current-active a.pld-top-btn-link,
  #menu-primary ul li.current-menu-ancestor a.pld-top-btn-link,
  #menu-primary ul li.current-menu-parent a.pld-top-btn-link,
  #menu-primary ul li.current-menu-item a.pld-top-btn-link {
    background-color: #005a8a !important;
    color: #fff !important;
  }

  #menu-primary ul li a.pld-top-btn-link:hover .pld-top-link-text,
  #menu-primary ul li.is-active a.pld-top-btn-link .pld-top-link-text,
  #menu-primary ul li.pld-current-active a.pld-top-btn-link .pld-top-link-text,
  #menu-primary ul li.current-menu-ancestor a.pld-top-btn-link .pld-top-link-text,
  #menu-primary ul li.current-menu-parent a.pld-top-btn-link .pld-top-link-text,
  #menu-primary ul li.current-menu-item a.pld-top-btn-link .pld-top-link-text {
    color: #fff !important;
  }

  #menu-primary-items .pld-mega-panel {
    display: flex !important;
    transition: all 0.4s !important;
    transform: translateY(100px) !important;
  }

  #menu-primary-items .pld-nav-item:hover > .pld-mega-panel,
  #menu-primary-items .pld-nav-item.is-active > .pld-mega-panel {
    transform: translateY(0) !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  #menu-primary .pld-bottom-cards-row > .pld-bottom-card {
    padding: 20px 35px 20px 20px !important;
  }

  #menu-primary-items .pld-mega-arrow {
    top: -9px !important;
    border-left: 7px solid transparent !important;
    border-right: 7px solid transparent !important;
    border-bottom: 9px solid var(--pld-accent) !important;
  }

  #menu-primary-items ul.pld-mega-sublinks-list li.pld-sublink-item a::after,
  .pld-featured-cta svg,
  .pld-bottom-cards-row a > svg {
    transform: translateX(0);
    transition: all 0.3s;
  }

  #menu-primary-items ul.pld-mega-sublinks-list li.pld-sublink-item:hover a::after,
  .pld-featured-cta:hover svg,
  .pld-bottom-cards-row a:hover > svg {
    transform: translateX(3px);
  }

  .pld-search-modal-title {
    font-size: 30px !important;
    font-weight: 700 !important;
    padding-bottom: 10px;
  }

  body .pld-modal-search-input {
    font-size: 18px !important;
    font-weight: 600 !important;
  }

  .pld-modal-search-box {
    height: 52px !important;
  }

  .pld-section-subtitle {
    margin-bottom: 12px;
    letter-spacing: 1px;
  }

  .pld-popular-searches-section {
    margin-bottom: 28px;
  }

  .pld-modal-search-form {
    margin: 0 24px 25px !important;
  }

  .pld-modal-search-content {
    padding: 0 24px 30px;
  }

  .pld-search-modal-dialog {
    max-height: 93vh;
  }

  .pld-not-found-heading {
    font-size: 22px !important;
    font-weight: 700 !important;
  }

  #pldModalNotFoundState .pld-not-found-center-hero p.pld-not-found-subtext {
    max-width: 430px !important;
  }
}

@media (max-width: 991px) {
  .inline-header .pld-tab-divider {
    width: 1px !important;
    height: 18px !important;
  }

  .inline-header .navbar-header::after,
  .inline-header .navbar-header::before,
  .inline-header .navbar-header button::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 3px;
    background: #009ed5;
    top: 0;
    z-index: 9;
  }

  .inline-header .navbar-header::before {
    top: 8px;
  }

  .inline-header .navbar-header button::after {
    top: 16px;
  }

  .inline-header .navbar-header button img {
    opacity: 0;
  }

  /* Keyed on the toggle and drawer, not .pld-menu-lock: the search popup and
     the filter drawer set and clear that class too, which hid the bars while
     the menu was closed (and brought them back over the close icon while it
     was open). */
  .inline-header .navbar-header:has(#toggleButton[aria-expanded='true'])::after,
  .inline-header .navbar-header:has(#toggleButton[aria-expanded='true'])::before,
  .inline-header .navbar-header:has(#toggleButton.is-active)::after,
  .inline-header .navbar-header:has(#toggleButton.is-active)::before,
  .inline-header .navbar-header:has(#toggleButton.open)::after,
  .inline-header .navbar-header:has(#toggleButton.open)::before,
  .inline-header .navbar-header #toggleButton[aria-expanded='true']::after,
  .inline-header .navbar-header #toggleButton.is-active::after,
  .inline-header .navbar-header #toggleButton.open::after,
  body:has(#menu1.is-open) .inline-header .navbar-header::after,
  body:has(#menu1.is-open) .inline-header .navbar-header::before,
  body:has(#menu1.is-open) .inline-header .navbar-header button::after,
  body:has(#menu1.open) .inline-header .navbar-header::after,
  body:has(#menu1.open) .inline-header .navbar-header::before,
  body:has(#menu1.open) .inline-header .navbar-header button::after {
    display: none !important;
  }

  .inline-header .navbar-header {
    position: relative;
    margin-left: 3px !important;
  }

  #menu1 #menu-primary-mobile .pld-mob-quote-link {
    font-family: 'Segoe UI', sans-serif !important;
  }

  #menu1 #menu-primary-mobile .pld-sublink-title,
  #menu-primary-mobile ul li a span {
    font-weight: 600 !important;
  }

  #menu1 #menu-primary-mobile .pld-sublink {
    padding: 7px 10px !important;
  }

  #menu1 #menu-primary-mobile .pld-mob-cta-row {
    padding: 15px !important;
  }

  #menu1 #menu-primary-mobile .pld-sublink::after {
    display: none !important;
  }

  body .pld-modal-overlay {
    z-index: 10000001 !important;
  }

  body .pld-modal-title {
    font-weight: 700 !important;
  }

  #menu1 #menu-primary-mobile .pld-mobile-menu-list > li:last-child {
    border-bottom: 0 !important;
  }

  .pld-search-modal-title {
    font-weight: 700 !important;
  }

  .pld-not-found-illus img {
    max-width: 80px;
    margin-top: -4px;
  }

  .pld-not-found-heading {
    font-weight: 600 !important;
  }
}

@media (max-width: 412px) {
  .inline-header .pld-mob-header-cart {
    padding: 0 2px !important;
  }

  .inline-header .navbar-header::after,
  .inline-header .navbar-header::before,
  .inline-header .navbar-header button::after {
    width: 96%;
  }

  .inline-header .wc-top-menu,
  .inline-header .pld-top-utility-bar {
    gap: 3px !important;
  }

  .jumbotron.bannerSection {
    margin-top: 1rem !important;
  }

  div.pld-search-input-box > .pld-search-field-input::placeholder,
  .pld-modal-search-input::placeholder {
    font-size: 14px;
  }

  .pld-popular-pill {
    font-size: 14px !important;
    padding: 10px !important;
  }

  .pld-explore-icon-box {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
  }

  .pld-modal-search-box {
    height: 44px !important;
  }
}

@media (max-width: 360px) {
  .inline-header div.logo img.sm-logo,
  .inline-header .logo img.sm-logo {
    height: 30px !important;
    max-height: 33px !important;
  }

  .pld-util-link span {
    font-size: 14px !important;
  }

  .inline-header .pld-mob-search-toggle svg {
    width: 16px !important;
  }

  .inline-header .navbar-header::after,
  .inline-header .navbar-header::before,
  .inline-header .navbar-header button::after {
    width: 21px;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 0;
  }

  .inline-header .navbar-header::before {
    top: 7px;
  }

  .inline-header .navbar-header button::after {
    top: 14px;
  }
}

/* Misspelled Word Search & Suggestions ("Did you mean?") */
.pld-modal-suggestion-wrap {
  width: 100% !important;
  box-sizing: border-box !important;
}

.pld-search-suggestion-notice {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  background: #f0f9ff !important;
  border: 1px solid #7cbcd6 !important;
  padding: 12px 18px !important;
  margin: 0 0 18px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  box-sizing: border-box !important;
}

.pld-suggestion-main {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  font-size: 15px !important;
  color: #212529 !important;
  font-family: 'Segoe UI', sans-serif !important;
}

.pld-suggestion-label {
  font-weight: 600 !important;
  color: #475569 !important;
}

.pld-suggestion-btn {
  background: none !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  color: #0077b6 !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  text-decoration: underline !important;
  cursor: pointer !important;
  font-family: 'Segoe UI', sans-serif !important;
  line-height: inherit !important;
}

.pld-suggestion-btn:hover,
.pld-suggestion-btn:focus {
  color: #005a8a !important;
}

.pld-suggestion-sub {
  font-size: 13px !important;
  color: #475569 !important;
  font-family: 'Segoe UI', sans-serif !important;
}

.pld-suggestion-sub strong {
  color: #0077b6 !important;
}

.pld-not-found-did-you-mean {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 10px auto 14px !important;
  font-size: 15px !important;
  color: #475569 !important;
  font-family: 'Segoe UI', sans-serif !important;
}

.pld-popular-pill.pld-suggestion-pill {
  background: #f0f9ff !important;
  color: #0077b6 !important;
  cursor: pointer !important;
}

.pld-popular-pill.pld-suggestion-pill:hover {
  background: #0077b6 !important;
  color: #fff !important;
}

.pld-search-did-you-mean-notice,
.pld-did-you-mean-notice {
  background: #f0f9ff !important;
  border: 1px solid #7cbcd6 !important;
  padding: 12px 18px !important;
  margin: 12px 0 20px !important;
  box-sizing: border-box !important;
}

.pld-did-you-mean-link {
  color: #0077b6 !important;
  text-decoration: underline !important;
  font-weight: 700 !important;
}

.pld-did-you-mean-link:hover {
  color: #005a8a !important;
}
/* end of sushant code */