:root {
  --duration-default: .4s
}

.wishlists-drawer {
  position: fixed;
  z-index: 10001;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100%;
  display: flex;
  justify-content: flex-end;
  background-color: #12121280;
  transition: visibility var(--duration-default) ease;
  visibility: hidden;
}

:root {
  --wishlist-toast-width: 260px;
}

wishlist-toast {
  position: fixed;
  width: var(--wishlist-toast-width);
  height: auto;
  background: var(--color-background, white);
  padding: 10px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  z-index: 10002;
  transform: translate(100%);
  transition: transform .4s ease;
  border: .1rem solid rgba(var(--color-foreground), .2);
}
wishlist-toast .fish-product-title {
  font-weight: bold;
}
wishlist-toast.fish-position-top-right {
  top: 40px;
  right: -5px;
}

wishlist-toast.fish-position-top-left {
  top: 40px;
  right: calc(100% + var(--wishlist-toast-width));
}

wishlist-toast.fish-position-bottom-right {
  bottom: 40px;
  right: -5px;
}

wishlist-toast.fish-position-bottom-left {
  bottom: 40px;
  right: calc(100% + var(--wishlist-toast-width));
}

body.gradient wishlist-toast {
  background: var(--gradient-background, white);
}

wishlist-toast.active {
  display: block;
}

wishlist-toast.fish-position-top-left.active,
wishlist-toast.fish-position-bottom-left.active {
  transform: translate(calc(200% + 20px), 0);
}

wishlist-toast.fish-position-top-right.active,
wishlist-toast.fish-position-bottom-right.active {
  transform: translate(-20px, 0);
}

.wishlists-drawer.active {
  visibility: visible;
}

.wishlists-drawer__overlay:empty {
  display: block;
}

wishlists-drawer[data-open="false"] img {
  display: none !important;
}

.wishlists-drawer__overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.wishlists-drawer.active .wishlists-drawer__inner {
  transform: translate(0);
  overflow: auto;
}

.wishlists-drawer__inner {
  overflow: auto;
  height: 100%;
  width: 450px;
  max-width: calc(100vw - 30px);
  padding: 0 15px 15px;
  border: .1rem solid rgba(var(--color-foreground), .2);
  border-right: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transform: translate(100%);
  transition: transform .4s ease;
  /* background: white; */
  background: var(--color-background, white);
}

body.gradient .wishlists-drawer__inner {
  background: var(--gradient-background, white);
}

.wishlists-drawer__close svg {
  height: 13px;
  width: 13px;
}

.wishlist-drawer__item-header {
  display: flex;
  align-items: start;
  justify-content: space-between;
}

.wishlist-drawer__item-name {
  display: flex;
  flex-direction: column;
  gap: 0;
}

h3.wishlist-title {
  margin-bottom: 0;
  margin-top: 0;
  font-size: 24px;
}

.wishlist-drawer__item-name p.items-count {
  margin: 0;
}

.wishlists-drawer__wishlists-container { 
  display: flex;
  flex-direction: column;
  gap: 0;
  margin-top: 0;
}

wishlist-element {
  margin: 8px 0;
  display: flex;
  flex-direction: column;
}

wishlist-item-card wishlist-button {
  display: none;
}

.wishlist-items-cards-container--grid wishlist-item-card a.button--cta-remove {
  display: none !important;
}

.wishlist-items-cards-container--grid wishlist-item-card wishlist-button {
  display: flex;
}

.wishlist-items-cards-container--grid .item-card__image {
  aspect-ratio: 1;
}

.wishlist-items-cards-container--grid .item-card__image img {
  max-width: 100%;
  width: 100%;
  height: 100%;
  object-fit: contain;
  aspect-ratio: 1;
}

.wishlist-items-cards-container--grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 10px;
}

.wishlist-items-cards-container--grid .wishlist-button {
  display: block;
}

.wishlist-items-cards-container--grid p.wishlist-item-card__empty  {
  grid-column: span 2;
}

.wishlist-drawer__wishlist-items-cards-container.empty ~ * {
  display: none;
}

.wishlist-items-cards-container--vertical-list .wishlist-drawer__wishlist-item-card {
  display: grid;
  grid-template-columns: 80px 1fr auto;
  align-items: center;
}

.wishlist-items-cards-container--vertical-list .item-card__image {
  aspect-ratio: 1;
}

.wishlist-items-cards-container--vertical-list .item-card__image img {
  max-width: 80px;
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.item-card__details .select__select {
  height: 30px;
  padding: 0 8px;
  appearance: none;
  border: none;
  width: calc(100% - 25px);
}

.item-card__details .select svg {
  max-width: 10px;
  margin-right: 8px;
}

.wishlist-items-cards-container--grid .item-card__atc-container button {
  width: 100%;
}

.wishlist-items-cards-container--grid .item-card__details {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 15px;
}

.wishlist-items-cards-container--grid .wishlist-drawer__wishlist-item-card {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.item-card__details h4 {
  font-size: 16px;
  line-height: 1.25;
  margin: 0;
}

.item-card__details h4 a {
  text-decoration: none;
  color: inherit;
}

.item-card__atc-container button {
  padding: 10px 10px;
  min-width: auto;
  min-height: auto;
  font-size: 13px;
}

.item-card__atc-container a.button--cta-remove {
  font-size: 12px;
  padding: 0;
}
wishlist-element .item-card__atc-container a.button--cta-remove {
  text-decoration: underline;
  cursor: pointer;
}


.item-card__atc-container {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 5px 0;
  flex-direction: column;
  gap: .5rem;
  text-align: center;
}

.wishlist-items-cards-container--vertical-list .item-card__atc-container {
  max-width: 160px;
}

.wishlist-items-cards-container--grid .item-card__atc-container {
  margin-top: auto;
  padding: 0;
}

.item-card__details .price-container {
  margin: 0;
  font-size: 14px;
  line-height: 1.25;
}

.price-container .was-price {
  text-decoration: line-through;
}

.wishlist-items-cards-container--vertical-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.wishlist-items-cards-container--vertical-list wishlist-item-card:first-child {
  margin-top: 1rem;
}

.item-card__image {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.item-card__details {
  padding: 10px;
}

.expanded .wishlist-drawer__wishlist-items-cards-container {
  max-height: 430px;
  padding: 0 0 3px;
}

.wishlist-drawer__wishlist-items-cards-container {
  max-height: 0;
  overflow: auto;
  transition: max-height .3s ease;
}

.expanded .wishlist-item__placeholders-container {
  opacity: 0;
}

.wishlist-item__placeholders-container {
  opacity: 1;
  transition: opacity .3s ease;
}

.wishlist-drawer__item-cta .hide-copy {
  display: none;
}

.wishlist-drawer__item-cta .show-copy {
  display: flex;
}

.expanded .wishlist-drawer__item-cta .hide-copy {
  display: flex;
}

.expanded .wishlist-drawer__item-cta .show-copy {
  display: none;
}

.wishlist-drawer__item-cta a svg path {
  fill: currentColor;
}

.atc-error {
  font-size: 12px;
  line-height: 1.5;
  color: darkred;
}

.wishlist-drawer__bottom-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 8px;
}

.wishlist-drawer__delete-button path {
  stroke-width: 1.4px;
  fill: none;
  color: #dd1d1d;
  stroke: currentColor;
}

.wishlist-drawer__delete-button svg {
  width: 100%;
  inline-size: 100%;
  width: 16px;
  height: 16px;
  cursor: pointer;
}

button.wishlist-drawer__delete-button {
  border: none;
  padding: 0;
  background: none;
}

wishlists-drawer:not(.empty) .wishlist-drawer__empty-wishlist {
  display: none;
}

.wishlists-drawer.empty .customer-login-banner {
  display: none;
}

p.item-card__variant-title {
  margin: 0;
  line-height: 1.25;
  font-size: 14px;
}

p.item-card__variant-title:empty {
  display: none;
}

button.wishlists-drawer__back.hide {
  display: none;
}

button.wishlists-drawer__back {
  background: transparent;
  border: none;
  padding: 0;
  display: flex;
  margin-right: 5px;
  border: 1px solid currentColor;
  color:currentColor;
  border-radius: 20px;
  cursor: pointer;
  padding: 1px;
}

button.wishlists-drawer__back svg {
  width: 16px;
}

button.wishlists-drawer__back svg path {
  fill: currentColor;
}

.wishlist-drawer__item-cta .show-copy, 
.wishlist-drawer__item-cta .hide-copy {
  align-items: center;
}

.wishlist-drawer__item-cta .show-copy svg,
.wishlist-drawer__item-cta .hide-copy svg {
  width: 20px;
}
.item-card__image img,
.price-container p {
  transition: all .3s;
}
.item-card__image img.fish-hidden, 
.price-container p.fish-hidden {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  z-index: -1;
}

.price-container p.fish-hidden {
  display: none;
}

.item-card__image img {
  position: absolute;
}

.item-card__image img:not(.fish-hidden),
.price-container p:not(.fish-hidden) {
  opacity: 1;
  /* visibility: visible; */
  display: block;
}

.wishlist-drawer__wishlist-item-card .price-container p {
  margin: 0;
}

.item-card__details .select {
  margin: 5px 0;
  border: 1px solid rgb(16 16 16 / 7%);;
}

.wishlist-items-cards-container--vertical-list .wishlist-drawer__wishlist-item-card .item-card__details {
  height: 100%;
  padding: 0 10px;
}

.item-card__details .select select:focus,
.item-card__details .select select:focus-visible {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

request-quote-button[disabled="disabled"] {
  pointer-events: none;
}