/* 20260908052120 - v2 */
.gui,
.gui-block-linklist li a {
  color: #666666;
}

.gui-page-title,
.gui a.gui-bold,
.gui-block-subtitle,
.gui-table thead tr th,
.gui ul.gui-products li .gui-products-title a,
.gui-form label,
.gui-block-title.gui-dark strong,
.gui-block-title.gui-dark strong a,
.gui-content-subtitle {
  color: #000000;
}

.gui-block-inner strong {
  color: #ffffff;
}

.gui a {
  color: #8d8d8d;
}

.gui-input.gui-focus,
.gui-text.gui-focus,
.gui-select.gui-focus {
  border-color: #8d8d8d;
  box-shadow: 0 0 2px #8d8d8d;
}

.gui-select.gui-focus .gui-handle {
  border-color: #8d8d8d;
}

.gui-block,
.gui-block-title,
.gui-buttons.gui-border,
.gui-block-inner,
.gui-image {
  border-color: #8d8d8d;
}

.gui-block-title {
  color: #ffffff;
  background-color: #000000;
}

.gui-content-title {
  color: #ffffff;
}

.gui-form .gui-field .gui-description span {
  color: #666666;
}

.gui-block-inner {
  background-color: #000000;
}

.gui-block-option {
  border-color: #ededed;
  background-color: #f9f9f9;
}

.gui-block-option-block {
  border-color: #ededed;
}

.gui-block-title strong {
  color: #ffffff;
}

.gui-line,
.gui-cart-sum .gui-line {
  background-color: #cbcbcb;
}

.gui ul.gui-products li {
  border-color: #dcdcdc;
}

.gui-block-subcontent,
.gui-content-subtitle {
  border-color: #dcdcdc;
}

.gui-faq,
.gui-login,
.gui-password,
.gui-register,
.gui-review,
.gui-sitemap,
.gui-block-linklist li,
.gui-table {
  border-color: #dcdcdc;
}

.gui-block-content .gui-table {
  border-color: #ededed;
}

.gui-table thead tr th {
  border-color: #cbcbcb;
  background-color: #f9f9f9;
}

.gui-table tbody tr td {
  border-color: #ededed;
}

.gui a.gui-button-large,
.gui a.gui-button-small {
  border-color: #8d8d8d;
  color: #ffffff;
  background-color: #000000;
}

.gui a.gui-button-large.gui-button-action,
.gui a.gui-button-small.gui-button-action {
  border-color: #8d8d8d;
  color: #000000;
  background-color: #000000;
}

.gui a.gui-button-large:active,
.gui a.gui-button-small:active {
  background-color: #000000;
  border-color: #707070;
}

.gui a.gui-button-large.gui-button-action:active,
.gui a.gui-button-small.gui-button-action:active {
  background-color: #000000;
  border-color: #707070;
}

.gui-input,
.gui-text,
.gui-select,
.gui-number {
  border-color: #8d8d8d;
  background-color: #ffffff;
}

.gui-select .gui-handle,
.gui-number .gui-handle {
  border-color: #8d8d8d;
}

.gui-number .gui-handle a {
  background-color: #ffffff;
}

.gui-input input,
.gui-number input,
.gui-text textarea,
.gui-select .gui-value {
  color: #000000;
}

.gui-progressbar {
  background-color: #020400;
}

/* custom */
/* --- Kangaroo widget alignment --- */
body > div:nth-child(1) > div.kangaroo-widget > div > div.name-box {
  min-width: 125px !important;
  text-align: left !important;
}

/* --- Message box layout --- */
body .messages {
  width: auto !important;
}

body .message-container {
  width: 370px;
  top: 50px !important;
  max-width: calc(100% - 20px);
}

/* --- Sticky product info offset --- */
.product-sticky {
  top: 100px;
}

/* --- Content padding (desktop baseline) --- */
#content {
  padding-top: 56px;
}

/* --- Flex utilities --- */
.flex-wrap-row {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.flex-col-6 {
  width: 50%;
}

/* ---------------------------------------------------- */
/* GLOBAL LINK COLORS – KEEP VISIBLE ON WHITE BG        */
/* ---------------------------------------------------- */

a,
a:visited {
  color: #111111;
}

a:hover,
a:focus,
a:active {
  color: #111111;
  text-decoration: underline;
}

/* Force main content links to stay dark */
main a,
main a:visited,
.page-content a,
.content a,
.rte a {
  color: #111111 !important;
}

main a:hover,
.page-content a:hover,
.content a:hover,
.rte a:hover {
  color: #111111 !important;
  text-decoration: underline;
}

/* ---------------------------------------------------- */
/* HEADER & MENU                                        */
/* ---------------------------------------------------- */

/* Header & nav links baseline */
.main-header a,
.main-header__link,
.main-header__dropdown-link {
  color: #111111 !important;
}

/* Header hover/active */
.main-header__link[aria-current="page"],
.main-header__link:hover,
.main-header__dropdown-link[aria-current="page"],
.main-header__dropdown-link:hover {
  color: #8D8D8D !important;
  text-decoration: underline;
}

/* Resizing menu */
.main-header__link {
  font-size: 14px;
  padding: 8px 10px;
}

.main-header__dropdown-link {
  font-size: 14px;
  padding: 8px 10px;
}

/* Nav height */
.main-header__nav {
  padding-top: 6px;
  padding-bottom: 6px;
}

/* ---------------------------------------------------- */
/* TOP BLACK BAR FIX (Sign Up / Log-In)                 */
/* ---------------------------------------------------- */

a[href*="/account"] {
  color: #ffffff !important; /* white on black bar */
}

/* BUT in the footer, override this back to dark */
.site-footer a[href*="/account"],
.footer a[href*="/account"] {
  color: #111111 !important;
}

/* ---------------------------------------------------- */
/* FOOTER LINKS – NO MORE WHITE ON HOVER                */
/* ---------------------------------------------------- */

[class*="footer"] a,
[class*="footer"] a:link,
[class*="footer"] a:visited {
  color: #111111 !important;
}

[class*="footer"] a:hover,
[class*="footer"] a:focus,
[class*="footer"] a:active {
  color: #8D8D8D !important;
  text-decoration: underline;
}

/* ---------------------------------------------------- */
/* PAGINATION – boxes/buttons                     */
/* ---------------------------------------------------- */

.pagination a,
.pagination span,
.pagination__item,
.pagination__link {
  background-color: #ffffff !important;
  color: #111111 !important;
  border: 1px solid #dddddd;
}

.pagination a[aria-current="page"],
.pagination__link--active,
.pagination__item--active,
.pagination__item--active a {
  background-color: #111111 !important;
  color: #ffffff !important;
  border-color: #f4d4e5 !important;
}

/* ---------------------------------------------------- */
/* MOBILE NAV MENU                                      */
/* ---------------------------------------------------- */

@media (max-width: 768px) {
  .mobile-menu__link,
  .mobile-menu__item a {
    font-size: 14px;
    padding: 10px 12px;
  }
}

/* ---------------------------------------------------- */
/* RESPONSIVE TWEAKS                                    */
/* ---------------------------------------------------- */

@media only screen and (max-width: 62.5em) {
  #content {
    padding-top: 53px;
  }
  .product-sticky {
    top: 100px;
  }
}

@media all and (max-width: 700px) {
  .flex-col-6 {
    width: 100%;
  }
  .ct-after-content .list-gallery li {
    max-width: 100% !important;
    width: 100% !important;
  }
}

@media all and (min-width: 701px) {
  .right-align-desktop {
    text-align: right;
  }
}

@media only screen and (max-width: 47.5em) {
  #content {
    padding-top: 64px;
  }
}

/* ---------------------------------------------------- */
/* WISHLIST BUTTON FIX                                    */
/* ---------------------------------------------------- */

.btn--wishlist {
    color: #111111 !important;
    fill: #111111 !important;
}

.btn--wishlist:hover {
    color: #8D8D8D !important;
    fill: #8D8D8D !important;
}

/* ---------------------------------------------------- */
/* MOVE AUTHNET BUTTON RIGHT                                  */
/* ---------------------------------------------------- */

.site-footer img[src*="authorize"],
.footer img[src*="authorize"],
.site-footer img[alt*="Authorize"],
.footer img[alt*="Authorize"] {
    margin-left: auto !important;
    margin-right: 0 !important;
    display: block !important;
}
.site-footer .footer__block,
.footer .footer__block {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.site-footer .footer__block img[src*="authorize"],
.footer__block img[src*="authorize"] {
    float: right !important;
}


/* ---------------------------------------------------- */
/* HOMEPAGE HERO BUTTONS                                */
/* ---------------------------------------------------- */


/* ==================================================== */
/* HEADLINE 2 BUTTON - ORIGINAL GOLD / BRONZE STYLE      */
/* ==================================================== */

#heroBanner2 .hero-slideshow__wrapper .btn.btn--primary {
  background: rgba(55, 35, 18, 0.55) !important;
  color: #f7d79a !important;
  border: 2px solid #d9b06f !important;
  border-radius: 14px !important;

  padding: 18px 38px !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-transform: none !important;
  letter-spacing: 0.5px !important;

  backdrop-filter: blur(3px);

  box-shadow:
    0 4px 12px rgba(0, 0, 0, 0.35),
    inset 0 0 10px rgba(255, 215, 150, 0.08) !important;

  position: relative;
  left: 0;
  top: 0;

  transition:
    background 0.25s ease,
    border-color 0.25s ease,
    color 0.25s ease,
    transform 0.25s ease !important;
}

#heroBanner2 .hero-slideshow__wrapper .btn.btn--primary:hover {
  background: rgba(80, 50, 25, 0.70) !important;
  border-color: #f0c77f !important;
  color: #ffe4b3 !important;
  transform: translateY(-1px);
}


/* ==================================================== */
/* HEADLINE 1 BUTTON - PIPEDREAM FLUID POSITIONING       */
/* ==================================================== */

/*
 * This makes the hero wrapper the positioning area for
 * the PipeDream button.
 */
#heroBanner1 .hero-slideshow__wrapper {
  position: relative !important;
}

/*
 * The PipeDream button now scales and moves smoothly.
 * It no longer uses separate left/top values at every
 * breakpoint.
 */
#heroBanner1 .hero-slideshow__wrapper .btn.btn--primary {
  background: #ec008c !important;
  color: #ffffff !important;
  border: 2px solid #ffffff !important;
  border-radius: 9999px !important;

  font-family: Arial, Helvetica, sans-serif !important;
  font-size: clamp(9px, 1.05vw, 22px) !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: clamp(0.2px, 0.04vw, 0.7px) !important;
  white-space: nowrap !important;

  padding:
    clamp(4px, 0.72vw, 17px)
    clamp(10px, 1.75vw, 40px) !important;

  box-shadow:
    0 8px 20px rgba(0, 0, 0, 0.60),
    0 0 18px rgba(236, 0, 140, 0.48),
    inset 0 1px 2px rgba(255, 255, 255, 0.18) !important;

  position: absolute !important;

  /*
   * Horizontal placement:
   * stays inside the banner instead of drifting offscreen.
   */
  left: clamp(18px, 8.5%, 250px) !important;

  /*
   * Vertical placement:
   * remains near the bottom edge of the hero at every width.
   */
  bottom: clamp(10px, 3.8%, 38px) !important;

  top: auto !important;
  right: auto !important;
  margin: 0 !important;

  z-index: 20 !important;

  transition:
    background 0.25s ease,
    border-color 0.25s ease,
    box-shadow 0.25s ease,
    transform 0.25s ease !important;
}

#heroBanner1 .hero-slideshow__wrapper .btn.btn--primary:hover {
  background: #ff169f !important;
  color: #ffffff !important;
  border-color: #ffffff !important;

  box-shadow:
    0 10px 24px rgba(0, 0, 0, 0.68),
    0 0 24px rgba(236, 0, 140, 0.65),
    inset 0 1px 2px rgba(255, 255, 255, 0.22) !important;

  transform: translateY(-2px) scale(1.03);
}


/* ==================================================== */
/* HEADLINE 2 RESPONSIVE BREAKPOINTS                     */
/* ==================================================== */

/* Ultra-wide monitors */
@media (min-width: 2000px) {
  #heroBanner2 .hero-slideshow__wrapper .btn.btn--primary {
    padding: 24px 48px !important;
    font-size: 26px !important;
    left: -150px;
    top: -150px;
  }
}

/* True large desktop */
@media (min-width: 1400px) and (max-width: 1999px) {
  #heroBanner2 .hero-slideshow__wrapper .btn.btn--primary {
    padding: 20px 42px !important;
    font-size: 22px !important;
    left: -30px;
    top: -90px;
  }
}

/* Small desktop / large tablet */
@media (min-width: 1200px) and (max-width: 1399px) {
  #heroBanner2 .hero-slideshow__wrapper .btn.btn--primary {
    padding: 16px 32px !important;
    font-size: 18px !important;
    left: 55px;
    top: -35px;
  }
}

/* Laptop / tablet landscape */
@media (min-width: 951px) and (max-width: 1199px) {
  #heroBanner2 .hero-slideshow__wrapper .btn.btn--primary {
    padding: 12px 24px !important;
    font-size: 16px !important;
    border-radius: 12px !important;
    left: 30px;
    top: -25px;
  }
}

/* Tablet portrait / mid-size screens */
@media (min-width: 769px) and (max-width: 950px) {
  #heroBanner2 .hero-slideshow__wrapper .btn.btn--primary {
    padding: 10px 20px !important;
    font-size: 14px !important;
    border-radius: 10px !important;
    left: 25px;
    top: -20px;
  }
}

/* Large mobile / small tablet */
@media (min-width: 481px) and (max-width: 768px) {
  #heroBanner2 .hero-slideshow__wrapper .btn.btn--primary {
    font-size: 12px !important;
    padding: 5px 11px !important;
    border-radius: 8px !important;
    border-width: 1.5px !important;
    left: 20px;
    top: -8px;
  }
}

/* Small mobile */
@media (max-width: 480px) {
  #heroBanner2 .hero-slideshow__wrapper .btn.btn--primary {
    font-size: 12px !important;
    padding: 5px 11px !important;
    border-radius: 8px !important;
    border-width: 1.5px !important;
    left: 0;
    top: 0;
  }
}