/*
 * DUONG COMMERCE CARD — EDITORIAL CORE
 * Owns product-card media, wishlist and quick add only.
 * Grid/layout belongs to the caller (Atelier or shortcode wrapper).
 */
:root{
  --dgqa-font: Cabin, Arial, sans-serif;
  --dgqa-ink:#111;
  --dgqa-muted:#676767;
  --dgqa-line:rgba(17,17,17,.16);
  --dgqa-paper:#fff;
  --dgqa-status:#3f6f54;
  /* White glass intentionally remains translucent so product photography stays visible. */
  --dgqa-glass-white:rgba(255,255,255,.48);
  --dgqa-glass-white-strong:rgba(255,255,255,.68);
  --dgqa-glass-white-line:rgba(17,17,17,.11);
  --dgqa-glass-white-ink:#111;
  --dgqa-card-icon:rgba(255,255,255,.98);
  --dgqa-ease:cubic-bezier(.22,.61,.36,1);
}

html.dgqa-lock,
body.dgqa-lock{overflow:hidden!important;}

.dgqa-products-wrap,
.dgqa-products-slider-wrap,
.dgqa-wishlist-page{
  width:100%;
  max-width:100%;
  margin:0;
  padding:0;
  clear:both;
  box-sizing:border-box;
  font-family:var(--dgqa-font);
  color:var(--dgqa-ink);
}

.dgqa-grid{
  display:grid;
  grid-template-columns:repeat(var(--dgqa-active-cols,var(--dgqa-cols-desktop,4)),minmax(0,1fr));
  align-items:start;
  gap:var(--dgqa-card-gap,20px);
  width:100%;
  margin:0;
  padding:0;
}

.dgqa-grid > .dgqa-card{min-width:0;}

/* Atelier owns the catalog UL. This bridge keeps the 20px product rhythm
   active when the same DGQA card is rendered through Atelier's AJAX catalog. */
.jwf6-catalog .jwf6-products{--jwf6-gap:20px;}
.jwf6-catalog .jwf6-products > ul.products{gap:20px!important;}

.dgqa-wishlist-page{
  --dgqa-active-cols:4;
  --dgqa-card-gap:20px;
}

.dgqa-wishlist-page__title{
  margin:0 0 22px;
  color:var(--dgqa-ink);
  font:500 13px/1.2 var(--dgqa-font);
  letter-spacing:.045em;
  text-transform:uppercase;
}

.dgqa-wishlist-page__empty,
.dgqa-empty{
  margin:0;
  color:var(--dgqa-muted);
  font:400 12px/1.55 var(--dgqa-font);
}

/* Card */
.dgqa-card.dgqa-product-card{
  position:relative;
  display:block;
  min-width:0;
  margin:0;
  padding:0;
  color:var(--dgqa-ink);
  font-family:var(--dgqa-font);
  isolation:isolate;
}

.dgqa-card.dgqa-product-card,
.dgqa-card.dgqa-product-card *{box-sizing:border-box;}

.dgqa-card__media{
  position:relative;
  aspect-ratio:2/3;
  width:100%;
  overflow:hidden;
  background:#f4f4f2;
  touch-action:pan-y;
}

.dgqa-card__image-link{
  position:absolute;
  inset:0;
  display:block;
  z-index:1;
  color:inherit;
  text-decoration:none;
}

.dgqa-media-stack{
  position:absolute;
  inset:0;
  display:flex;
  width:100%;
  height:100%;
  transform:translate3d(var(--dgqa-media-offset,0),0,0);
  transition:transform .56s var(--dgqa-ease);
  will-change:transform;
}

.dgqa-media-layer{
  position:relative;
  display:block;
  flex:0 0 100%;
  width:100%;
  height:100%;
}

.dgqa-media-layer img,
.dgqa-slide__img{
  display:block;
  width:100%;
  height:100%;
  max-width:none;
  object-fit:cover;
  object-position:center;
  border:0;
}

/* Invisible chrome must never sit above the card link and eat clicks. */
.dgqa-card__chrome{
  position:absolute;
  inset:0;
  z-index:4;
  pointer-events:none;
  color:#fff;
}

.dgqa-card__topbar,
.dgqa-card__bottombar{
  position:absolute;
  display:flex;
  z-index:5;
  pointer-events:none;
  opacity:0;
  visibility:hidden;
  transition:opacity .2s var(--dgqa-ease),visibility .2s var(--dgqa-ease);
}

.dgqa-card__topbar{
  top:0;
  right:0;
  justify-content:flex-end;
  align-items:flex-start;
  padding:12px;
}

.dgqa-card__bottombar{
  right:0;
  bottom:0;
  justify-content:flex-end;
  align-items:flex-end;
  padding:10px 12px 12px;
}

/* Glass overlay is only enabled where hover is a real interaction.
   Touch devices retain the regular title/price below the image. */
.dgqa-card__hover-meta{display:none;}

@media (hover:hover) and (pointer:fine){
  /* The original card meta must be suppressed on a real hover screen. A more
     specific selector prevents external catalog CSS from showing it again. */
  .dgqa-card.dgqa-product-card > .dgqa-card__meta{display:none!important;}

  /* The bottom overlay is the only glass surface on the card. It carries both
     the product details and Quick Add, so the utility icons stay weightless. */
  .dgqa-card__hover-meta{
    position:absolute;
    right:0;
    bottom:0;
    left:0;
    z-index:3;
    display:block;
    min-height:74px;
    overflow:hidden;
    pointer-events:none;
    background:var(--dgqa-glass-white);
    color:var(--dgqa-glass-white-ink);
    opacity:0;
    transform:translate3d(0,104%,0);
    transition:opacity .28s var(--dgqa-ease),transform .4s var(--dgqa-ease);
    -webkit-backdrop-filter:blur(18px) saturate(118%);
    backdrop-filter:blur(18px) saturate(118%);
  }

  .dgqa-card__hover-meta::before{
    position:absolute;
    inset:0;
    content:"";
    border-top:1px solid var(--dgqa-glass-white-line);
    background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.03));
    pointer-events:none;
  }

  .dgqa-card__hover-meta-inner{
    position:relative;
    z-index:1;
    display:grid;
    gap:4px;
    min-width:0;
    padding:12px 54px 15px 13px;
  }

  .dgqa-card__hover-title,
  .dgqa-card__hover-price,
  .dgqa-card__hover-price .price{
    display:block;
    min-width:0;
    color:inherit;
    font:400 11px/1.38 var(--dgqa-font);
    letter-spacing:.035em;
    text-transform:uppercase;
    text-shadow:none;
    transform:translate3d(0,9px,0);
    transition:transform .38s var(--dgqa-ease);
  }

  .dgqa-card__hover-title{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  .dgqa-card__hover-price,
  .dgqa-card__hover-price .price{
    display:flex;
    flex-wrap:wrap;
    gap:5px;
    letter-spacing:.012em;
    text-transform:none;
    transition-delay:.035s;
  }

  .dgqa-card__hover-price del{color:rgba(17,17,17,.56);}
  .dgqa-card__hover-price ins{color:#111;text-decoration:none;background:transparent;}
  .dgqa-card__hover-price .amount,
  .dgqa-card__hover-price bdi{font:inherit;color:inherit;}

  /* Keep Quick Add inside the same bottom glass strip, without a second box. */
  .dgqa-card__bottombar{
    bottom:0;
    height:74px;
    padding:0 12px;
    align-items:center;
  }

  .dgqa-card__bottombar .dgqa-qa-plus{
    width:30px;
    height:30px;
    border:0;
    background:transparent;
    box-shadow:none;
    color:var(--dgqa-glass-white-ink);
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
  }

  .dgqa-card:hover .dgqa-card__hover-meta,
  .dgqa-card:focus-within .dgqa-card__hover-meta,
  .dgqa-card.is-actions-visible .dgqa-card__hover-meta{
    opacity:1;
    transform:translate3d(0,0,0);
  }

  .dgqa-card:hover .dgqa-card__hover-title,
  .dgqa-card:hover .dgqa-card__hover-price,
  .dgqa-card:hover .dgqa-card__hover-price .price,
  .dgqa-card:focus-within .dgqa-card__hover-title,
  .dgqa-card:focus-within .dgqa-card__hover-price,
  .dgqa-card:focus-within .dgqa-card__hover-price .price,
  .dgqa-card.is-actions-visible .dgqa-card__hover-title,
  .dgqa-card.is-actions-visible .dgqa-card__hover-price,
  .dgqa-card.is-actions-visible .dgqa-card__hover-price .price{transform:translate3d(0,0,0);}

  /* Keep the image index above the detail/Quick Add strip. */
  .dgqa-media-progress{right:13px;bottom:80px;left:13px;}
}

@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
  @media (hover:hover) and (pointer:fine){.dgqa-card__hover-meta{background:var(--dgqa-glass-white-strong);}}
}

.dgqa-card:hover .dgqa-card__topbar,
.dgqa-card:hover .dgqa-card__bottombar,
.dgqa-card:focus-within .dgqa-card__topbar,
.dgqa-card:focus-within .dgqa-card__bottombar,
.dgqa-card.is-actions-visible .dgqa-card__topbar,
.dgqa-card.is-actions-visible .dgqa-card__bottombar,
.dgqa-card__media.is-actions-visible .dgqa-card__topbar,
.dgqa-card__media.is-actions-visible .dgqa-card__bottombar{
  opacity:1;
  visibility:visible;
}

.dalya-wl-btn,
.dgqa-qa-plus,
.dgqa-media-nav,
.dgqa-media-progress__item{
  appearance:none;
  -webkit-appearance:none;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  color:inherit;
  cursor:pointer;
  margin:0;
  padding:0;
  font:inherit;
}

/* Utility icons stay transparent. Their subtle text shadow gives contrast on
   both pale and dark product photography without adding grey boxes. */
.dalya-wl-btn,
.dgqa-media-nav{
  pointer-events:auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:30px;
  height:30px;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  color:var(--dgqa-card-icon);
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.72));
  transition:opacity .2s var(--dgqa-ease),transform .2s var(--dgqa-ease);
}

/* Quick Add is the only card action with a glass surface. On hover screens it
   blends into the white glass detail strip above; on touch screens it retains a
   compact white glass target so it remains discoverable. */
.dgqa-qa-plus{
  pointer-events:auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:30px;
  height:30px;
  border:1px solid var(--dgqa-glass-white-line);
  border-radius:0;
  background:var(--dgqa-glass-white);
  box-shadow:none;
  color:var(--dgqa-glass-white-ink);
  font-family:var(--dgqa-font);
  -webkit-backdrop-filter:blur(12px) saturate(118%);
  backdrop-filter:blur(12px) saturate(118%);
  transition:background .2s var(--dgqa-ease),opacity .2s var(--dgqa-ease),transform .2s var(--dgqa-ease);
}

.dalya-wl-btn:hover{opacity:.7;transform:scale(1.06);}
.dgqa-qa-plus:hover{background:var(--dgqa-glass-white-strong);transform:rotate(90deg);}

/* Do not let a generic hover transform overwrite the vertical centring transform.
   That was the direct cause of the gallery arrows jumping down on hover. */
.dgqa-media-nav:hover{opacity:.72;transform:translate3d(0,-50%,0);}

.dalya-wl-btn:focus-visible,
.dgqa-qa-plus:focus-visible,
.dgqa-media-nav:focus-visible,
.dgqa-media-progress__item:focus-visible{
  outline:1px solid currentColor;
  outline-offset:3px;
}

.dalya-wl-svg,
.dalya-wl-btn svg{
  display:block;
  width:19px;
  height:19px;
  overflow:visible;
}

.dalya-wl-svg path,
.dalya-wl-outline,
.dalya-wl-fill{
  fill:none;
  stroke:currentColor;
  stroke-width:1.35;
  stroke-linecap:round;
  stroke-linejoin:round;
  transition:fill .18s var(--dgqa-ease),stroke .18s var(--dgqa-ease);
}

.dalya-wl-btn.is-active .dalya-wl-fill,
.dalya-wl-btn[aria-pressed="true"] .dalya-wl-fill{
  fill:currentColor;
  stroke:currentColor;
}

.dgqa-quickdock{
  display:flex;
  pointer-events:auto;
}

.dgqa-qa-plus{
  position:relative;
  width:27px;
  height:27px;
}

.dgqa-qa-plus span{
  position:absolute;
  top:50%;
  left:50%;
  width:14px;
  height:1px;
  background:currentColor;
  transform:translate(-50%,-50%);
}

.dgqa-qa-plus span:last-child{transform:translate(-50%,-50%) rotate(90deg);}

.dgqa-qa-plus:disabled,
.dgqa-qa-plus.is-disabled{
  opacity:.36;
  cursor:not-allowed;
  transform:none;
}

.dgqa-media-nav{
  position:absolute;
  top:50%;
  z-index:6;
  width:34px;
  height:48px;
  transform:translate3d(0,-50%,0);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .2s var(--dgqa-ease),visibility .2s var(--dgqa-ease),transform .2s var(--dgqa-ease);
}

.dgqa-media-nav--prev{left:8px;}
.dgqa-media-nav--next{right:8px;}

.dgqa-media-nav svg{
  display:block;
  width:21px;
  height:21px;
  overflow:visible;
}

.dgqa-media-nav path{
  fill:none;
  stroke:currentColor;
  stroke-width:1.1;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.dgqa-card:hover .dgqa-media-nav,
.dgqa-card:focus-within .dgqa-media-nav,
.dgqa-card.is-actions-visible .dgqa-media-nav,
.dgqa-card__media.is-actions-visible .dgqa-media-nav{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}

/* The dots become a quiet editorial image index. */
.dgqa-media-progress{
  position:absolute;
  right:54px;
  bottom:7px;
  left:13px;
  z-index:6;
  display:flex;
  align-items:center;
  gap:3px;
  height:2px;
  pointer-events:none;
  opacity:0;
  transition:opacity .2s var(--dgqa-ease);
}

.dgqa-media-progress__item{
  display:block;
  flex:1 1 0;
  min-width:0;
  height:1px;
  padding:0;
  background:rgba(255,255,255,.45);
  pointer-events:auto;
}

.dgqa-media-progress__item.is-active{background:#fff;}

.dgqa-card:hover .dgqa-media-progress,
.dgqa-card:focus-within .dgqa-media-progress,
.dgqa-card.is-actions-visible .dgqa-media-progress,
.dgqa-card__media.is-actions-visible .dgqa-media-progress{opacity:1;}

.dgqa-card__meta{
  display:grid;
  gap:3px;
  min-width:0;
  padding:8px 0 0;
}

.dgqa-card__title{
  min-width:0;
  margin:0;
  color:var(--dgqa-ink);
  font:400 11px/1.35 var(--dgqa-font);
  letter-spacing:.035em;
  text-transform:uppercase;
}

.dgqa-card__title a{
  color:inherit;
  text-decoration:none;
}

.dgqa-card__title a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;}

.dgqa-card__price,
.dgqa-card__price .price{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
  margin:0;
  color:var(--dgqa-ink);
  font:400 11px/1.35 var(--dgqa-font);
  letter-spacing:.012em;
}

.dgqa-card__price del{color:#8a8a8a;opacity:1;}
.dgqa-card__price ins{color:#a03939;text-decoration:none;background:transparent;}
.dgqa-card__price .amount,
.dgqa-card__price bdi{font:inherit;color:inherit;}

.dgqa-card__flags{
  display:flex;
  flex-wrap:wrap;
  gap:3px 8px;
  padding-top:1px;
}

.dgqa-card__flag{
  color:var(--dgqa-status);
  font:400 9px/1.3 var(--dgqa-font);
  letter-spacing:.07em;
  text-transform:uppercase;
}

.dgqa-card__flag.is-out{color:#777;}
.dgqa-card__flag.is-sale{display:none;}

/* Product rail */
.dgqa-product-slider{
  position:relative;
  width:100%;
}

.dgqa-product-slider__viewport{overflow:hidden;}

.dgqa-product-slider__track{
  display:flex;
  transition:transform .56s var(--dgqa-ease);
  will-change:transform;
}

.dgqa-product-slider__arrow{
  appearance:none;
  -webkit-appearance:none;
  position:absolute;
  top:calc((100% - 44px)/2);
  z-index:7;
  display:flex;
  align-items:center;
  justify-content:center;
  width:32px;
  height:44px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  color:var(--dgqa-card-icon);
  cursor:pointer;
  opacity:0;
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.72));
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
  transition:opacity .2s var(--dgqa-ease);
}

.dgqa-product-slider:hover .dgqa-product-slider__arrow,
.dgqa-product-slider:focus-within .dgqa-product-slider__arrow{opacity:1;}
.dgqa-product-slider__arrow--prev{left:8px;}
.dgqa-product-slider__arrow--next{right:8px;}
.dgqa-product-slider__arrow:hover{opacity:.72;}
.dgqa-product-slider__arrow.is-disabled{opacity:.18;cursor:default;pointer-events:none;}
.dgqa-product-slider__arrow svg{width:20px;height:20px;overflow:visible;}
.dgqa-product-slider__arrow path{fill:none;stroke:currentColor;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round;}

/* Quick add */
.dgqa-modal[hidden]{display:none!important;}
.dgqa-modal{
  position:fixed;
  inset:0;
  z-index:9999;
  display:grid;
  place-items:center;
  padding:20px;
  font-family:var(--dgqa-font);
}

.dgqa-modal__backdrop{
  position:absolute;
  inset:0;
  background:rgba(8,8,8,.38);
  backdrop-filter:blur(2px);
}

.dgqa-modal__panel{
  position:relative;
  z-index:1;
  width:min(560px,100%);
  max-height:min(760px,calc(100vh - 40px));
  overflow:auto;
  padding:22px;
  border:1px solid var(--dgqa-ink);
  background:var(--dgqa-paper);
  color:var(--dgqa-ink);
  outline:0;
  scrollbar-width:thin;
}

.dgqa-modal__close{
  position:absolute;
  top:11px;
  right:11px;
  display:block;
  width:32px;
  height:32px;
  margin:0;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  color:var(--dgqa-ink);
  cursor:pointer;
}

.dgqa-modal__close span{
  position:absolute;
  top:15px;
  right:7px;
  left:7px;
  height:1px;
  background:currentColor;
}

.dgqa-modal__close span:first-child{transform:rotate(45deg);}
.dgqa-modal__close span:last-child{transform:rotate(-45deg);}
.dgqa-modal__close:hover{transform:rotate(90deg);}

.dgqa-loading{
  display:flex;
  justify-content:center;
  gap:5px;
  padding:50px 0;
}

.dgqa-loading span{
  width:4px;
  height:4px;
  border-radius:50%;
  background:var(--dgqa-ink);
  opacity:.25;
  animation:dgqa-pulse 1s infinite;
}
.dgqa-loading span:nth-child(2){animation-delay:.15s;}
.dgqa-loading span:nth-child(3){animation-delay:.3s;}
@keyframes dgqa-pulse{50%{opacity:1;}}

.dgqa-qa{
  color:var(--dgqa-ink);
  font-family:var(--dgqa-font);
}

.dgqa-qa__head{
  display:grid;
  grid-template-columns:92px minmax(0,1fr);
  gap:14px;
  align-items:start;
  margin:0 32px 22px 0;
  padding:0 0 18px;
  border-bottom:1px solid var(--dgqa-line);
}

.dgqa-qa__thumb,
.dgqa-qa__thumb img{display:block;width:92px;}
.dgqa-qa__thumb img{aspect-ratio:2/3;object-fit:cover;background:#f4f4f2;}

.dgqa-qa__summary{display:grid;gap:4px;min-width:0;}
.dgqa-qa__eyebrow{margin:0;color:var(--dgqa-muted);font:400 9px/1.3 var(--dgqa-font);letter-spacing:.12em;text-transform:uppercase;}
.dgqa-qa__title{margin:0;font:500 15px/1.34 var(--dgqa-font);letter-spacing:.02em;text-transform:uppercase;}
.dgqa-qa__price{font:400 12px/1.4 var(--dgqa-font);}
.dgqa-qa__price .amount,.dgqa-qa__price bdi{font:inherit;color:inherit;}
.dgqa-qa__preorder{margin:0 0 16px;color:var(--dgqa-status);font:400 10px/1.45 var(--dgqa-font);letter-spacing:.055em;text-transform:uppercase;}

.dgqa-attr{margin:0 0 18px;}
.dgqa-attr__label{margin:0 0 8px;font:500 10px/1.25 var(--dgqa-font);letter-spacing:.085em;text-transform:uppercase;}
.dgqa-attr__options{display:flex;flex-wrap:wrap;gap:6px;}
.dgqa-option{
  min-width:40px;
  height:32px;
  padding:0 10px;
  border:1px solid var(--dgqa-line);
  border-radius:0;
  background:#fff;
  color:var(--dgqa-ink);
  font:400 10px/1 var(--dgqa-font);
  letter-spacing:.055em;
  text-transform:uppercase;
  cursor:pointer;
  transition:background .18s var(--dgqa-ease),color .18s var(--dgqa-ease),border-color .18s var(--dgqa-ease);
}
.dgqa-option:hover,.dgqa-option.is-active{border-color:var(--dgqa-ink);background:var(--dgqa-ink);color:#fff;}
.dgqa-option.is-disabled,.dgqa-option:disabled{opacity:.34;cursor:not-allowed;background:#fff;color:var(--dgqa-ink);border-color:var(--dgqa-line);}

.dgqa-qa__footer{margin-top:2px;}
.dgqa-qa__message{min-height:16px;margin:0 0 8px;color:#8a3030;font:400 10px/1.45 var(--dgqa-font);letter-spacing:.03em;}
.dgqa-qa__submit{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:44px;
  padding:0 16px;
  border:1px solid var(--dgqa-ink);
  border-radius:0;
  background:var(--dgqa-ink);
  color:#fff;
  font:500 10px/1 var(--dgqa-font);
  letter-spacing:.1em;
  text-transform:uppercase;
  cursor:pointer;
  transition:background .18s var(--dgqa-ease),color .18s var(--dgqa-ease),opacity .18s var(--dgqa-ease);
}
.dgqa-qa__submit:hover:not(:disabled){background:#fff;color:var(--dgqa-ink);}
.dgqa-qa__submit:disabled{opacity:.36;cursor:not-allowed;}

/* Header wishlist remains isolated from the product-card UI. */
html body a.dgqa-wishlist-icon[data-dgqa-wishlist-icon],
html body a.fxh-wishlist[data-dgqa-wishlist-icon]{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:24px;
  height:24px;
  margin:0;
  padding:0;
  color:var(--dgqa-ink);
  background:transparent;
  border:0;
  box-shadow:none;
  line-height:1;
  text-decoration:none;
}

html body a.dgqa-wishlist-icon[data-dgqa-wishlist-icon] .dgqa-wishlist-icon__heart,
html body a.fxh-wishlist[data-dgqa-wishlist-icon] .fxh-heart-icon{display:flex;width:24px;height:24px;align-items:center;justify-content:center;}
html body a.dgqa-wishlist-icon[data-dgqa-wishlist-icon] .fxh-wishlist-svg,
html body a.fxh-wishlist[data-dgqa-wishlist-icon] .fxh-wishlist-svg{display:block;width:18px;height:18px;fill:none;}
html body a.dgqa-wishlist-icon[data-dgqa-wishlist-icon] .fxh-wishlist-path,
html body a.fxh-wishlist[data-dgqa-wishlist-icon] .fxh-wishlist-path{fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;}
html body a.dgqa-wishlist-icon[data-dgqa-wishlist-icon] .fxh-wl-count,
html body a.fxh-wishlist[data-dgqa-wishlist-icon] .fxh-wl-count{
  position:absolute;
  top:-5px;
  right:-7px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:14px;
  height:14px;
  padding:0;
  border-radius:50%;
  background:var(--dgqa-ink);
  color:#fff;
  font:500 9px/14px var(--dgqa-font);
  letter-spacing:0;
}
html body a.dgqa-wishlist-icon[data-dgqa-wishlist-icon] .fxh-wl-count[hidden],
html body a.fxh-wishlist[data-dgqa-wishlist-icon] .fxh-wl-count[hidden]{display:none;}

@media (max-width:1024px){
  .dgqa-grid{gap:20px;}
  .dgqa-wishlist-page{--dgqa-active-cols:2;--dgqa-card-gap:20px;}
}

@media (max-width:767px){
  .dgqa-grid{gap:20px;}
  .dgqa-wishlist-page{--dgqa-active-cols:2;--dgqa-card-gap:20px;}
  .dgqa-card__topbar{padding:8px;}
  .dgqa-card__bottombar{padding:8px 9px 10px;}
  .dalya-wl-btn,.dgqa-qa-plus{width:25px;height:25px;}
  .dalya-wl-btn{background:transparent;border:0;box-shadow:none;}
  .dgqa-qa-plus{border-color:var(--dgqa-glass-white-line);background:var(--dgqa-glass-white);color:var(--dgqa-glass-white-ink);}
  .dalya-wl-svg,.dalya-wl-btn svg{width:17px;height:17px;}
  .dgqa-qa-plus span{width:12px;}
  .dgqa-media-nav{display:none;}
  .dgqa-media-progress{right:8px;bottom:5px;left:8px;}
  .dgqa-card__meta{gap:2px;padding-top:6px;}
  .dgqa-card__title{font-size:10px;line-height:1.38;letter-spacing:.03em;}
  .dgqa-card__price,.dgqa-card__price .price{font-size:10px;line-height:1.38;}
  .dgqa-card__flag{font-size:8px;}

  .dgqa-modal{place-items:end center;padding:0;}
  .dgqa-modal__panel{width:100%;max-height:min(82vh,680px);padding:18px 16px 16px;border-right:0;border-bottom:0;border-left:0;}
  .dgqa-modal__close{top:7px;right:7px;}
  .dgqa-qa__head{grid-template-columns:76px minmax(0,1fr);gap:12px;margin:0 26px 16px 0;padding-bottom:14px;}
  .dgqa-qa__thumb,.dgqa-qa__thumb img{width:76px;}
  .dgqa-qa__title{font-size:13px;}
  .dgqa-qa__price{font-size:11px;}
  .dgqa-attr{margin-bottom:15px;}
  .dgqa-attr__options{gap:5px;}
  .dgqa-option{min-width:38px;height:31px;font-size:9px;}
  .dgqa-qa__submit{height:42px;font-size:9px;}
}

@media (prefers-reduced-motion:reduce){
  .dgqa-media-stack,
  .dgqa-card__topbar,
  .dgqa-card__bottombar,
  .dgqa-card__hover-meta,
  .dgqa-card__hover-title,
  .dgqa-card__hover-price,
  .dgqa-media-nav,
  .dgqa-media-progress,
  .dgqa-product-slider__track,
  .dgqa-product-slider__arrow,
  .dgqa-option,
  .dgqa-qa__submit,
  .dgqa-product-switcher__tab{transition:none!important;}
  .dgqa-loading span,
  .dgqa-product-switcher__panel.is-active{animation:none!important;}
}


/* Final card-level specificity guard: catalog styles must not replace Cabin or
   force a dark button/box back onto the card controls. */
.dgqa-card.dgqa-product-card .dgqa-card__hover-meta,
.dgqa-card.dgqa-product-card .dgqa-card__hover-meta *{font-family:var(--dgqa-font)!important;}
.dgqa-card.dgqa-product-card .dalya-wl-btn,
.dgqa-card.dgqa-product-card .dgqa-media-nav{background:transparent!important;box-shadow:none!important;}


/* Editorial product-group switcher.
   Kept deliberately quiet so the selector reads as navigation, not a CTA. */
.dgqa-product-switcher{
  --dgqa-switcher-inactive:#f0f0f0;
  --dgqa-switcher-active:#fffdf8;
  --dgqa-switcher-ink:#111;
  width:100%;
  max-width:100%;
  margin:0;
  padding:0;
  color:var(--dgqa-switcher-ink);
  font-family:var(--dgqa-font);
}

.dgqa-product-switcher__tabs{
  display:flex;
  align-items:center;
  justify-content:center;
  width:max-content;
  max-width:100%;
  min-height:38px;
  margin:0 auto 28px;
  padding:2px;
  overflow-x:auto;
  overscroll-behavior-x:contain;
  scrollbar-width:none;
  background:var(--dgqa-switcher-inactive)!important;
  background-color:var(--dgqa-switcher-inactive)!important;
  background-image:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  box-sizing:border-box;
}
.dgqa-product-switcher__tabs::-webkit-scrollbar{display:none;}

/* Explicit selectors keep page-builder hover presets out of the control. */
.dgqa-product-switcher__tab,
.dgqa-product-switcher__tab:hover,
.dgqa-product-switcher__tab:focus,
.dgqa-product-switcher__tab:active,
.dgqa-product-switcher__tab[aria-selected="false"],
.dgqa-product-switcher__tab[data-dgqa-tab-state="inactive"]{
  appearance:none!important;
  -webkit-appearance:none!important;
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:112px;
  min-height:34px;
  margin:0!important;
  padding:0 20px!important;
  border:0!important;
  border-radius:0!important;
  outline:0;
  background:var(--dgqa-switcher-inactive)!important;
  background-color:var(--dgqa-switcher-inactive)!important;
  background-image:none!important;
  box-shadow:none!important;
  color:var(--dgqa-switcher-ink)!important;
  font:400 11px/1 var(--dgqa-font)!important;
  letter-spacing:0!important;
  text-align:center;
  text-decoration:none!important;
  text-shadow:none!important;
  white-space:nowrap;
  cursor:pointer;
  transition:opacity .16s var(--dgqa-ease),background-color .16s var(--dgqa-ease),font-weight .16s var(--dgqa-ease)!important;
}

.dgqa-product-switcher__tab[aria-selected="true"],
.dgqa-product-switcher__tab.is-active,
.dgqa-product-switcher__tab[data-dgqa-tab-state="active"],
.dgqa-product-switcher__tab[aria-selected="true"]:hover,
.dgqa-product-switcher__tab.is-active:hover,
.dgqa-product-switcher__tab[data-dgqa-tab-state="active"]:hover,
.dgqa-product-switcher__tab[aria-selected="true"]:focus,
.dgqa-product-switcher__tab.is-active:focus,
.dgqa-product-switcher__tab[data-dgqa-tab-state="active"]:focus{
  background:var(--dgqa-switcher-active)!important;
  background-color:var(--dgqa-switcher-active)!important;
  background-image:none!important;
  color:var(--dgqa-switcher-ink)!important;
  font-weight:500!important;
  opacity:1!important;
}

/* A restrained response without adding lines, lifts, borders or colour jumps. */
.dgqa-product-switcher__tab:not([aria-selected="true"]):not(.is-active):hover{
  opacity:.68;
}
.dgqa-product-switcher__tab::before,
.dgqa-product-switcher__tab::after{
  display:none!important;
  content:none!important;
}
.dgqa-product-switcher__tab:focus-visible{
  outline:1px solid var(--dgqa-switcher-ink)!important;
  outline-offset:2px;
}
.dgqa-product-switcher__panel[hidden]{display:none!important;}
.dgqa-product-switcher__panel.is-active{animation:dgqa-product-tab-fade .18s var(--dgqa-ease) both;}

@keyframes dgqa-product-tab-fade{
  from{opacity:0;}
  to{opacity:1;}
}

@media (max-width:767px){
  .dgqa-product-switcher__tabs{
    width:min(100%,280px);
    min-height:36px;
    margin-bottom:22px;
  }
  .dgqa-product-switcher__tab,
  .dgqa-product-switcher__tab:hover,
  .dgqa-product-switcher__tab:focus,
  .dgqa-product-switcher__tab:active{
    flex:1 1 0;
    min-width:0;
    min-height:32px;
    padding:0 12px!important;
    font-size:10px!important;
  }
}