.ify-color-selector{
  margin:var(--ify-color-section-top,18px) 0 var(--ify-color-section-bottom,20px);
  padding:17px 0 2px;
  border-top:1px solid rgba(38,37,33,.10);
}
.ify-color-selector.no-separator{border-top:0;padding-top:0}
.ify-color-selector__head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:0 0 12px}
.ify-color-selector__titleline{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px}
.ify-color-selector__head strong{color:#292925;font-size:var(--ify-color-title-font,15px);font-weight:800;line-height:1.2}
.ify-color-selector__titleline em{font-style:normal;color:var(--ify-color-primary);font-size:10px;font-weight:800}
.ify-color-selector__head>span{color:#8a877f;font-size:10px;font-weight:600}

/*
 * Layout 1.0.11: miniaturile nu se mai redimensionează după device.
 * Păstrează aceeași dimensiune și se mută natural pe rândul următor
 * exact când containerul nu mai are loc pentru următorul element.
 */
.ify-color-selector__items{
  display:flex;
  flex-wrap:wrap;
  align-items:flex-start;
  align-content:flex-start;
  gap:var(--ify-color-gap,11px);
  width:100%;
  max-width:100%;
}
.ify-color-selector__item{
  position:relative;
  display:grid;
  grid-template-rows:auto var(--ify-color-label-height,30px);
  justify-items:center;
  align-items:start;
  flex:0 0 var(--ify-color-thumb,76px);
  width:var(--ify-color-thumb,76px);
  min-width:0;
  gap:6px;
  color:#292925!important;
  text-decoration:none!important;
}
.ify-color-selector__image{
  position:relative;
  display:block;
  width:var(--ify-color-thumb,76px);
  height:var(--ify-color-thumb,76px);
  overflow:hidden;
  background:#f3eee9;
  border:var(--ify-color-thumb-border-width,2px) solid var(--ify-color-thumb-border,#e7e1dc);
  border-radius:var(--ify-color-thumb-radius,13px);
  transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease;
}
.ify-color-selector__image img{display:block;width:100%;height:100%;margin:0!important;object-fit:var(--ify-color-image-fit,cover);transition:transform .2s ease,opacity .2s ease,filter .2s ease}
.ify-color-selector__item:hover .ify-color-selector__image{border-color:rgba(173,79,57,.48);transform:translateY(-1px)}
.ify-color-selector.no-hover-lift .ify-color-selector__item:hover .ify-color-selector__image{transform:none}
.ify-color-selector__item:hover img{transform:scale(1.035)}
.ify-color-selector.no-hover-zoom .ify-color-selector__item:hover img{transform:none}
.ify-color-selector__item.is-current .ify-color-selector__image{border-color:var(--ify-color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--ify-color-primary) 12%,transparent)}
.ify-color-selector__label{box-sizing:border-box;display:flex!important;align-items:center!important;justify-content:center!important;width:100%;max-width:100%;height:var(--ify-color-label-height,30px)!important;min-height:var(--ify-color-label-height,30px)!important;padding:0 7px!important;margin:0!important;overflow:hidden;color:var(--ify-color-inactive-text,#34332f);font-size:var(--ify-color-label-font,11px);font-weight:800;line-height:1!important;text-align:center;text-overflow:ellipsis;white-space:nowrap;border:1px solid transparent;border-radius:var(--ify-color-label-radius,999px);vertical-align:middle!important}
.ify-color-selector__item.is-current .ify-color-selector__label{padding:0 10px!important;color:#fff;background:var(--ify-color-primary);border-color:var(--ify-color-primary)}
.ify-color-selector.labels-all-tabs .ify-color-selector__item .ify-color-selector__label{padding:0 10px!important}
.ify-color-selector.labels-all-tabs .ify-color-selector__item.is-current .ify-color-selector__label{color:#fff;background:var(--ify-color-primary);border-color:var(--ify-color-primary)}
.ify-color-selector.labels-all-tabs .ify-color-selector__item:not(.is-current) .ify-color-selector__label{color:var(--ify-color-inactive-text,#34332f);background:var(--ify-color-inactive-bg,#f7f4f1);border-color:var(--ify-color-inactive-border,#e6ddd8)}
.ify-color-selector__image small{position:absolute;z-index:2;left:50%;padding:5px 8px;color:var(--ify-color-stock-text,#fff);background:var(--ify-color-stock-bg,#252522);border-radius:999px;font-size:7px;font-weight:800;line-height:1;white-space:nowrap;transform:translateX(-50%)}
.ify-color-selector.stock-center .ify-color-selector__image small{top:50%;transform:translate(-50%,-50%)}
.ify-color-selector.stock-bottom .ify-color-selector__image small{bottom:7px}
.ify-color-selector__item.is-out-of-stock .ify-color-selector__image img{filter:grayscale(.72);opacity:var(--ify-color-out-opacity,.55)}
.ify-color-selector__item.is-disabled{cursor:not-allowed;pointer-events:none}
.ify-color-selector__item.is-disabled .ify-color-selector__image{opacity:.68}
.ify-color-selector__hint{display:flex;align-items:center;gap:6px;margin:11px 0 0!important;color:#7e7c76;font-size:10.5px;line-height:1.35}
.ify-color-selector__hint span{font-size:12px}
.ify-color-selector.no-color-labels .ify-color-selector__item{grid-template-rows:auto;gap:0}