/** Shopify CDN: Minification failed

Line 895:0 Unexpected "<"
Line 1055:0 Unexpected "<"

**/
/* =========================================================
   PHONE FIX — COLLECTION PAGE (teal, matches search results)
   Replace everything in assets/pf-custom.css with this
   ========================================================= */

/* ---------- TOOLBAR ---------- */
#gf-controls-container {
  background: transparent !important;
  padding: 0 0 1.6rem !important;
  margin-bottom: 1.6rem !important;
}
input.gf-controls-search-input {
  border: 1px solid rgba(0,0,0,.12) !important;
  border-radius: 10px !important;
  padding: 1.1rem 1.4rem 1.1rem 4rem !important;
  font-size: 1.4rem !important;
  transition: border-color .22s ease, box-shadow .22s ease !important;
}
input.gf-controls-search-input:focus {
  border-color: #306887 !important;
  box-shadow: 0 0 0 3px rgba(48,104,135,.12) !important;
  outline: none !important;
}

/* ---------- FILTER SIDEBAR: teal panel ---------- */
#gf-tree {
  background: #306887 !important;
  border: none !important;
  border-radius: 16px !important;
  padding: 1.6rem 1.4rem !important;
  box-shadow: 0 10px 30px rgba(0,0,0,.12) !important;
}

/* All sidebar text white */
#gf-tree, #gf-tree * {
  color: #fff !important;
  border-color: rgba(255,255,255,.15) !important;
}

/* Group blocks */
.gf-option-block {
  border-bottom: 1px solid rgba(255,255,255,.15) !important;
  padding: 1.2rem .4rem !important;
}
.gf-option-block:last-child { border-bottom: none !important; }

/* Group titles */
.gf-option-block > div:first-child,
.gf-option-block h3, .gf-option-block h4,
.gf-filter-title {
  color: rgba(255,255,255,.6) !important;
  font-size: 1.2rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .12em !important;
}

/* Options — pill hover */
#gf-tree label {
  display: flex !important;
  align-items: center !important;
  gap: .7rem !important;
  font-size: 1.32rem !important;
  color: rgba(255,255,255,.88) !important;
  padding: .6rem .8rem !important;
  border-radius: 8px !important;
  cursor: pointer !important;
  transition: background .22s ease, transform .22s ease !important;
}
#gf-tree label:hover {
  background: rgba(255,255,255,.14) !important;
  color: #fff !important;
  transform: translateX(3px) !important;
}

#gf-tree input[type="checkbox"] {
  accent-color: #E87722 !important;
  width: 16px !important;
  height: 16px !important;
  cursor: pointer !important;
  flex-shrink: 0 !important;
}

/* Counts */
#gf-tree [class*="count"] {
  color: rgba(255,255,255,.5) !important;
  font-size: 1.2rem !important;
}

/* ---------- PRODUCT CARDS: teal ---------- */
.spf-product-card {
  background: #306887 !important;
  border: 1px solid rgba(255,255,255,.1) !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 14px rgba(0,0,0,.10) !important;
  transition: transform .3s cubic-bezier(.2,.7,.3,1),
              box-shadow .3s ease, border-color .3s ease !important;
}
.spf-product-card:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 22px 44px rgba(0,0,0,.26) !important;
  border-color: rgba(255,255,255,.35) !important;
}

.spf-product-card__inner {
  background: transparent !important;
  padding: 0 !important;
}

/* Image: white rounded box inside teal card */
.spf-product-card__image-wrapper {
  display: block !important;
  background: #fff !important;
  border-radius: 12px !important;
  margin: 1rem !important;
  padding: 1rem !important;
  overflow: hidden !important;
}
.spf-product-card__image-wrapper img {
  transition: transform .5s cubic-bezier(.2,.7,.3,1) !important;
  mix-blend-mode: normal !important;
}
.spf-product-card:hover .spf-product-card__image-wrapper img {
  transform: scale(1.07) !important;
}

/* Text: white on teal */
.spf-product__info {
  padding: 0 1.4rem 1.5rem !important;
  background: transparent !important;
}
.spf-product__info, .spf-product__info * {
  color: #fff !important;
}
.spf-product-card__title a,
.spf-product__info a {
  color: #fff !important;
  font-weight: 600 !important;
  font-size: 1.35rem !important;
  line-height: 1.4 !important;
  text-decoration: none !important;
  transition: opacity .22s ease !important;
}
.spf-product-card:hover .spf-product-card__title a { opacity: .85 !important; }

/* Price */
.spf-product__price, [class*="spf"] [class*="price"] {
  color: #fff !important;
  font-weight: 800 !important;
  font-size: 1.55rem !important;
}

/* Hide vendor */
.spf-product__vendor, [class*="spf"] [class*="vendor"] {
  display: none !important;
}

/* Add to cart */
.spf-product__form button,
form.spf-product__form button {
  background: #E87722 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 8px !important;
  font-weight: 700 !important;
  padding: 1rem !important;
  transition: filter .25s ease, transform .25s ease !important;
}
.spf-product__form button:hover {
  filter: brightness(1.1) !important;
  transform: translateY(-1px) !important;
}

/* Quick view */
.open-quick-view {
  background: rgba(255,255,255,.9) !important;
  color: #306887 !important;
  border-radius: 50% !important;
  transition: background .22s ease, color .22s ease !important;
}
.open-quick-view:hover {
  background: #E87722 !important;
  color: #fff !important;
}

/* =========================================================
   FIXES — image height + always-visible add to cart
   ========================================================= */

/* Image box: proper height, contained image */
.spf-product-card__image-wrapper {
  padding: 0 !important;
  margin: 1rem !important;
  aspect-ratio: 1 / 1 !important;
  height: auto !important;
  min-height: 200px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.spf-product-card__image-wrapper img,
.spf-product-card__image-wrapper a img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  padding: 1.2rem !important;
  display: block !important;
  position: static !important;
}

/* Kill any inline padding-top the app sets */
.spf-product-card__image-wrapper[style] {
  padding-top: 0 !important;
}

/* Add to cart: always visible, sits under price */
.spf-product__form {
  position: static !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  display: block !important;
  margin: 1rem 1.4rem 0 !important;
  padding: 0 0 1.4rem !important;
  background: transparent !important;
}
.spf-product__form button,
form.spf-product__form button {
  position: static !important;
  width: 100% !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  background: #E87722 !important;
  color: #fff !important;
  border-radius: 8px !important;
  padding: 1.1rem !important;
  font-weight: 700 !important;
  font-size: 1.35rem !important;
}
.spf-product__form button:hover {
  filter: brightness(1.08) !important;
}

/* Remove hover-reveal behaviour */
.spf-product-card:hover .spf-product__form,
.spf-product-card .spf-product__form {
  bottom: auto !important;
  top: auto !important;
}

/* Tighten info padding since button now sits below */
.spf-product__info {
  padding: 0 1.4rem .4rem !important;
}

/* =========================================================
   ROUND 3 — button below price, sidebar polish, search bar
   ========================================================= */

/* ---- Card layout: force order so button sits LAST ---- */
.spf-product-card__inner {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}
.spf-product-card__image-wrapper { order: 1 !important; }
.spf-product__info { order: 2 !important; flex: 1 1 auto !important; }
.spf-product__form { order: 3 !important; }

/* Button under the price */
.spf-product__form {
  margin: 0 1.4rem 1.4rem !important;
  padding: 0 !important;
}
.spf-product__form button,
form.spf-product__form button {
  background: #E87722 !important;
  color: #fff !important;
  border-radius: 10px !important;
  padding: 1.15rem !important;
  font-size: 1.35rem !important;
  font-weight: 700 !important;
  letter-spacing: .02em !important;
  box-shadow: 0 6px 18px rgba(232,119,34,.32) !important;
  transition: transform .25s cubic-bezier(.2,.7,.3,1),
              box-shadow .25s ease, filter .25s ease !important;
}
.spf-product__form button:hover {
  transform: translateY(-2px) !important;
  filter: brightness(1.08) !important;
  box-shadow: 0 12px 26px rgba(232,119,34,.45) !important;
}

/* ---- SIDEBAR: animated, clearer ---- */
#gf-tree {
  padding: 1.8rem 1.5rem !important;
}

/* Group titles with accent bar */
.gf-option-block > div:first-child,
.gf-option-block h3, .gf-option-block h4 {
  position: relative !important;
  padding-left: 1.2rem !important;
  color: #fff !important;
  font-size: 1.24rem !important;
  letter-spacing: .14em !important;
  margin-bottom: .8rem !important;
}
.gf-option-block > div:first-child::before,
.gf-option-block h3::before,
.gf-option-block h4::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important; top: 50% !important;
  transform: translateY(-50%) !important;
  width: 4px !important; height: 14px !important;
  background: #E87722 !important;
  border-radius: 2px !important;
}

/* Options: pill with slide + accent bar on hover */
#gf-tree label {
  position: relative !important;
  overflow: hidden !important;
  padding: .7rem .9rem !important;
  border-radius: 9px !important;
  font-size: 1.3rem !important;
  color: rgba(255,255,255,.85) !important;
  transition: background .25s ease, transform .25s ease,
              color .25s ease, padding-left .25s ease !important;
}
#gf-tree label::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important; top: 0 !important; bottom: 0 !important;
  width: 3px !important;
  background: #E87722 !important;
  transform: scaleY(0) !important;
  transform-origin: center !important;
  transition: transform .25s ease !important;
}
#gf-tree label:hover {
  background: rgba(255,255,255,.16) !important;
  color: #fff !important;
  padding-left: 1.3rem !important;
  transform: none !important;
}
#gf-tree label:hover::before { transform: scaleY(1) !important; }

/* Checked state stands out */
#gf-tree input[type="checkbox"]:checked + span,
#gf-tree label:has(input:checked) {
  color: #fff !important;
  font-weight: 700 !important;
  background: rgba(232,119,34,.22) !important;
}

/* Counts */
#gf-tree [class*="count"] {
  color: rgba(255,255,255,.55) !important;
  font-size: 1.18rem !important;
  margin-left: auto !important;
}

/* Collapse arrows */
.gf-option-block svg, #gf-tree svg {
  color: rgba(255,255,255,.7) !important;
  transition: transform .25s ease !important;
}

/* ---- SEARCH BAR above products ---- */
#gf-controls-container {
  background: transparent !important;
  padding: 0 0 1.4rem !important;
}
.gf-controls-search-form { position: relative !important; }
input.gf-controls-search-input {
  border: 1.5px solid rgba(0,0,0,.1) !important;
  border-radius: 12px !important;
  padding: 1.3rem 1.6rem 1.3rem 4.4rem !important;
  font-size: 1.45rem !important;
  background: #fff !important;
  box-shadow: 0 3px 12px rgba(0,0,0,.05) !important;
  transition: border-color .25s ease, box-shadow .25s ease !important;
}
input.gf-controls-search-input::placeholder {
  color: rgba(0,0,0,.38) !important;
}
input.gf-controls-search-input:focus {
  border-color: #306887 !important;
  box-shadow: 0 6px 22px rgba(48,104,135,.18) !important;
  outline: none !important;
}
.gf-controls-search-button svg,
.gf-controls-search-form svg {
  color: #306887 !important;
}

/* =========================================================
   ROUND 4 — force button orange + below price
   ========================================================= */

/* Kill absolute positioning the app applies */
.spf-product-card .spf-product__form,
.spf-product-card form.spf-product__form {
  position: relative !important;
  top: auto !important;
  bottom: auto !important;
  left: auto !important;
  right: auto !important;
  order: 99 !important;
  margin: 1.2rem 1.4rem 1.4rem !important;
  padding: 0 !important;
  width: auto !important;
  background: none !important;
}

/* Force orange button, beat any inline/theme styles */
.spf-product-card .spf-product__form button,
.spf-product-card form.spf-product__form button,
.spf-product-card .spf-product__form input[type="submit"],
.spf-product-card button[type="submit"],
.spf-product-card .spf-add-to-cart,
.spf-product-card [class*="add-to-cart"] {
  background-color: #E87722 !important;
  background-image: none !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 10px !important;
  width: 100% !important;
  padding: 1.15rem 1rem !important;
  font-size: 1.35rem !important;
  font-weight: 700 !important;
  letter-spacing: .02em !important;
  text-transform: none !important;
  cursor: pointer !important;
  box-shadow: 0 6px 18px rgba(232,119,34,.35) !important;
  transition: transform .25s cubic-bezier(.2,.7,.3,1),
              box-shadow .25s ease, filter .25s ease !important;
}

.spf-product-card .spf-product__form button:hover,
.spf-product-card form.spf-product__form button:hover,
.spf-product-card [class*="add-to-cart"]:hover {
  background-color: #E87722 !important;
  color: #ffffff !important;
  transform: translateY(-3px) !important;
  filter: brightness(1.1) !important;
  box-shadow: 0 14px 30px rgba(232,119,34,.5) !important;
}

/* Make sure the card is a column flex so order works */
.spf-product-card,
.spf-product-card__inner {
  display: flex !important;
  flex-direction: column !important;
}
.spf-product-card__image-wrapper { order: 1 !important; }
.spf-product__info { order: 2 !important; }

/* Push button to the very bottom, under price */
.spf-product__info {
  order: 2 !important;
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  padding: 1.2rem 1.4rem !important;
  text-align: center !important;
}
.spf-product-card .spf-product__form,
.spf-product-card form.spf-product__form {
  order: 3 !important;
  margin-top: auto !important;
}

/* Card is the flex parent */
.spf-product-card {
  display: flex !important;
  flex-direction: column !important;
}
.spf-product-card__inner {
  display: contents !important;
}
.spf-product-card__image-wrapper { order: 1 !important; }
.spf-product__info {
  order: 2 !important;
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  padding: 1.2rem 1.4rem !important;
}
.spf-product-card form.spf-product__form {
  order: 3 !important;
  margin: 0 1.4rem 1.4rem !important;
}
.spf-product-card .open-quick-view { order: 0 !important; }

/* Bigger button, lifted off the bottom */
.spf-product-card form.spf-product__form {
  margin: 0 1.6rem 2rem !important;
}
.spf-product-card .spf-product__form button,
.spf-product-card form.spf-product__form button {
  padding: 1.5rem 1rem !important;
  font-size: 1.45rem !important;
}

/* Left align name and price */
.spf-product__info {
  text-align: left !important;
  align-items: flex-start !important;
  padding: 1.4rem 1.6rem !important;
}
.spf-product__info * {
  text-align: left !important;
}

.spf-product-card .spf-product__form button span,
button.spf-product__form-btn-addtocart span {
  white-space: normal !important;
  line-height: 1.2 !important;
  display: block !important;
  font-size: 1.45rem !important;
  color: #fff !important;
}
.spf-product-card .spf-product__form button,
button.spf-product__form-btn-addtocart {
  height: auto !important;
  min-height: 50px !important;
  line-height: 1.2 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Checkboxes — visible tick */
#gf-tree input[type="checkbox"] {
  appearance: none !important;
  -webkit-appearance: none !important;
  width: 18px !important;
  height: 18px !important;
  border: 2px solid rgba(255,255,255,.6) !important;
  border-radius: 4px !important;
  background: transparent !important;
  position: relative !important;
  cursor: pointer !important;
  transition: background .2s ease, border-color .2s ease !important;
}
#gf-tree input[type="checkbox"]:hover {
  border-color: #E87722 !important;
}
#gf-tree input[type="checkbox"]:checked {
  background: #E87722 !important;
  border-color: #E87722 !important;
}
#gf-tree input[type="checkbox"]:checked::after {
  content: "✓" !important;
  position: absolute !important;
  top: 50% !important; left: 50% !important;
  transform: translate(-50%, -50%) !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

/* Price inputs — readable */
#gf-tree input[type="text"],
#gf-tree input[type="number"],
.gf-option-block input:not([type="checkbox"]):not([type="radio"]) {
  background: rgba(255,255,255,.14) !important;
  border: 1px solid rgba(255,255,255,.3) !important;
  border-radius: 8px !important;
  color: #fff !important;
  padding: .8rem 1rem !important;
  font-size: 1.3rem !important;
}
#gf-tree input::placeholder {
  color: rgba(255,255,255,.5) !important;
}
#gf-tree input:not([type="checkbox"]):focus {
  border-color: #E87722 !important;
  outline: none !important;
}

/* Price slider */
#gf-tree [class*="slider"] [class*="handle"],
#gf-tree .noUi-handle {
  background: #E87722 !important;
  border: 2px solid #fff !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.3) !important;
}
#gf-tree .noUi-connect { background: #E87722 !important; }
#gf-tree .noUi-base, #gf-tree .noUi-target {
  background: rgba(255,255,255,.2) !important;
  border: none !important;
}

/* "Clear All" and "Clear" links */
#gf-tree a, .gf-filter-header a, [class*="clear"] {
  color: #E87722 !important;
  font-weight: 600 !important;
  transition: opacity .2s ease !important;
}
#gf-tree a:hover { opacity: .8 !important; }





/* Chips wrapper — contain within sidebar */
.globo-selected-items-wrapper {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .5rem !important;
  background: transparent !important;
  border: none !important;
  padding: 0 0 1rem !important;
  margin: 0 0 1rem !important;
  border-bottom: 1px solid rgba(255,255,255,.15) !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

/* Only style the actual chips, not the heading */
.globo-selected-items-wrapper .globo-selected-items {
  display: inline-flex !important;
  align-items: center !important;
  gap: .5rem !important;
  background: rgba(255,255,255,.15) !important;
  border: 1px solid rgba(255,255,255,.22) !important;
  border-radius: 6px !important;
  padding: .45rem .8rem !important;
  font-size: 1.15rem !important;
  line-height: 1.3 !important;
  color: #fff !important;
  max-width: 100% !important;
  white-space: normal !important;
  word-break: break-word !important;
}
.globo-selected-items-wrapper .globo-selected-items:hover {
  background: rgba(232,119,34,.35) !important;
}

/* Reset the FILTER BY heading — no pill */
.gf-filter-header,
.gf-filter-header * {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
}
.gf-filter-header {
  margin-bottom: 1.2rem !important;
}

/* Container stays clear */
#gf-controls-container .gf-actions,
#gf-controls-container [class*="selected-items-wrapper"] {
  background: transparent !important;
  padding: 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .7rem !important;
  align-items: center !important;
}


/* Hide the chips inside the sidebar */
#gf-tree .globo-selected-items-wrapper,
.gf-filter-contents .globo-selected-items-wrapper {
  display: none !important;
}

/* Wrapper and list — transparent */
.globo-selected-items-wrapper,
.globo-selected-items-wrapper.rounded,
ul.globo-selected-items {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  padding: 0 !important;
  list-style: none !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .7rem !important;
  align-items: center !important;
  margin: 1rem 0 !important;
}

/* The actual chips are the <li> */
ul.globo-selected-items > li {
  background: #E87722 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 20px !important;
  padding: .6rem 1.2rem !important;
  font-size: 1.25rem !important;
  font-weight: 600 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: .6rem !important;
  transition: filter .2s ease !important;
}
ul.globo-selected-items > li:hover {
  filter: brightness(1.08) !important;
}
ul.globo-selected-items > li * {
  color: #fff !important;
  background: transparent !important;
}

ul.globo-selected-items > li,
ul.globo-selected-items > li * {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

@media only screen and (min-width: 992px) {
  .gf-close-canvas { display: none !important; }
}

span.spf-product__swatch-text {
  background: rgba(255,255,255,.15) !important;
  color: #fff !important;
  
  border-radius: 6px !important;
  padding: .3rem .8rem !important;
  min-width: auto !important;
  height: auto !important;
  font-size: 1.15rem !important;
  font-weight: 600 !important;
  display: inline-block !important;
  transition: background .2s ease, border-color .2s ease !important;
}
.spf-product__swatch.is-selected span.spf-product__swatch-text,
.spf-product__swatch:hover span.spf-product__swatch-text {
  background: #E87722 !important;
  border-color: #E87722 !important;
  color: #fff !important;
}

.spf-product__swatch {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}
.spf-product__swatch-inner {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
}



/* Remove orange hover background on chips container */
.globo-selected-items-wrapper:hover,
ul.globo-selected-items:hover,
#gf-controls-container .gf-actions:hover {
  background: transparent !important;
  background-color: transparent !important;
}

/* "You may also like" — match collection card style */
.related-products .card,
[class*="related"] .card,
[class*="recommend"] .card,
[class*="you-may"] .card {
  background: #306887 !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  transition: transform .3s ease, box-shadow .3s ease !important;
}
[class*="related"] .card:hover,
[class*="recommend"] .card:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 22px 44px rgba(0,0,0,.22) !important;
}
[class*="related"] .card__media,
[class*="recommend"] .card__media {
  background: #fff !important;
  border-radius: 12px !important;
  margin: 1rem !important;
}
[class*="related"] .card__heading a,
[class*="recommend"] .card__heading a,
[class*="related"] .price,
[class*="recommend"] .price {
  color: #fff !important;
}

/* "You may also like" — match collection cards */
.product_slider_wrapper .product__card,
.collection__product .product__card {
  background: #306887 !important;
  border: 1px solid rgba(255,255,255,.1) !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 14px rgba(0,0,0,.10) !important;
  transition: transform .3s cubic-bezier(.2,.7,.3,1), box-shadow .3s ease !important;
}
.product_slider_wrapper .product__card:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 22px 44px rgba(0,0,0,.26) !important;
}

/* White image box */
.product_slider_wrapper .product__card_thumbnail {
  background: #fff !important;
  border-radius: 12px !important;
  margin: 1rem !important;
  overflow: hidden !important;
}

/* White text */
.product_slider_wrapper .product__card_content,
.product_slider_wrapper .product__card_content *,
.product_slider_wrapper .product__card a {
  color: #fff !important;
}
.product_slider_wrapper .product__card_content {
  padding: 0 1.6rem 1.6rem !important;
  text-align: left !important;
}
.product_slider_wrapper .product__card_content * {
  text-align: left !important;
}

/* Price */
.product_slider_wrapper .price,
.product_slider_wrapper [class*="price"] {
  color: #fff !important;
  font-weight: 800 !important;
}

/* Hide vendor */
.product_slider_wrapper [class*="vendor"] {
  display: none !important;
}

/* Cart button orange */
.product_slider_wrapper .product__cart--wrapper button,
.product_slider_wrapper [class*="cart"] button {
  background: #E87722 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 10px !important;
  font-weight: 700 !important;
}

.product_slider_wrapper .media--hover-effect img,
.product_slider_wrapper img.motion-reduce {
  transform: none !important;
  transition: none !important;
  scale: none !important;
}
.product_slider_wrapper .product__card:hover img {
  transform: none !important;
}

.product__card_thumbnail,
a.product__media_thumbnail,
.media--hover-effect {
  overflow: hidden !important;
}
.product__card .media img,
.product__card img.motion-reduce {
  transform: none !important;
  transition: none !important;
}
.product__card:hover .media img {
  transform: none !important;
}

.pf-cg__grid { --pf-teal: #306887; --pf-accent: #E87722; }
.pf-cg__card { --pf-teal: #306887; --pf-accent: #E87722; }
.pf-cg__page, .pf-cg__count, .pf-cg__sort select, .pf-cg__caret { --pf-teal: #306887; --pf-accent: #E87722; }

<style>
  .pf-cg__inner { max-width: 1400px; margin: 0 auto; padding: 0 3rem; }

  /* Top bar */
  .pf-cg__bar {
    display: flex; align-items: center; justify-content: space-between;
    gap: 1.5rem; flex-wrap: wrap;
    padding: 1.4rem 1.8rem; margin-bottom: 2.2rem;
    background: #f4f6f8; border-radius: 12px;
  }
  .pf-cg__count {
    font-size: 1.4rem; font-weight: 700; color: var(--pf-teal);
  }
  .pf-cg__sort { display: flex; align-items: center; gap: .9rem; }
  .pf-cg__sort label {
    font-size: 1.3rem; font-weight: 600; color: rgba(0,0,0,.6);
    white-space: nowrap;
  }
  .pf-cg__select-wrap { position: relative; }
  .pf-cg__sort select {
    appearance: none; -webkit-appearance: none;
    background: #fff; border: 1.5px solid rgba(0,0,0,.12);
    border-radius: 10px; padding: .85rem 3.2rem .85rem 1.3rem;
    font-size: 1.35rem; font-weight: 600; color: var(--pf-teal);
    cursor: pointer; transition: border-color .22s ease;
  }
  .pf-cg__sort select:hover,
  .pf-cg__sort select:focus {
    border-color: var(--pf-teal); outline: none;
  }
  .pf-cg__caret {
    position: absolute; right: 1.2rem; top: 50%;
    transform: translateY(-50%); pointer-events: none;
    color: var(--pf-teal); font-size: 1.2rem;
  }

  /* Grid */
  .pf-cg__grid { display: grid; gap: 1.8rem; }
  .pf-cg__grid--3 { grid-template-columns: repeat(3, 1fr); }
  .pf-cg__grid--4 { grid-template-columns: repeat(4, 1fr); }
  .pf-cg__grid--5 { grid-template-columns: repeat(5, 1fr); }

  /* Card */
  .pf-cg__card {
    display: flex; flex-direction: column;
    background: var(--pf-teal);
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 16px; overflow: hidden;
    box-shadow: 0 4px 14px rgba(0,0,0,.10);
    transition: transform .3s cubic-bezier(.2,.7,.3,1), box-shadow .3s ease;
  }
  .pf-cg__card:hover {
    transform: translateY(-6px);
    box-shadow: 0 22px 44px rgba(0,0,0,.24);
  }

  /* Image */
  .pf-cg__thumb {
    position: relative; display: block;
    background: #fff; border-radius: 12px;
    margin: 1rem; overflow: hidden;
    aspect-ratio: 1/1;
  }
  .pf-cg__img {
    width: 100%; height: 100%;
    object-fit: contain; padding: 1.2rem;
    display: block;
    transition: transform .5s cubic-bezier(.2,.7,.3,1);
  }
  .pf-cg__card:hover .pf-cg__img { transform: scale(1.07); }

  .pf-cg__badge {
    position: absolute; top: .9rem; left: .9rem;
    font-size: 1.1rem; font-weight: 700;
    padding: .35rem 1rem; border-radius: 2rem;
  }
  .pf-cg__badge--out { background: rgba(0,0,0,.7); color: #fff; }
  .pf-cg__badge--sale { background: var(--pf-accent); color: #fff; }

  /* Meta */
  .pf-cg__meta {
    flex: 1 1 auto;
    display: flex; flex-direction: column; gap: .6rem;
    padding: .4rem 1.6rem 1.2rem;
    text-align: left;
  }
  .pf-cg__name {
    color: #fff; font-weight: 600; font-size: 1.35rem;
    line-height: 1.4; text-decoration: none;
    display: -webkit-box; -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; overflow: hidden;
    transition: opacity .22s ease;
  }
  .pf-cg__card:hover .pf-cg__name { opacity: .85; }
  .pf-cg__price {
    color: #fff; font-weight: 800; font-size: 1.55rem;
    display: flex; align-items: center; gap: .7rem;
    margin-top: auto;
  }
  .pf-cg__was { font-size: 1.2rem; font-weight: 500; opacity: .5; }

  /* Button */
  .pf-cg__form { margin: 0 1.6rem 1.6rem; }
  .pf-cg__btn {
    display: flex; align-items: center; justify-content: center;
    width: 100%; min-height: 48px;
    margin: 0 auto;
    background: var(--pf-accent); color: #fff;
    border: none; border-radius: 10px;
    padding: 1.2rem 1rem;
    font-size: 1.38rem; font-weight: 700;
    cursor: pointer; text-decoration: none;
    transition: filter .25s ease;
  }
  .pf-cg__btn:hover { filter: brightness(1.1); color: #fff; }
  .pf-cg__btn--soldout {
    background: rgba(255,255,255,.18);
    margin: 0 1.6rem 1.6rem; width: auto;
    cursor: default;
  }
  .pf-cg__btn--soldout:hover { filter: none; }

  /* Pagination */
  .pf-cg__pagination {
    display: flex; justify-content: center; flex-wrap: wrap;
    gap: .6rem; margin-top: 3rem;
  }
  .pf-cg__page {
    min-width: 42px; height: 42px;
    display: inline-flex; align-items: center; justify-content: center;
    padding: 0 1.2rem; border-radius: 10px;
    background: #fff; border: 1.5px solid rgba(0,0,0,.1);
    color: var(--pf-teal); font-weight: 700; font-size: 1.35rem;
    text-decoration: none;
    transition: background .22s ease, color .22s ease, border-color .22s ease;
  }
  .pf-cg__page:hover {
    background: var(--pf-teal); color: #fff; border-color: var(--pf-teal);
  }
  .pf-cg__page--current {
    background: var(--pf-accent); color: #fff; border-color: var(--pf-accent);
  }

  .pf-cg__empty {
    text-align: center; font-size: 1.5rem;
    color: rgba(0,0,0,.5); padding: 4rem 0;
  }

  /* Responsive */
  @media only screen and (max-width: 1200px) {
    .pf-cg__grid--5, .pf-cg__grid--4 { grid-template-columns: repeat(3, 1fr); }
  }
  @media only screen and (max-width: 900px) {
    .pf-cg__grid { grid-template-columns: repeat(2, 1fr) !important; gap: 1.3rem; }
    .pf-cg__inner { padding: 0 2rem; }
  }
  @media only screen and (max-width: 560px) {
    .pf-cg__inner { padding: 0 1.5rem; }
    .pf-cg__bar { flex-direction: column; align-items: flex-start; }
  }
</style>

.product-grid-container {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 3rem 4rem;
  width: 100%;
}

.facets-vertical {
  align-items: flex-start;
  gap: 2.5rem;
}

.pf-cg__grid--4 { grid-template-columns: repeat(3, 1fr); }

@media only screen and (max-width: 1400px) {
  .product-grid-container { padding: 0 2rem 3rem; }
}
@media only screen and (max-width: 900px) {
  .product-grid-container { padding: 0 1.5rem 2.5rem; }
}