/**
 * Wild Kratts shop theme
 * --------------------------------------------------------------
 * Standalone override for the storefront layout
 * (resources/views/components/layouts/home.blade.php).
 *
 * Include it AFTER theme CSS and theme-2/assets/css/custom.css:
 *   <link rel="stylesheet" href="{{ withTime('/css/wild-kratts.css', true) }}">
 *
 * Brand sources (no logos, characters, or proprietary fonts are embedded):
 * - PBS KIDS primary palette and type guidance:
 *   https://pbs-kids-brand.pbskids.org/
 *   Yellow #F7E03B, Sunshine #F5B338, Magenta #E5296B, Red #FB4241,
 *   Purple #A220DF, PBS Blue #2638C4, Blue #2FC0EB, Aqua #2AE8D1,
 *   Green #00AB4E, Dark Green #1A8549, PBS KIDS Green #99CF16.
 * - PBS KIDS Headline / PBS Sans are trademarked and are not loaded.
 *   Poppins and Open Sans are already requested by the layout; Arial is
 *   the style-guide fallback when those custom faces are unavailable.
 * - Crew stripe order follows on-screen and PBS KIDS game color coding:
 *   Chris (PBS Blue), Martin (Green), Aviva (Magenta), Koki (Sunshine),
 *   creature-power glow (Aqua). Those are palette roles, not new assets.
 *
 * Contrast: white text sits on Dark Green #1A8549 (~4.7:1) and PBS Blue
 * #2638C4 (~8.5:1). #00AB4E and #99CF16 are decorative on light surfaces
 * because white text on them fails WCAG AA.
 */

body.full-screen-slider {
  --wk-pbs-blue: #2638c4;
  --wk-blue: #2fc0eb;
  --wk-green: #00ab4e;
  --wk-logo-green: #99cf16;
  --wk-dark-green: #1a8549;
  --wk-green-hover: #146b3a;
  --wk-aqua: #2ae8d1;
  --wk-yellow: #f7e03b;
  --wk-sunshine: #f5b338;
  --wk-magenta: #e5296b;
  --wk-red: #fb4241;
  --wk-ink: #10241c;
  --wk-body: #24332c;
  --wk-muted: #4a5c54;
  --wk-line: #d5e4d8;
  --wk-canvas: #f4f8f3;
  --wk-card: #ffffff;
  --wk-tortuga: #0e3a2c;
  --wk-focus: #2638c4;

  color: var(--wk-body);
  background-color: var(--wk-canvas);
  font-family: "Open Sans", Arial, sans-serif;
  line-height: 1.5;
}

body.full-screen-slider ::selection {
  background: var(--wk-logo-green);
  color: var(--wk-ink);
}

body.full-screen-slider :focus-visible {
  outline: 3px solid var(--wk-focus);
  outline-offset: 2px;
}

body.full-screen-slider .page-wrapper {
  background: transparent;
}

/* Crew color bar: Chris, Martin, Aviva, Koki, creature-power aqua */
body.full-screen-slider .page-wrapper::before {
  content: "";
  display: block;
  height: 6px;
  background: linear-gradient(
    90deg,
    var(--wk-pbs-blue) 0 20%,
    var(--wk-green) 20% 40%,
    var(--wk-magenta) 40% 60%,
    var(--wk-sunshine) 60% 80%,
    var(--wk-aqua) 80% 100%
  );
}

/* ------------------------------------------------------------------
   Typography
   ------------------------------------------------------------------ */

body.full-screen-slider h1,
body.full-screen-slider h2,
body.full-screen-slider h3,
body.full-screen-slider h4,
body.full-screen-slider .product-title,
body.full-screen-slider .section-title,
body.full-screen-slider .widget-title,
body.full-screen-slider .product-default .product-title {
  font-family: Poppins, "Open Sans", Arial, sans-serif;
  color: var(--wk-ink);
  letter-spacing: -0.015em;
}

body.full-screen-slider .section-title {
  text-transform: none;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.25;
}

body.full-screen-slider .product-single-details .product-title,
body.full-screen-slider h1.product-title {
  font-weight: 700;
  line-height: 1.25;
  color: var(--wk-ink);
}

body.full-screen-slider .product-desc,
body.full-screen-slider .product-desc-content,
body.full-screen-slider .product-single-tabs .tab-pane {
  color: var(--wk-body);
  font-size: 1.5rem;
  line-height: 1.6;
}

body.full-screen-slider .product-desc a,
body.full-screen-slider .breadcrumb a,
body.full-screen-slider .main .links a {
  color: var(--wk-pbs-blue);
  text-decoration-thickness: 1px;
  text-underline-offset: 0.15em;
}

body.full-screen-slider .product-desc a:hover,
body.full-screen-slider .breadcrumb a:hover {
  color: var(--wk-green-hover);
}

body.full-screen-slider .breadcrumb {
  background: transparent;
  color: var(--wk-muted);
}

body.full-screen-slider .breadcrumb-item.active {
  color: var(--wk-ink);
}

body.full-screen-slider hr.short-divider {
  width: 4.8rem;
  height: 4px;
  border: 0;
  border-radius: 999px;
  background: var(--wk-green);
  opacity: 1;
}

/* ------------------------------------------------------------------
   Header, navigation, search
   ------------------------------------------------------------------ */

body.full-screen-slider .seller-bar {
  background: var(--wk-pbs-blue);
  color: #fff;
  padding: 8px 16px;
  font-family: Poppins, "Open Sans", Arial, sans-serif;
}

body.full-screen-slider .seller-bar a {
  color: var(--wk-yellow);
  font-weight: 700;
}

body.full-screen-slider .header-text.bg-dark {
  background-color: var(--wk-pbs-blue) !important;
  color: #fff;
  font-family: Poppins, "Open Sans", Arial, sans-serif;
  letter-spacing: 0.01em;
}

body.full-screen-slider .header-text.text-white a {
  color: #fff;
  text-decoration: underline;
  text-underline-offset: 0.15em;
}

body.full-screen-slider .header {
  background: var(--wk-card);
  border-bottom: 1px solid var(--wk-line);
}

body.full-screen-slider .header-middle {
  background: var(--wk-card);
  color: var(--wk-ink);
  padding-top: 10px;
  padding-bottom: 10px;
}

body.full-screen-slider .header-middle.sticky-header.fixed {
  background: #fff;
  border-top: 3px solid var(--wk-green);
  box-shadow: 0 8px 24px rgba(14, 58, 44, 0.08);
  padding-top: 0;
  padding-bottom: 0;
}

body.full-screen-slider .main-nav .menu {
  font-family: Poppins, "Open Sans", Arial, sans-serif;
}

body.full-screen-slider .main-nav .menu > li > a {
  color: var(--wk-ink);
  font-weight: 600;
  letter-spacing: 0.04em;
}

body.full-screen-slider .main-nav .menu > li.active > a,
body.full-screen-slider .main-nav .menu > li.show > a,
body.full-screen-slider .main-nav .menu > li:hover > a,
body.full-screen-slider .main-nav .menu > li > a:focus-visible {
  color: var(--wk-dark-green);
}

body.full-screen-slider .main-nav .menu > li > a {
  box-shadow: inset 0 -3px 0 transparent;
}

body.full-screen-slider .main-nav .menu > li.active > a,
body.full-screen-slider .main-nav .menu > li:hover > a {
  box-shadow: inset 0 -3px 0 var(--wk-logo-green);
}

body.full-screen-slider .main-nav .menu > li > ul,
body.full-screen-slider .main-nav .menu .megamenu {
  border: 1px solid var(--wk-line);
  border-radius: 12px;
  box-shadow: 0 16px 32px rgba(14, 58, 44, 0.12);
  background: #fff;
}

body.full-screen-slider .main-nav .menu li ul li a {
  color: var(--wk-ink);
  font-family: "Open Sans", Arial, sans-serif;
  text-transform: none;
  letter-spacing: 0;
}

body.full-screen-slider .main-nav .menu li ul li a:hover,
body.full-screen-slider .main-nav .menu li ul li a:focus {
  color: var(--wk-dark-green);
  background: #eef6f0;
}

body.full-screen-slider .header-search .form-control,
body.full-screen-slider .header-search .select-custom {
  background: #eef4ef;
  color: var(--wk-ink);
  border-radius: 999px;
}

body.full-screen-slider .header-search .form-control::placeholder {
  color: var(--wk-muted);
}

body.full-screen-slider .header-search-wrapper,
body.full-screen-slider .header-bottom.fixed .header-search-inline.header-search .header-search-wrapper {
  border-color: var(--wk-dark-green);
}

body.full-screen-slider .mobile-menu-toggler {
  color: var(--wk-ink);
}

body.full-screen-slider .cart-dropdown .dropdown-toggle,
body.full-screen-slider .header .search-toggle {
  color: var(--wk-ink);
}

body.full-screen-slider .badge-circle,
body.full-screen-slider .dropdown-arrow .badge-circle {
  background: var(--wk-yellow);
  color: var(--wk-ink);
  font-weight: 700;
}

body.full-screen-slider .mobile-menu-container {
  background: var(--wk-tortuga);
}

body.full-screen-slider .mobile-menu-close {
  color: #fff;
  font-size: 2rem;
}

body.full-screen-slider .mobile-menu li:not(:last-child) {
  border-bottom-color: rgba(255, 255, 255, 0.16);
}

body.full-screen-slider .mobile-menu li a {
  color: #fff;
  font-family: Poppins, "Open Sans", Arial, sans-serif;
  font-weight: 600;
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}

body.full-screen-slider .mobile-menu li a:hover,
body.full-screen-slider .mobile-menu li a:focus {
  color: var(--wk-yellow);
}

body.full-screen-slider .mobile-menu-container .search-wrapper .form-control {
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
  border-radius: 999px;
}

body.full-screen-slider .mobile-menu-container .search-wrapper .form-control::placeholder {
  color: rgba(255, 255, 255, 0.85);
}

/* ------------------------------------------------------------------
   Buttons and shopping actions
   ------------------------------------------------------------------ */

body.full-screen-slider .btn {
  font-family: Poppins, "Open Sans", Arial, sans-serif;
  border-radius: 999px;
  letter-spacing: 0.04em;
}

body.full-screen-slider .btn-primary,
body.full-screen-slider .btn-success,
body.full-screen-slider .btn-dark,
body.full-screen-slider .add-cart,
body.full-screen-slider .inner-quickview figure .btn-quickview {
  background-color: var(--wk-dark-green);
  border-color: var(--wk-dark-green);
  color: #fff;
}

body.full-screen-slider .btn-primary:hover,
body.full-screen-slider .btn-primary:focus,
body.full-screen-slider .btn-success:hover,
body.full-screen-slider .btn-success:focus,
body.full-screen-slider .btn-dark:hover,
body.full-screen-slider .btn-dark:focus,
body.full-screen-slider .add-cart:hover,
body.full-screen-slider .add-cart:focus,
body.full-screen-slider .inner-quickview figure .btn-quickview:hover,
body.full-screen-slider .inner-quickview figure .btn-quickview:focus,
body.full-screen-slider .btn-primary:not(:disabled):not(.disabled):active,
body.full-screen-slider .btn-success:not(:disabled):not(.disabled):active,
body.full-screen-slider .btn-dark:not(:disabled):not(.disabled):active {
  background-color: var(--wk-green-hover);
  border-color: var(--wk-green-hover);
  color: #fff;
}

body.full-screen-slider .btn-primary:disabled,
body.full-screen-slider .btn-success:disabled,
body.full-screen-slider .btn-dark:disabled {
  background-color: var(--wk-dark-green);
  border-color: var(--wk-dark-green);
  color: #fff;
  opacity: 0.6;
}

body.full-screen-slider .btn-gray,
body.full-screen-slider .dropdown-cart-action .view-cart.btn {
  background: #fff;
  border: 2px solid var(--wk-dark-green);
  color: var(--wk-dark-green);
}

body.full-screen-slider .btn-gray:hover,
body.full-screen-slider .btn-gray:focus,
body.full-screen-slider .dropdown-cart-action .view-cart.btn:hover,
body.full-screen-slider .dropdown-cart-action .view-cart.btn:focus {
  background: #eef6f0;
  border-color: var(--wk-green-hover);
  color: var(--wk-green-hover);
}

body.full-screen-slider .product-action .add-cart {
  border-radius: 999px;
  min-height: 44px;
}

body.full-screen-slider .view-cart-link {
  color: var(--wk-pbs-blue);
  font-weight: 700;
  font-size: 1.3rem;
}

body.full-screen-slider .view-cart-link:hover {
  color: var(--wk-green-hover);
}

body.full-screen-slider #scroll-top {
  background: var(--wk-dark-green);
  color: #fff;
  border-radius: 50%;
}

body.full-screen-slider #scroll-top:hover,
body.full-screen-slider #scroll-top:focus {
  background: var(--wk-green-hover);
  color: #fff;
}

/* ------------------------------------------------------------------
   Product cards, badges, grids
   ------------------------------------------------------------------ */

body.full-screen-slider .main {
  background: transparent;
}

body.full-screen-slider .products-list {
  gap: 28px 18px;
}

/* Card chrome is only for the catalog grid. Sidebar widgets
   (.product-widget) are a horizontal row; overflow:hidden on their
   figure lets flex shrink the thumbnail to zero. */
body.full-screen-slider .products-list .product-default,
body.full-screen-slider .products-slider .product-default {
  position: relative;
  height: 100%;
  background: var(--wk-card);
  border: 1px solid var(--wk-line);
  border-radius: 18px;
  padding-bottom: 1.4rem;
  box-shadow: 0 1px 0 rgba(14, 58, 44, 0.04);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

body.full-screen-slider .products-list .product-default::before,
body.full-screen-slider .products-slider .product-default::before {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  border-radius: 18px 18px 0 0;
  background: linear-gradient(90deg, var(--wk-pbs-blue), var(--wk-green) 55%, var(--wk-aqua));
  pointer-events: none;
}

body.full-screen-slider .products-list .product-default:hover,
body.full-screen-slider .products-slider .product-default:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 28px rgba(14, 58, 44, 0.1);
}

body.full-screen-slider .products-list .product-default figure,
body.full-screen-slider .products-slider .product-default figure {
  margin-bottom: 0.6rem;
  border-radius: 18px 18px 0 0;
  overflow: hidden;
  background: #fff;
}

body.full-screen-slider .products-list .product-default .product-details,
body.full-screen-slider .products-slider .product-default .product-details {
  padding: 0.4rem 1rem 0;
}

body.full-screen-slider .product-widget figure,
body.full-screen-slider .left-details figure {
  overflow: visible;
  flex-shrink: 0;
  width: 75px;
  max-width: 84px;
  margin-bottom: 0;
  border-radius: 8px;
}

body.full-screen-slider .product-default .product-title {
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 1.35;
}

body.full-screen-slider .product-default a,
body.full-screen-slider .product-default .product-title a {
  color: var(--wk-ink);
}

body.full-screen-slider .product-default .product-title a:hover,
body.full-screen-slider .product-default a:hover {
  color: var(--wk-dark-green);
}

body.full-screen-slider .product-price,
body.full-screen-slider .new-price,
body.full-screen-slider .price-box .product-price {
  color: var(--wk-dark-green);
  font-family: Poppins, "Open Sans", Arial, sans-serif;
  font-weight: 700;
  line-height: 1.2;
}

body.full-screen-slider .old-price,
body.full-screen-slider .price-box .old-price {
  color: var(--wk-muted);
}

body.full-screen-slider .product-default .colors {
  background: transparent;
  height: auto;
  min-height: 31px;
  padding: 6px 8px 0;
}

body.full-screen-slider .product-default .colors .color,
body.full-screen-slider ul.config-color-list.config-filter-list li a {
  border-color: rgba(16, 36, 28, 0.25) !important;
}

body.full-screen-slider .product-label,
body.full-screen-slider .product-default .product-label {
  border-radius: 999px;
  font-family: Poppins, "Open Sans", Arial, sans-serif;
  font-weight: 700;
  letter-spacing: 0.04em;
}

body.full-screen-slider .product-label.label-sale,
body.full-screen-slider .product-default .product-label.label-sale,
body.full-screen-slider .label-sale {
  background: var(--wk-yellow);
  color: var(--wk-ink);
}

body.full-screen-slider .product-label.label-hot,
body.full-screen-slider .product-default .product-label.label-hot {
  background: var(--wk-pbs-blue);
  color: #fff;
}

body.full-screen-slider .product-label.label-number,
body.full-screen-slider .product-default .product-label.label-number {
  background: var(--wk-dark-green);
  color: #fff;
}

body.full-screen-slider .inner-quickview figure .btn-quickview {
  border-radius: 999px;
  font-family: Poppins, "Open Sans", Arial, sans-serif;
}

body.full-screen-slider .owl-carousel .owl-dot.active span,
body.full-screen-slider .owl-carousel .owl-dot:hover span,
body.full-screen-slider .owl-carousel.dots-small .owl-dot.active span {
  background: var(--wk-dark-green);
}

/* ------------------------------------------------------------------
   Product page, cart, checkout
   ------------------------------------------------------------------ */

body.full-screen-slider .product-single-gallery,
body.full-screen-slider .product-single-details,
body.full-screen-slider #cartPage .cart-summary,
body.full-screen-slider #checkoutPage .box,
body.full-screen-slider #checkoutPage .order-summary,
body.full-screen-slider #checkoutPage .checkout-address-review {
  background: #fff;
  border: 1px solid var(--wk-line);
  border-radius: 16px;
}

body.full-screen-slider .product-single-gallery,
body.full-screen-slider .product-single-details {
  border: 0;
  background: transparent;
}

body.full-screen-slider #cartPage .cart-summary,
body.full-screen-slider #checkoutPage .order-summary {
  border-width: 1px;
  border-color: var(--wk-line);
  padding: 20px;
}

body.full-screen-slider #checkoutPage .title,
body.full-screen-slider #cartPage .table thead th,
body.full-screen-slider .dropdown-cart-header {
  color: var(--wk-ink);
  font-family: Poppins, "Open Sans", Arial, sans-serif;
}

body.full-screen-slider .product-single-tabs .nav.nav-tabs .nav-link {
  color: var(--wk-muted);
  font-family: Poppins, "Open Sans", Arial, sans-serif;
  font-weight: 600;
}

body.full-screen-slider .product-single-tabs .nav.nav-tabs .nav-link.active,
body.full-screen-slider .product-single-tabs .nav.nav-tabs .nav-link:hover {
  color: var(--wk-dark-green);
}

body.full-screen-slider .cart-qty .minus,
body.full-screen-slider .cart-qty .plus,
body.full-screen-slider .product-single-qty .form-control,
body.full-screen-slider .horizontal-quantity {
  border-color: var(--wk-line);
  color: var(--wk-ink);
}

body.full-screen-slider .product-single-qty .btn,
body.full-screen-slider .bootstrap-touchspin .btn {
  border-radius: 0;
  background: #fff;
  color: var(--wk-ink);
}

body.full-screen-slider .product-single-qty .btn.btn-down-icon:hover:before,
body.full-screen-slider .product-single-qty .btn.btn-down-icon:hover:after,
body.full-screen-slider .product-single-qty .btn.btn-up-icon:hover:before,
body.full-screen-slider .product-single-qty .btn.btn-up-icon:hover:after {
  background-color: var(--wk-dark-green);
}

body.full-screen-slider .cart-dropdown .mobile-cart,
body.full-screen-slider .cart-dropdown .dropdownmenu-wrapper {
  background: #fff;
}

body.full-screen-slider .dropdown-cart-products .product-title a,
body.full-screen-slider .cart-dropdown .product-title a {
  color: var(--wk-ink);
}

body.full-screen-slider .cart-total-price,
body.full-screen-slider .dropdown-cart-total .cart-total-price {
  color: var(--wk-dark-green);
  font-weight: 700;
}

body.full-screen-slider #checkoutPage .checkout-step-indicator li.active,
body.full-screen-slider #checkoutPage .checkout-step-indicator li.done {
  color: var(--wk-ink);
}

body.full-screen-slider #checkoutPage .checkout-step-indicator li.active .step-num,
body.full-screen-slider #checkoutPage .checkout-step-indicator li.done .step-num {
  border-color: var(--wk-dark-green);
  background: var(--wk-dark-green);
  color: #fff;
}

body.full-screen-slider #checkoutPage .checkout-step-indicator .step-num {
  border-color: #b7c9be;
}

body.full-screen-slider #checkoutPage .checkout-step-indicator li + li:before {
  background: #b7c9be;
}

body.full-screen-slider .estimated-date {
  color: var(--wk-ink);
}

body.full-screen-slider .estimated-date .label {
  color: var(--wk-muted);
}

body.full-screen-slider .oos-alert {
  background: var(--wk-red);
  color: var(--wk-ink);
  border-radius: 999px;
}

body.full-screen-slider .alert-success {
  background: #e7f6ee;
  color: var(--wk-ink);
  border-color: var(--wk-dark-green);
}

body.full-screen-slider .alert-info {
  background: #e7f7fd;
  color: var(--wk-ink);
  border-color: var(--wk-blue);
}

body.full-screen-slider .alert-warning {
  background: #fff6d8;
  color: var(--wk-ink);
  border-color: var(--wk-sunshine);
}

body.full-screen-slider .alert-danger {
  background: #ffecec;
  color: var(--wk-ink);
  border-color: var(--wk-red);
}

body.full-screen-slider .form-control,
body.full-screen-slider select.form-control,
body.full-screen-slider #sortItems,
body.full-screen-slider .pagination-per-page {
  color: var(--wk-ink);
  border-color: #c5d6cb;
  border-radius: 10px;
}

body.full-screen-slider .form-control:focus,
body.full-screen-slider select.form-control:focus {
  border-color: var(--wk-dark-green);
  box-shadow: 0 0 0 3px rgba(38, 56, 196, 0.22);
}

body.full-screen-slider nav ul.pagination li a,
body.full-screen-slider nav ul.pagination li span,
body.full-screen-slider .page-item .page-link {
  background: #fff;
  color: var(--wk-ink);
  border: 1px solid var(--wk-line);
  border-radius: 10px;
}

body.full-screen-slider nav ul.pagination li.active a,
body.full-screen-slider nav ul.pagination li.active span,
body.full-screen-slider .page-item.active .page-link {
  background: var(--wk-dark-green);
  border-color: var(--wk-dark-green);
  color: #fff;
}

body.full-screen-slider nav ul.pagination li a:hover,
body.full-screen-slider .page-item .page-link:hover {
  background: #eef6f0;
  border-color: var(--wk-dark-green);
  color: var(--wk-ink);
}

/* ------------------------------------------------------------------
   Footer
   ------------------------------------------------------------------ */

body.full-screen-slider .footer,
body.full-screen-slider .footer.bg-dark {
  background: var(--wk-tortuga);
  color: #f4fbf6;
  margin-top: 3rem;
}

body.full-screen-slider .footer .widget-title,
body.full-screen-slider .footer.bg-dark .widget h4,
body.full-screen-slider footer .widget-title {
  color: var(--wk-logo-green);
  font-weight: 700;
}

body.full-screen-slider footer a,
body.full-screen-slider footer .footer-copyright,
body.full-screen-slider footer p.widget-newsletter-content,
body.full-screen-slider .footer .widget li,
body.full-screen-slider .footer .contact-widget a {
  color: #f4fbf6;
}

body.full-screen-slider footer a:hover,
body.full-screen-slider .footer .contact-widget a:hover {
  color: var(--wk-yellow);
}

body.full-screen-slider .footer-bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.16);
}

body.full-screen-slider .footer .social-icon,
body.full-screen-slider .mobile-menu-container .social-icon {
  border-color: rgba(255, 255, 255, 0.55);
  background: transparent;
  border-radius: 50%;
}

/* Icon glyphs are :before (porto/simple-line). Their color is forced
   elsewhere, so the pseudo-element has to be set directly. */
body.full-screen-slider .footer .social-icon:before,
body.full-screen-slider .footer .social-icon:after,
body.full-screen-slider .mobile-menu-container .social-icon:before,
body.full-screen-slider .mobile-menu-container .social-icon:after {
  color: #fff !important;
}

body.full-screen-slider .footer .social-icon:hover,
body.full-screen-slider .footer .social-icon:focus,
body.full-screen-slider .mobile-menu-container .social-icon:hover,
body.full-screen-slider .mobile-menu-container .social-icon:focus {
  background: var(--wk-yellow);
  border-color: var(--wk-yellow);
}

body.full-screen-slider .footer .social-icon:hover:before,
body.full-screen-slider .footer .social-icon:focus:before,
body.full-screen-slider .footer .social-icon:hover:after,
body.full-screen-slider .footer .social-icon:focus:after,
body.full-screen-slider .mobile-menu-container .social-icon:hover:before,
body.full-screen-slider .mobile-menu-container .social-icon:focus:before {
  color: var(--wk-ink) !important;
}

body.full-screen-slider .footer .widget-newsletter,
body.full-screen-slider .footer #mc_embed_signup,
body.full-screen-slider .footer .footer-submit-wrapper {
  max-width: 100%;
}

body.full-screen-slider .footer .footer-submit-wrapper {
  display: flex;
  width: 100%;
}

body.full-screen-slider .footer .widget-newsletter-content {
  white-space: normal;
  overflow-wrap: anywhere;
}

body.full-screen-slider .footer .widget-newsletter .form-control,
body.full-screen-slider .footer.bg-dark .widget-newsletter .form-control {
  background: #fff;
  color: var(--wk-ink);
  border: 0;
  border-radius: 999px 0 0 999px;
  min-height: 44px;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}

body.full-screen-slider .footer .widget-newsletter .btn,
body.full-screen-slider .footer .btn-dark,
body.full-screen-slider .footer.bg-dark .widget-newsletter button {
  background: var(--wk-yellow);
  border-color: var(--wk-yellow);
  color: var(--wk-ink);
  border-radius: 0 999px 999px 0;
  min-height: 44px;
  flex: 0 0 auto;
  width: auto;
  white-space: nowrap;
}

body.full-screen-slider .footer .widget-newsletter .btn:hover,
body.full-screen-slider .footer .btn-dark:hover,
body.full-screen-slider .footer .btn-dark:focus,
body.full-screen-slider .footer.bg-dark .widget-newsletter button:hover {
  background: #ffe56a;
  border-color: #ffe56a;
  color: var(--wk-ink);
}

/* ------------------------------------------------------------------
   Responsive and motion
   ------------------------------------------------------------------ */

@media (max-width: 991px) {
  body.full-screen-slider .products-list {
    gap: 16px 12px;
  }

  body.full-screen-slider .products-list .product-default,
  body.full-screen-slider .products-slider .product-default,
  body.full-screen-slider .products-list .product-default figure,
  body.full-screen-slider .products-slider .product-default figure,
  body.full-screen-slider .products-list .product-default::before,
  body.full-screen-slider .products-slider .product-default::before {
    border-radius: 14px;
  }

  body.full-screen-slider .products-list .product-default figure,
  body.full-screen-slider .products-slider .product-default figure,
  body.full-screen-slider .products-list .product-default::before,
  body.full-screen-slider .products-slider .product-default::before {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }

  body.full-screen-slider .section-title {
    font-size: 2rem;
  }

  body.full-screen-slider .footer .footer-submit-wrapper {
    flex-wrap: wrap;
    gap: 8px;
  }

  body.full-screen-slider .footer .widget-newsletter .form-control,
  body.full-screen-slider .footer.bg-dark .widget-newsletter .form-control,
  body.full-screen-slider .footer .widget-newsletter .btn,
  body.full-screen-slider .footer .btn-dark {
    border-radius: 999px;
    width: 100%;
  }
}

@media (max-width: 575px) {
  body.full-screen-slider .header-middle {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  body.full-screen-slider .product-default .product-title {
    font-size: 1.3rem;
  }

  body.full-screen-slider .product-action .add-cart,
  body.full-screen-slider .product-action .btn {
    width: 100%;
    text-align: center;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.full-screen-slider .product-default,
  body.full-screen-slider .btn,
  body.full-screen-slider .header-middle.sticky-header.fixed {
    transition: none;
  }

  body.full-screen-slider .product-default:hover {
    transform: none;
  }
}

@media (forced-colors: active) {
  body.full-screen-slider .btn,
  body.full-screen-slider .product-default,
  body.full-screen-slider .form-control {
    border: 1px solid ButtonText;
  }
}