.esg-line-height-0 {
  line-height: 0
}

.esg-text-left {
  text-align: left
}

.esg-text-right {
  text-align: right
}

.esg-text-center {
  text-align: center
}

.esg-font-normal {
  font-style: normal
}

.esg-font-italic {
  font-style: italic
}

.esg-display-none {
  display: none
}

.esg-display-block {
  display: block
}

.esg-display-inline-block {
  display: inline-block
}

.esg-display-inline {
  display: inline
}

.esg-display-none-i {
  display: none !important
}

.esg-display-block-i {
  display: block !important
}

.esg-display-inline-block-i {
  display: inline-block !important
}

.esg-display-inline-i {
  display: inline !important
}

.esg-hidden {
  visibility: hidden
}

.esg-visible {
  visibility: visible
}

.esg-p-absolute {
  position: absolute
}

.esg-p-relative {
  position: relative
}

.esg-margin-0 {
  margin: 0
}

.esg-margin-t-0 {
  margin-top: 0
}

.esg-margin-b-0 {
  margin-bottom: 0
}

.esg-margin-l-0 {
  margin-left: 0
}

.esg-margin-r-0 {
  margin-right: 0
}

.esg-margin-5 {
  margin: 5px
}

.esg-margin-t-5 {
  margin-top: 5px
}

.esg-margin-b-5 {
  margin-bottom: 5px
}

.esg-margin-l-5 {
  margin-left: 5px
}

.esg-margin-r-5 {
  margin-right: 5px
}

.esg-margin-10 {
  margin: 10px
}

.esg-margin-t-10 {
  margin-top: 10px
}

.esg-margin-b-10 {
  margin-bottom: 10px
}

.esg-margin-l-10 {
  margin-left: 10px
}

.esg-margin-r-10 {
  margin-right: 10px
}

.esg-margin-15 {
  margin: 15px
}

.esg-margin-t-15 {
  margin-top: 15px
}

.esg-margin-b-15 {
  margin-bottom: 15px
}

.esg-margin-l-15 {
  margin-left: 15px
}

.esg-margin-r-15 {
  margin-right: 15px
}

.esg-padding-0 {
  padding: 0
}

.esg-padding-t-0 {
  padding-top: 0
}

.esg-padding-b-0 {
  padding-bottom: 0
}

.esg-padding-l-0 {
  padding-left: 0
}

.esg-padding-r-0 {
  padding-right: 0
}

.esg-padding-15 {
  padding: 15px
}

.esg-padding-t-15 {
  padding-top: 15px
}

.esg-padding-b-15 {
  padding-bottom: 15px
}

.esg-padding-l-15 {
  padding-left: 15px
}

.esg-padding-r-15 {
  padding-right: 15px
}

.esg-f-left {
  float: left !important
}

.esg-f-right {
  float: right !important
}

.esg-f-none {
  float: none !important
}

.esg-color-black {
  color: #000
}

.esg-color-white {
  color: #fff
}

.esg-color-red {
  color: red
}

.esg-color-green {
  color: green
}

.esg-color-blue {
  color: #00f
}

.esg-w100 {
  width: 100%
}

.esg-w100-hauto {
  width: 100%;
  height: auto
}

.esg-fullscreen-forcer {
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  height: auto
}

.esg-iframe {
  position: absolute;
  top: 0;
  left: 0;
  display: none
}

.esg-clearfix:after,
.esg-clearfix:before {
  content: " ";
  display: table
}

.esg-clearfix:after {
  clear: both
}

.esg-starring {
  line-height: 25px;
  display: inline-block
}

.esg-starring .star-rating {
  float: none
}

.esg-starring .star-rating {
  color: #ffc321 !important
}

.esg-starring .star-rating,
.esg-starring-page .star-rating {
  float: right;
  overflow: hidden;
  position: relative;
  height: 1em;
  line-height: 1em;
  font-size: 1em;
  width: 5.4em;
  font-family: star
}

.esg-starring .star-rating:before,
.esg-starring-page .star-rating:before {
  content: "\73\73\73\73\73";
  color: #e0dadf;
  float: left;
  top: 0;
  left: 0;
  position: absolute
}

.esg-starring .star-rating span {
  overflow: hidden;
  float: left;
  top: 0;
  left: 0;
  position: absolute;
  padding-top: 1.5em
}

.esg-starring .star-rating span:before {
  content: "\53\53\53\53\53";
  top: 0;
  position: absolute;
  left: 0
}

.esg-starring .star-rating {
  color: #ffc321 !important
}

.lazyloadcover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100%
}

.esg-lazyblur {
  background-repeat: no-repeat;
  filter: blur(25px);
  -webkit-filter: blur(25px);
  -moz-filter: blur(25px);
  background-size: cover;
  background-position: center center;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden
}

.esg-media-poster {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: center center;
  z-index: 10;
  /* opacity:0; */
}

.esg-video-active .esg-media-poster {
  z-index: 0
}

.esg-vimeo-frame {
  background: #000
}

.esg-grid .no-filter-message {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  pointer-events: none;
  visibility: hidden;
  opacity: 0;
  transition: all .2s ease
}

.esg-grid .esg-loadmore-wrapper+.no-filter-message {
  position: relative;
  display: block;
  text-align: center
}

.esg-grid.show-message .no-filter-message {
  transition-duration: 1s;
  visibility: visible;
  opacity: 1
}

.esg-hover-image {
  display: none
}

.esg-media-poster .esg-hover-image {
  display: block;
  width: inherit;
  height: inherit;
  background-size: inherit;
  background-position: inherit;
  visibility: hidden;
  opacity: 0
}

.esg-starring .star-rating,
.esg-starring-page .star-rating {
  line-height: 1em;
  font-size: 1em;
  font-family: star
}

.esg-grid {
  width: 100%;
  max-width: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0)
}

@-moz-document url-prefix() {
  .esg-grid {
    transform: none !important
  }
}

.esg-grid .mainul,
.esg-grid .mainul>li {
  list-style: none;
  margin: 0;
  padding: 0;
  transform-style: flat !important
}

.esg-grid * {
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased
}

.esg-grid li,
.esg-grid ul {
  list-style: none;
  margin: 0;
  padding: 0;
  transform-style: flat !important
}

.esg-overflowtrick {
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
  padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  z-index: 1
}

.esg-overflowtrick+.esg-filters:not(.esg-navbutton-solo-left):not(.esg-navbutton-solo-right) {
  z-index: 0 !important
}

.esg-container {
  position: relative;
  width: 100%;
  height: auto
}

.esg-container>ul,
.esg-overflowtrick>ul {
  width: 100%;
  max-width: 100%;
  height: 0;
  position: relative;
  overflow: visible
}

.esg-grid li {
  border: 0 solid transparent;
  outline: 0 solid transparent;
  visibility: hidden;
  display: none
}

.esg-grid a {
  border: none;
  text-decoration: none
}

.esg-grid a:focus,
.esg-grid a:hover {
  text-decoration: none;
  border: none
}

.esg-clear {
  clear: both;
  height: 5px !important;
  background: 0 0 !important
}

.eg-clearfix,
.esg-clear-no-height {
  clear: both;
  height: 0 !important;
  background: 0 0 !important
}

.esg-line-break {
  height: 5px;
  visibility: hidden
}

.esg-divide-5 {
  width: 100%;
  height: 5px
}

.esg-divide-15 {
  width: 100%;
  height: 15px
}

.esg-divide-20 {
  width: 100%;
  height: 20px
}

.esg-divide-22 {
  width: 100%;
  height: 22px
}

.esg-divide-30 {
  width: 100%;
  height: 30px
}

.esg-click-to-play-video {
  cursor: pointer
}

.esg-entry-media iframe {
  -webkit-transform-style: flat;
  -webkit-transform: translateZ(1000px);
  border: 0
}

.esg-container .tp-esg-item {
  position: absolute;
  top: 0;
  left: 0
}

.esg-container .tp-esg-item {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box
}

.esg-container .tp-esg-item .blackoverlay {
  width: 100%;
  height: 100%;
  position: absolute;
  background: #000;
  top: 0;
  left: 0
}

.tp-esg-item {
  z-index: 5
}

.tp-esg-item.itemonotherpage {
  z-index: 0;
  display: none
}

.esg-entry-cover {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  border: 0 solid transparent;
  outline: 0 solid transparent
}

.eec {
  display: block;
  width: auto;
  height: auto;
  position: absolute !important;
  font-size: 20px;
  text-align: center
}

.esg-entry-cover>.eec {
  z-index: 2;
  pointer-events: none
}

.esg-entry-cover>.eec>* {
  pointer-events: all
}

.esg-tc {
  top: 0;
  left: 0;
  width: 100%
}

.esg-lc {
  top: 0;
  left: 0;
  height: 100%
}

.esg-cc {
  top: 0;
  left: 0;
  width: 100%;
  vertical-align: middle
}

.esg-rc {
  top: 0;
  right: 0;
  height: 100%
}

.esg-bc {
  bottom: 0;
  left: 0;
  width: 100%
}

.esg-tc .ess-tb-cell {
  text-align: center;
  vertical-align: top
}

.esg-lc .ess-tb-cell {
  text-align: left;
  vertical-align: middle
}

.esg-rc .ess-tb-cell {
  text-align: right;
  vertical-align: middle
}

.esg-blc .ess-tb-cell {
  text-align: left;
  vertical-align: bottom
}

.esg-bc .ess-tb-cell {
  text-align: center;
  vertical-align: bottom
}

.esg-brc .ess-tb-cell {
  text-align: right;
  vertical-align: bottom
}

.esg-bc .leftalign {
  text-align: left
}

.esg-entry-media {
  position: relative;
  border: 0 solid transparent;
  outline: 0 solid transparent;
  overflow: hidden
}

.esg-entry-media {
  width: 100%
}

.esg-entry-media img {
  width: 100%;
  height: auto;
  max-width: none !important;
  min-width: auto !important
}

.esg-layout-masonry .esg-entry-media img {
  line-height: 0;
  vertical-align: bottom;
  display: inline-block
}

.esg-layout-even .esg-entry-media img {
  display: none
}

.esg-media-cover-wrapper {
  position: relative;
  width: 100%;
  backface-visibility: hidden
}

.esg-layout-even .esg-media-cover-wrapper {
  height: 100%
}

.esg-entry-media-wrapper {
  z-index: 0
}

.esg-entry-media-wrapper-even {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative
}

.esg-entry-media-wrapper-not-even {
  overflow: hidden;
  position: relative
}

.esg-entry-media-wrapper .esg-video-frame {
  background: #000
}

.esg-entry-media-wrapper-item-layout {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden
}

.esg-entry-cover .esg-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0 solid transparent;
  outline: 0 solid transparent
}

.esg-layout-even .esg-entry-content {
  display: none
}

.esg-entry-content {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-backface-visibility: hidden
}

.esg-filters,
.esg-pagination,
.navigationbuttons {
  position: relative;
  z-index: 50;
  -webkit-backface-visibility: hidden
}

.esg-grid .esg-pagination {
  z-index: 100;
  -webkit-backface-visibility: hidden
}

.esg-nav-by-shortcode .esg-sortbutton-order .tp-desc,
.esg-nav-by-shortcode .esg-sortbutton-order.eg-icon-down-open.tp-asc,
.esg-sortbutton-order .tp-desc,
.esg-sortbutton-order.eg-icon-down-open.tp-asc {
  text-align: center
}

.esg-nav-by-shortcode {
  position: relative;
  display: inline-block;
  vertical-align: top;
  text-align: center
}

.esg-nav-by-shortcode .esg-navbutton-solo-left,
.esg-nav-by-shortcode .esg-navbutton-solo-right {
  position: relative;
  left: auto;
  right: auto;
  top: auto;
  bottom: auto
}

.esg-nav-by-shortcode .esg-filter-wrapper {
  visibility: visible
}

.esg-singlefilters .esg-filter-checked {
  display: none;
  -webkit-backface-visibility: hidden
}

.esg-filter-wrapper {
  display: inline-block
}

.esg-sortbutton-wrapper {
  display: inline-block
}

.esg-cartbutton-wrapper {
  display: inline-block
}

.esg-filter-wrapper.dropdownstyle {
  min-width: 100px;
  cursor: pointer;
  position: relative;
  z-index: 1500;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(1px);
  transform: translateZ(1px)
}

.esg-filter-wrapper.dropdownstyle.esg-skin-preview {
  z-index: 1570;
  visibility: visible
}

.esg-filter-wrapper.dropdownstyle .esg-filterbutton {
  display: block;
  margin-right: 0;
  margin-bottom: 5px
}

.esg-filter-wrapper.dropdownstyle .esg-filter-checked {
  margin-right: 5px;
  margin-left: 0
}

.esg-dropdown-wrapper {
  display: none;
  position: absolute;
  padding: 20px;
  top: 100%;
  backface-visibility: hidden;
  transform: translateZ(10px)
}

.esg-selected-filterbutton {
  color: #999;
  margin-right: 5px;
  cursor: pointer;
  padding: 0 15px 0 10px;
  line-height: 20px;
  font-size: 12px;
  font-weight: 600;
  display: inline-block;
  background: rgba(0, 0, 0, 0);
  margin-bottom: 5px;
  width: 100%
}

.esg-selected-filterbutton.hovered {
  color: #444
}

.esg-selected-filterbutton .eg-icon-down-open {
  display: inline-block;
  vertical-align: top;
  width: 29px;
  line-height: inherit;
  font-size: 9px;
  font-weight: 700;
  color: #999;
  background: rgba(0, 0, 0, 0);
  text-align: center
}

.esg-sortbutton-order.tp-desc {
  transform: scaleY(-1);
  filter: FlipV;
  -ms-filter: FlipV
}

.esg-sorting-select {
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  -webkit-appearance: menulist-button
}

.esg-filters.esg-navbutton-solo-left {
  position: absolute;
  left: 0;
  top: 50%;
  z-index: 800
}

.esg-filters.esg-navbutton-solo-right {
  position: absolute;
  right: 0;
  top: 50%;
  z-index: 800
}

.esg-navigationbutton.esg-left,
.esg-navigationbutton.esg-right {
  margin-left: 0 !important;
  margin-right: 0 !important;
  -webkit-transform-style: flat;
  -webkit-transform: translateZ(5000px)
}

.eg-leftright-container {
  float: left;
  width: 310px;
  margin-right: 20px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  position: relative
}

.eg-leftright-container.dark {
  background: #1e1e1e
}

.eg-leftright-container .pagination {
  position: absolute;
  bottom: 0
}

.eg-leftright-container .esg-filters {
  padding: 30px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box
}

.eg-leftright-container .esg-filterbutton {
  display: block;
  margin: 0 0 5px 0
}

.eg-leftright-container .esg-filter-wrapper {
  display: block;
  margin-right: 0
}

.eg-ajaxtarget-container {
  position: relative;
  width: 100%;
  height: auto
}

.eg-ajaxanimwrapper {
  position: relative;
  overflow: hidden
}

.tp-esg-item .add_to_cart_button.loading:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: url(ajax-loader.png) center no-repeat rgba(255, 255, 255, .65)
}

.esg-loader {
  top: 50%;
  left: 50%;
  z-index: 10000;
  position: absolute
}

.infinityscollavailable.esg-loader {
  position: relative;
  top: auto;
  left: 50%;
  margin-top: 25px !important;
  margin-bottom: 25px !important
}

.esg-loader.spinner0 {
  width: 40px;
  height: 40px;
  background: #fff url(loader.png) no-repeat center center;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
  margin-left: -20px;
  -webkit-animation: esg-rotateplane 1.2s infinite ease-in-out;
  animation: esg-rotateplane 1.2s infinite ease-in-out;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px
}

.esg-loader.spinner1 {
  width: 40px;
  height: 40px;
  background-color: #fff;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
  margin-left: -20px;
  -webkit-animation: esg-rotateplane 1.2s infinite ease-in-out;
  animation: esg-rotateplane 1.2s infinite ease-in-out;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px
}

.esg-loader.spinner5 {
  background: #fff url(loader.png) no-repeat 10px 10px;
  margin: -22px -22px;
  width: 44px;
  height: 44px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px
}

@-webkit-keyframes esg-rotateplane {
  0% {
    -webkit-transform: perspective(120px)
  }

  50% {
    -webkit-transform: perspective(120px) rotateY(180deg)
  }

  100% {
    -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg)
  }
}

@keyframes esg-rotateplane {
  0% {
    transform: perspective(120px) rotateX(0) rotateY(0);
    -webkit-transform: perspective(120px) rotateX(0) rotateY(0)
  }

  50% {
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0)
  }

  100% {
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
  }
}

.esg-loader.spinner2 {
  width: 40px;
  height: 40px;
  margin-left: -20px;
  background-color: red;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
  border-radius: 100%;
  -webkit-animation: esg-scaleout 1s infinite ease-in-out;
  animation: esg-scaleout 1s infinite ease-in-out
}

@-webkit-keyframes esg-scaleout {
  0% {
    -webkit-transform: scale(0)
  }

  100% {
    -webkit-transform: scale(1);
    opacity: 0
  }
}

@keyframes esg-scaleout {
  0% {
    transform: scale(0);
    -webkit-transform: scale(0)
  }

  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 0
  }
}

.esg-loader.spinner3 {
  margin: -9px 0 0 -35px;
  width: 70px;
  text-align: center
}

.eg-search-wrapper .esg-loader.spinner3 {
  margin-top: -30px !important
}

.simple-dark .eg-search-wrapper .esg-loader.spinner3,
.simple-light .eg-search-wrapper .esg-loader.spinner3 {
  margin-top: -25px !important
}

.text-dark .eg-search-wrapper .esg-loader.spinner3,
.text-light .eg-search-wrapper .esg-loader.spinner3 {
  margin-top: -22px !important
}

.esg-loader.spinner3 .bounce1,
.esg-loader.spinner3 .bounce2,
.esg-loader.spinner3 .bounce3 {
  width: 18px;
  height: 18px;
  background-color: #fff;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: esg-bouncedelay 1.4s infinite ease-in-out;
  animation: esg-bouncedelay 1.4s infinite ease-in-out;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}

.esg-loader.spinner3 .bounce1 {
  -webkit-animation-delay: -.32s;
  animation-delay: -.32s
}

.esg-loader.spinner3 .bounce2 {
  -webkit-animation-delay: -.16s;
  animation-delay: -.16s
}

@-webkit-keyframes esg-bouncedelay {

  0%,
  100%,
  80% {
    -webkit-transform: scale(0)
  }

  40% {
    -webkit-transform: scale(1)
  }
}

@keyframes esg-bouncedelay {

  0%,
  100%,
  80% {
    transform: scale(0);
    -webkit-transform: scale(0)
  }

  40% {
    transform: scale(1);
    -webkit-transform: scale(1)
  }
}

.esg-loader.spinner4 {
  margin: 0 0 0 -20px;
  width: 40px;
  height: 40px;
  text-align: center;
  -webkit-animation: esg-rotate 2s infinite linear;
  animation: esg-rotate 2s infinite linear
}

.esg-loader.spinner4 .dot1,
.esg-loader.spinner4 .dot2 {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: #fff;
  border-radius: 100%;
  -webkit-animation: esg-bounce 2s infinite ease-in-out;
  animation: esg-bounce 2s infinite ease-in-out;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15)
}

.esg-loader.spinner4 .dot2 {
  top: auto;
  bottom: 0;
  -webkit-animation-delay: -1s;
  animation-delay: -1s
}

@-webkit-keyframes esg-rotate {
  100% {
    -webkit-transform: rotate(360deg)
  }
}

@keyframes esg-rotate {
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg)
  }
}

@-webkit-keyframes esg-bounce {

  0%,
  100% {
    -webkit-transform: scale(0)
  }

  50% {
    -webkit-transform: scale(1)
  }
}

@keyframes esg-bounce {

  0%,
  100% {
    transform: scale(0);
    -webkit-transform: scale(0)
  }

  50% {
    transform: scale(1);
    -webkit-transform: scale(1)
  }
}

[class*=" eg-icon-"]:before,
[class^=eg-icon-]:before {
  font-family: FontAwesome;
  font-style: normal;
  font-weight: 400;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em
}

[class*=" fa-icon-"]:before,
[class^=fa-icon-]:before {
  font-family: FontAwesome;
  font-style: normal;
  font-weight: 400;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em
}

.esg-grid [class*=" pe-7s-"]:before,
.esg-grid [class^=pe-7s-]:before {
  font-family: Pe-icon-7-stroke;
  display: inline-block;
  font-style: normal;
  font-weight: 400;
  speak: none;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em
}

.esg-cartbutton a,
.esg-filter-wrapper .esg-filterbutton:last-child,
.esg-selected-filterbutton {
  margin-right: 0 !important
}

.esg-singlefilters .esg-filter-checked {
  display: none !important
}

.eg-ajaxclicklistener {
  cursor: pointer
}

.eg-ajax-video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden
}

.eg-ajax-video-container.widevideo {
  padding-bottom: 50%
}

.eg-ajax-video-container embed,
.eg-ajax-video-container iframe,
.eg-ajax-video-container object {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.forcenotvisible {
  visibility: hidden !important
}

.forcenotdisplay {
  display: none !important
}

.eg-search-input,
input.eg-search-input[type=text] {
  display: inline-block
}

.eg-search-clean,
.eg-search-submit {
  display: inline-block;
  width: auto;
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  text-align: center;
  vertical-align: top
}

.eg-search-clean,
.eg-search-submit {
  cursor: pointer
}

.eg-search-wrapper {
  vertical-align: top;
  line-height: 40px
}

input.eg-search-input[type=text] {
  font-family: "Open Sans", sans-serif;
  outline: 0 !important;
  margin: 0 0 5px !important;
  padding: 8px 15px;
  vertical-align: top;
  box-sizing: border-box
}

.eg-ajax-closer-wrapper {
  display: block;
  z-index: 51000;
  position: relative
}

.eg-ajax-navbt {
  cursor: pointer;
  display: inline-block;
  margin-right: 5px
}

.eg-acp-inner.eg-acp-br .eg-ajax-closer.eg-ajax-navbt,
.eg-acp-inner.eg-acp-tr .eg-ajax-closer.eg-ajax-navbt {
  margin-right: 0
}

.eg-ajax-closer-wrapper.eg-acp-bl,
.eg-ajax-closer-wrapper.eg-acp-tl {
  text-align: left
}

.eg-ajax-closer-wrapper.eg-acp-br,
.eg-ajax-closer-wrapper.eg-acp-tr {
  text-align: right
}

.eg-ajax-closer-wrapper.eg-acp-b,
.eg-ajax-closer-wrapper.eg-acp-t {
  text-align: center
}

.eg-ajax-closer-wrapper.eg-acp-t,
.eg-ajax-closer-wrapper.eg-acp-tl,
.eg-ajax-closer-wrapper.eg-acp-tr {
  margin-bottom: 5px
}

.eg-ajax-closer-wrapper.eg-acp-b,
.eg-ajax-closer-wrapper.eg-acp-bl,
.eg-ajax-closer-wrapper.eg-acp-br {
  margin-top: 5px
}

.eg-acp-inner {
  display: block;
  position: absolute;
  z-index: 50;
  margin: 5px
}

.eg-acp-inner.eg-acp-t,
.eg-acp-inner.eg-acp-tl,
.eg-acp-inner.eg-acp-tr {
  top: 0
}

.eg-acp-inner.eg-acp-b,
.eg-acp-inner.eg-acp-bl,
.eg-acp-inner.eg-acp-br {
  bottom: 0
}

.eg-acp-inner.eg-acp-bl,
.eg-acp-inner.eg-acp-tl {
  left: 0
}

.eg-acp-inner.eg-acp-br,
.eg-acp-inner.eg-acp-tr {
  right: 0
}

.eg-acp-inner.eg-acp-b,
.eg-acp-inner.eg-acp-t {
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -moz-transform: translateX(-50%)
}

.eg-ajax-navbt {
  line-height: 21px;
  background: #000;
  background: rgba(0, 0, 0, .75);
  color: #fff;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  text-transform: uppercase;
  padding: 1px 1px 0 0;
  font-size: 11px;
  font-weight: 400
}

.eg-ajax-closer.eg-ajax-navbt {
  padding: 1px 5px 1px 3px;
  vertical-align: top
}

.eg-acp-light .eg-ajax-navbt {
  background: #e5e5e5;
  color: #000
}

.eg-ajax-closer.eg-ajax-navbt i {
  font-size: 13px
}

.eg-ajax-navbt i {
  font-size: 16px
}

.eg-ajax-closer-wrapper.eg-acp-type1 {
  margin: 0
}

.eg-acp-type1 .eg-ajax-navbt {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  padding: 10px;
  margin: 0
}

.eg-acp-type1 .eg-ajax-navbt i {
  font-size: 20px
}

.eg-acp-type1 .eg-ajax-navbt {
  width: 40px;
  height: 40px;
  text-align: center;
  vertical-align: middle !important;
  line-height: 40px;
  padding: 0
}

.eg-acp-type1 .eg-ajax-closer.eg-ajax-navbt {
  vertical-align: top;
  font-size: 24px;
  font-weight: 300;
  font-family: sans-serif;
  height: auto;
  line-height: 28px;
  padding: 8px 0 4px
}

span.eg-el-amount:before {
  content: "("
}

span.eg-el-amount:after {
  content: ")"
}

span.eg-el-amount {
  margin-left: 10px
}

.esg-dropdown-wrapper span.eg-el-amount {
  margin-left: 5px
}

.esg-split-content .esg-entry-cover,
.esg-split-content .esg-entry-media-wrapper {
  width: 50% !important
}

.esg-split-content .esg-media-cover-wrapper:after {
  content: "";
  display: table;
  clear: both
}

.esg-split-right .esg-entry-cover,
.esg-split-right .esg-entry-media-wrapper {
  float: right
}

.esg-split-left .esg-entry-cover,
.esg-split-left .esg-entry-media-wrapper {
  float: left
}

.esg-split-content .esg-entry-media {
  height: 100% !important
}

.esg-split-content .esg-entry-cover {
  position: relative !important
}

.esg-split-content .esg-entry-content {
  clear: both
}

.grayscale {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%)
}

.esg-revealed .esg-itm-anime:not(.esg-anime-blur) .esg-overflowtrick {
  overflow: visible !important
}

.esg-revealed .esg-itm-anime .tp-esg-item {
  -webkit-mask-image: none !important
}

.esg-revealed .esg-itm-anime .tp-esg-item:hover {
  z-index: 9999 !important;
  transform: none !important
}

.esg-revealed .esg-anime-item:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: ""
}

.eg-invisiblebutton {
  box-shadow: none !important;
  height: inherit !important;
  display: block !important;
  font-size: 0
}

.esg-media-cover-wrapper>.eg-invisiblebutton {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1
}

.esg-entry-cover>.eg-invisiblebutton {
  position: relative;
  z-index: 1
}

.esg-lb-dummy {
  max-width: none !important;
  box-shadow: none !important;
  position: absolute;
  display: none
}

@media screen and (max-width:736px) {
  .eg-lightbox-post-content-inner>div {
    width: 100% !important;
    float: none !important
  }

  .eg-lightbox-post-content-inner .esg-post-featured-img {
    padding: 30px 0 !important
  }
}

.esgbox-stage .esgbox-slide>:not(.esgbox-share) {
  margin: 0;
  padding: 0
}

.esgbox-stage .esgbox-slide>.esgbox-loading {
  margin-top: -30px;
  margin-left: -30px
}

.esgbox-toolbar .esgbox-button {
  transition: background .2s ease-out
}

.esgbox-toolbar .esgbox-button:active,
.esgbox-toolbar .esgbox-button:focus,
.esgbox-toolbar .esgbox-button:visited {
  background: rgba(30, 30, 30, .6)
}

.esgbox-toolbar .esgbox-button:hover {
  background: #000
}

.esgbox-navigation .esgbox-button:before {
  transition: background .2s ease-out
}

.esgbox-navigation .esgbox-button:active:before,
.esgbox-navigation .esgbox-button:focus:before,
.esgbox-navigation .esgbox-button:visited:before,
.esgbox-navigation .esgbox-button[disabled]:hover:before,
.esgbox-toolbar .esgbox-button[disabled]:hover {
  background: rgba(0, 0, 0, .6)
}

.esgbox-navigation .esgbox-button:hover:before {
  background: rgba(0, 0, 0, .6)
}

.esgbox-hidearrows .esgbox-navigation .esgbox-button--arrow_left,
.esgbox-hidearrows .esgbox-navigation .esgbox-button--arrow_right {
  display: none !important
}

.esgbox-single .esgbox-button--arrow_left,
.esgbox-single .esgbox-button--arrow_right {
  display: none !important
}

.esgbox-slide--video iframe {
  width: 100% !important;
  height: 100% !important;
  max-width: 100%;
  max-height: 100%
}

.esg-four-by-three .esgbox-slide--video iframe {
  width: 800px;
  height: 600px
}

.esgbox-container .esgbox-button--arrow_left:focus,
.esgbox-container .esgbox-button--arrow_left:hover,
.esgbox-container .esgbox-button--arrow_right:focus,
.esgbox-container .esgbox-button--arrow_right:hover {
  background: rgba(0, 0, 0, .6)
}

.esg-filter-wrapper {
  visibility: hidden
}

#eg-elements-container-grid-wrap.eg-startheight {
  height: 351px
}

.esg-mobile-filter-button {
  display: none
}

.esg-filter-wrapper.dropdownstyle .esg-mobile-filter-button {
  display: inline-block
}

.esg-mobile-filter-wrap {
  visibility: visible
}

.esg-mobile-filter-wrap .esg-dropdown-wrapper {
  display: none !important;
  visibility: hidden !important
}

.eg-esgblankskin-wrapper * {
  visibility: hidden !important
}

.eg-item-in-focus {
  z-index: 999 !important
}

.esg-cover-overflow {
  overflow: hidden
}

.esg-transition[data-transition^=esg-collapse] {
  overflow: hidden
}

.esg-transition[data-transition^=esg-collapse]:after,
.esg-transition[data-transition^=esg-collapse]:before {
  position: absolute;
  content: ""
}

.esg-transition[data-transition^=esg-collapsevertical]:after,
.esg-transition[data-transition^=esg-collapsevertical]:before {
  width: 100%;
  height: 0;
  left: 0
}

.esg-transition[data-transition^=esg-collapsevertical]:before {
  top: 0
}

.esg-transition[data-transition^=esg-collapsevertical]:after {
  bottom: 0
}

.esg-transition[data-transition=esg-collapseverticalout]:after,
.esg-transition[data-transition=esg-collapseverticalout]:before {
  height: 50%
}

.esg-transition[data-transition^=esg-collapsehorizontal]:after,
.esg-transition[data-transition^=esg-collapsehorizontal]:before {
  width: 0;
  height: 100%;
  top: 0
}

.esg-transition[data-transition^=esg-collapsehorizontal]:before {
  left: 0
}

.esg-transition[data-transition^=esg-collapsehorizontal]:after {
  right: 0
}

.esg-transition[data-transition=esg-collapsehorizontalout]:before {
  width: 50%
}

.esg-transition[data-transition=esg-collapsehorizontalout]:after {
  width: 50%
}

.esg-hovered .esg-transition[data-transition=esg-collapsevertical]:after,
.esg-hovered .esg-transition[data-transition=esg-collapsevertical]:before {
  height: 50%
}

.esg-hovered .esg-transition[data-transition=esg-collapseverticalout]:after,
.esg-hovered .esg-transition[data-transition=esg-collapseverticalout]:before {
  height: 0
}

.esg-hovered .esg-transition[data-transition=esg-collapsehorizontal]:after,
.esg-hovered .esg-transition[data-transition=esg-collapsehorizontal]:before {
  width: 50%
}

.esg-hovered .esg-transition[data-transition=esg-collapsehorizontalout]:after,
.esg-hovered .esg-transition[data-transition=esg-collapsehorizontalout]:before {
  width: 0
}

.esg-transition[data-transition^=esg-line]:after {
  content: "";
  position: absolute;
  width: 70%;
  height: 70%;
  top: 15%;
  left: 15%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center center
}

.esg-transition[data-transition=esg-linediagonal]:after,
.esg-transition[data-transition=esg-linehorizontal]:after,
.esg-transition[data-transition=esg-linevertical]:after {
  transform: scale(0)
}

.esg-hovered .esg-transition[data-transition^=esg-line]:after {
  transform: scale(1)
}

.esg-hovered .esg-transition[data-transition=esg-linediagonalout]:after,
.esg-hovered .esg-transition[data-transition=esg-linehorizontalout]:after,
.esg-hovered .esg-transition[data-transition=esg-lineverticalout]:after {
  transform: scale(0)
}

.esg-transition[data-transition^=esg-spiral]:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding-bottom: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  transform-origin: center;
  transform: translate(-50%, -50%) rotate(0) scale(0)
}

.esg-transition[data-transition=esg-spiralzoomout]:after {
  transform: translate(-50%, -50%) rotate(-300deg) scale(3)
}

.esg-hovered .esg-transition[data-transition=esg-spiralzoom]:after {
  transform: translate(-50%, -50%) rotate(-300deg) scale(3)
}

.esg-hovered .esg-transition[data-transition=esg-spiralzoomout]:after {
  transform: translate(-50%, -50%) rotate(0) scale(0)
}

.esg-transition[data-transition^=esg-circlezoom]:after,
.esg-transition[data-transition^=esg-circlezoom]:before {
  content: "";
  position: absolute;
  width: 150%;
  height: 150%;
  padding-bottom: 150%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0, 0);
  border-radius: 50%;
  box-sizing: border-box
}

.esg-transition[data-transition=esg-circlezoomout]:after,
.esg-transition[data-transition=esg-circlezoomout]:before {
  transform: translate(-50%, -50%) scale(1, 1)
}

.esg-hovered .esg-transition[data-transition=esg-circlezoom]:after,
.esg-hovered .esg-transition[data-transition=esg-circlezoom]:before {
  transform: translate(-50%, -50%) scale(1, 1)
}

.esg-hovered .esg-transition[data-transition=esg-circlezoomout]:after,
.esg-hovered .esg-transition[data-transition=esg-circlezoomout]:before {
  transform: translate(-50%, -50%) scale(0, 0)
}

.esg-transition[data-transition^=esg-line]:before,
.esg-transition[data-transition^=esg-spiral]:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0
}

.esg-transition[data-transition=esg-linediagonalout]:before,
.esg-transition[data-transition=esg-linehorizontalout]:before,
.esg-transition[data-transition=esg-lineverticalout]:before,
.esg-transition[data-transition=esg-spiralzoomout]:before {
  opacity: 1
}

.esg-hovered .esg-transition[data-transition=esg-spiralzoom]:before,
.esg-hovered .esg-transition[data-transition^=esg-line]:before {
  opacity: 1
}

.esg-hovered .esg-transition[data-transition=esg-linediagonalout]:before,
.esg-hovered .esg-transition[data-transition=esg-linehorizontalout]:before,
.esg-hovered .esg-transition[data-transition=esg-lineverticalout]:before,
.esg-hovered .esg-transition[data-transition=esg-spiralzoomout]:before {
  opacity: 0
}

.esg-overlay.esg-cover-blend-multiply {
  mix-blend-mode: multiply
}

.esg-overlay.esg-cover-blend-screen {
  mix-blend-mode: screen
}

.esg-overlay.esg-cover-blend-overlay {
  mix-blend-mode: overlay
}

.esg-overlay.esg-cover-blend-darken {
  mix-blend-mode: darken
}

.esg-overlay.esg-cover-blend-lighten {
  mix-blend-mode: lighten
}

.esg-overlay.esg-cover-blend-color-dodge {
  mix-blend-mode: color-dodge
}

.esg-overlay.esg-cover-blend-color-burn {
  mix-blend-mode: color-burn
}

.esg-overlay.esg-cover-blend-hard-light {
  mix-blend-mode: hard-light
}

.esg-overlay.esg-cover-blend-soft-light {
  mix-blend-mode: soft-light
}

.esg-overlay.esg-cover-blend-difference {
  mix-blend-mode: difference
}

.esg-overlay.esg-cover-blend-exclusion {
  mix-blend-mode: exclusion
}

.esg-overlay.esg-cover-blend-hue {
  mix-blend-mode: hue
}

.esg-overlay.esg-cover-blend-saturation {
  mix-blend-mode: saturation
}

.esg-overlay.esg-cover-blend-color {
  mix-blend-mode: color
}

.esg-overlay.esg-cover-blend-luminosity {
  mix-blend-mode: luminosity
}

.source_type_stream .esg-filter-wrapper {
  display: none !important
}

[class*=" pe-7s-"]:before {
  font-family: Pe-icon-7-stroke
}

#esg_search_wrapper {
  height: auto;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 20000
}

#esg_search_wrapper .esg-filter-wrapper,
#esg_search_wrapper .esg-pagination {
  margin-left: 0 !important
}

#esg_big_search_wrapper {
  padding-top: 0;
  position: relative
}

#esg_big_search_wrapper .bigsearchfield {
  -moz-border-bottom-colors: none !important;
  -moz-border-left-colors: none !important;
  -moz-border-right-colors: none !important;
  -moz-border-top-colors: none !important;
  background: none repeat scroll 0 0 rgba(255, 255, 255, 0) !important;
  border: none !important;
  border-bottom: 2px solid #333 !important;
  color: #333 !important;
  font-size: 40px !important;
  font-weight: 700;
  line-height: 40px !important;
  padding: 0 !important;
  position: relative;
  width: 100%;
  z-index: 10;
  height: 50px !important;
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important
}

#esg_big_search_wrapper::-ms-clear {
  display: none
}

#esg_big_search_wrapper .bigsearchfield::-ms-clear {
  display: none
}

#esg_big_search_fake_txt {
  background: none repeat scroll 0 0 rgba(255, 255, 255, 0) !important;
  border: medium none !important;
  color: #333 !important;
  font-size: 40px !important;
  font-weight: 700;
  line-height: 40px !important;
  padding: 0 !important;
  position: absolute !important;
  top: 7px !important;
  width: 100%;
  z-index: 5;
  height: 50px !important
}

.esg_big_search_close {
  color: #333;
  cursor: pointer;
  font-size: 40px;
  font-weight: 400;
  position: absolute;
  right: 30px;
  top: 50px;
  z-index: 20
}

.esg_searchresult_title {
  color: #333;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1px;
  margin-top: 30px;
  text-transform: uppercase
}

#esg_search_bg {
  background: none repeat scroll 0 0 rgba(255, 255, 255, .85);
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 19999
}

.esg_searchcontainer {
  box-sizing: border-box;
  padding: 40px;
  position: relative;
  width: 100%
}

.esg_searchresult {
  color: #333;
  font-size: 17px;
  font-weight: 600;
  line-height: 26px
}

#esg_big_search_wrapper.dark .bigsearchfield {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
  border-bottom: 2px solid #fff !important;
  color: #fff !important
}

.dark #esg_big_search_fake_txt {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
  color: #fff !important
}

.dark .esg_big_search_close {
  color: #fff
}

.dark .esg_searchresult_title {
  color: #fff
}

#esg_search_bg.dark {
  background: none repeat scroll 0 0 rgba(0, 0, 0, .85)
}

.dark .esg_searchresult {
  color: #fff
}

.eg-roosevelt-element-2-a {
  display: inline-block !important;
  float: none !important;
  clear: none !important;
  margin: 0px 10px 0px 0px !important;
  position: relative !important
}

.eg-roosevelt-element-1-a {
  display: inline-block !important;
  float: none !important;
  clear: none !important;
  margin: 0px 0px 0px 0px !important;
  position: relative !important
}

.esg-cc {
  top: 50%;
  transform: translateY(-50%);
}

/* —— Wardrobe gallery layout (5 per row; JS sets top/left/height) —— */
.template-collection #page-content>.shopify-section:first-child .central {
  text-align: center;
  padding-bottom: 28px;
}

.template-collection #page-content .feature-header {
  font-family: "Tenor Sans", Georgia, serif;
  font-size: clamp(32px, 4vw, 48px);
  font-weight: 400;
  letter-spacing: 0.02em;
  margin: 0;
  color: #1a1a1a;
}

.template-collection #page-content .feature-header::after {
  content: "";
  display: block;
  width: 48px;
  height: 1px;
  margin: 14px auto 0;
  background: #1a1a1a;
}

.eg_grid_gallery_app_section {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 24px 60px;
}

.eg_grid_gallery_app_section .section-spacing.container,
.eg_grid_gallery_app_section .container {
  max-width: none;
  width: 100%;
  padding: 0;
  margin: 0;
}

#esg-grid-1.esg-grid,
#esg-grid-1 .esg-overflowtrick,
.esg-overflowtrick {
  position: relative;
  width: 100%;
  height: auto !important;
  overflow: visible !important;
}

#esg-grid-1 .mainul,
.esg-container > ul.mainul,
.esg-overflowtrick > ul.mainul,
.esg-overflowtrick > ul {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 20px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  height: auto !important;
  position: relative !important;
}

@media (max-width: 1200px) {
  #esg-grid-1 .mainul {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 768px) {
  #esg-grid-1 .mainul {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }
}

@media (max-width: 480px) {
  #esg-grid-1 .mainul {
    grid-template-columns: 1fr;
    gap: 12px;
  }
}

#esg-grid-1 .mainul>li.tp-esg-item {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  display: block;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  float: none;
  opacity: 1;
  visibility: visible;
  width: 100%;
}

#esg-grid-1 .esg-media-cover-wrapper,
#esg-grid-1 .esg-entry-media-wrapper {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 145%;
  overflow: hidden;
  background: #f0f0f0;
}

#esg-grid-1 .esg-entry-media {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  opacity: 1;
  visibility: visible;
  transform: none;
}

#esg-grid-1 .esg-entry-media>img {
  display: none !important;
}

#esg-grid-1 .esg-media-poster {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  opacity: 1;
  visibility: visible;
  transform: none;
  z-index: 1;
}

#esg-grid-1 .esg-entry-cover {
  display: block;
  position: absolute;
  inset: 0;
  width: 100%;
  min-height: 100%;
  z-index: 2;
  pointer-events: none;
  background: transparent;
  overflow: hidden;
}

#esg-grid-1 .esg-entry-cover .esg-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

#esg-grid-1 .mainul>li:hover .esg-entry-cover .esg-overlay {
  opacity: 1;
}

/* True center like Essential Grid Roosevelt skin */
#esg-grid-1 .esg-entry-cover .esg-cc.eec,
#esg-grid-1 .esg-entry-cover .esg-cc {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  right: auto !important;
  bottom: auto !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  white-space: nowrap !important;
  text-align: center !important;
  font-size: 0 !important;
  line-height: 0 !important;
  transform: translate(-50%, -50%) !important;
  z-index: 3;
  pointer-events: none;
}

#esg-grid-1 .esg-entry-cover .eg-roosevelt-element-1-a,
#esg-grid-1 .esg-entry-cover .eg-roosevelt-element-2-a {
  display: inline-block !important;
  float: none !important;
  clear: none !important;
  position: relative !important;
  top: auto !important;
  left: auto !important;
  margin: 0 5px !important;
  padding: 0 !important;
  width: auto !important;
  height: auto !important;
  vertical-align: middle;
  opacity: 0;
  transform: translateY(18px);
  transition: opacity 0.3s ease, transform 0.3s ease;
  pointer-events: none;
  font-size: 0;
  line-height: 0;
}

#esg-grid-1 .mainul>li:hover .esg-entry-cover .eg-roosevelt-element-1-a,
#esg-grid-1 .mainul>li:hover .esg-entry-cover .eg-roosevelt-element-2-a {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

#esg-grid-1 .esg-entry-cover .eg-roosevelt-element-2-a {
  transition-delay: 0.05s;
}

#esg-grid-1 .esg-entry-cover .eg-roosevelt-element-1-a {
  transition-delay: 0.12s;
}

#esg-grid-1 .esg-entry-cover a.eg-roosevelt-element-2,
#esg-grid-1 .esg-entry-cover a.eg-roosevelt-element-1 {
  display: inline-block;
  box-sizing: border-box;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.55);
  color: #fff !important;
  text-decoration: none !important;
  text-align: center;
  line-height: 50px;
  font-size: 18px;
  vertical-align: middle;
  transition: background 0.2s ease;
  cursor: pointer;
}

#esg-grid-1 .esg-entry-cover a.eg-roosevelt-element-2:hover,
#esg-grid-1 .esg-entry-cover a.eg-roosevelt-element-1:hover {
  background: rgba(0, 0, 0, 0.8);
}

/* SVG icons injected into <i> (reliable; no font files needed) */
#esg-grid-1 .esg-entry-cover a i.eg-icon-search,
#esg-grid-1 .esg-entry-cover a i.eg-icon-link,
#esg-grid-1 .esg-entry-cover a i.wg-icon-svg {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 50px !important;
  height: 50px !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
  vertical-align: middle;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

#esg-grid-1 .esg-entry-cover a i.eg-icon-search:before,
#esg-grid-1 .esg-entry-cover a i.eg-icon-link:before,
#esg-grid-1 .esg-entry-cover a i.wg-icon-svg:before,
#esg-grid-1 .esg-entry-cover a i.eg-icon-search:after,
#esg-grid-1 .esg-entry-cover a i.eg-icon-link:after,
#esg-grid-1 .esg-entry-cover a i.wg-icon-svg:after {
  content: none !important;
  display: none !important;
  background: none !important;
  width: 0 !important;
  height: 0 !important;
}

#esg-grid-1 .esg-entry-cover a i.wg-icon-svg svg {
  display: block !important;
  width: 20px;
  height: 20px;
  margin: 0;
  flex-shrink: 0;
}

#esg-grid-1 .esg-entry-cover a.eg-roosevelt-element-2,
#esg-grid-1 .esg-entry-cover a.eg-roosevelt-element-1 {
  position: relative;
  overflow: hidden;
}

#esg-grid-1 .esg-entry-cover a.eg-roosevelt-element-2::after,
#esg-grid-1 .esg-entry-cover a.eg-roosevelt-element-1::after {
  content: none !important;
  display: none !important;
}

@media (max-width: 479px) {
  .eg_grid_gallery_app_section {
    padding: 0 12px 40px;
  }

  #esg-grid-1 .esg-entry-cover a.eg-roosevelt-element-2,
  #esg-grid-1 .esg-entry-cover a.eg-roosevelt-element-1 {
    width: 42px;
    height: 42px;
    line-height: 42px;
  }

  #esg-grid-1 .esg-entry-cover a i.eg-icon-search,
  #esg-grid-1 .esg-entry-cover a i.eg-icon-link,
  #esg-grid-1 .esg-entry-cover a i.wg-icon-svg {
    width: 42px !important;
    height: 42px !important;
  }

  #esg-grid-1 .esg-entry-cover a i.wg-icon-svg svg {
    width: 18px;
    height: 18px;
  }
}

/* Touch: show zoom/link controls without hover */
@media (hover: none) {
  #esg-grid-1 .esg-entry-cover .esg-overlay {
    opacity: 0.25;
  }

  #esg-grid-1 .esg-entry-cover .eg-roosevelt-element-1-a,
  #esg-grid-1 .esg-entry-cover .eg-roosevelt-element-2-a {
    opacity: 1;
    transform: none;
    pointer-events: auto;
  }
}

/* —— Lightbox zoom (esgbox-style) —— */
.wg-lightbox {
  position: fixed;
  inset: 0;
  z-index: 99999999 !important;
  display: none;
  background: rgba(20, 20, 20, 0.95);
  color: #fff;
  -webkit-font-smoothing: antialiased;
}

.wg-lightbox.is-open {
  display: block;
}

.wg-lightbox__stage {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 56px 72px 40px;
  box-sizing: border-box;
}

.wg-lightbox__img {
  max-width: 100%;
  max-height: calc(100vh - 100px);
  width: auto;
  height: auto;
  object-fit: contain;
  display: block;
  user-select: none;
  box-shadow: 0 8px 40px rgba(0, 0, 0, 0.35);
}

.wg-lightbox__counter {
  position: absolute;
  top: 18px;
  left: 22px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.02em;
  z-index: 2;
  font-family: Figtree, sans-serif;
}

.wg-lightbox__tools {
  position: absolute;
  top: 12px;
  right: 14px;
  display: flex;
  align-items: center;
  gap: 4px;
  z-index: 2;
}

.wg-lightbox__btn {
  appearance: none;
  border: 0;
  background: transparent;
  color: #fff;
  width: 44px;
  height: 44px;
  padding: 0;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  opacity: 0.9;
  transition: opacity 0.15s ease, background 0.15s ease;
  border-radius: 4px;
}

.wg-lightbox__btn:hover {
  opacity: 1;
  background: rgba(0, 0, 0, 0.35);
}

.wg-lightbox__btn svg {
  width: 22px;
  height: 22px;
  display: block;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.75;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.wg-lightbox__nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.45);
}

.wg-lightbox__nav:hover {
  background: rgba(0, 0, 0, 0.7);
}

.wg-lightbox__nav--prev {
  left: 16px;
}

.wg-lightbox__nav--next {
  right: 16px;
}

.wg-lightbox__nav svg {
  width: 20px;
  height: 20px;
}

body.wg-lightbox-open {
  overflow: hidden;
}

@media (max-width: 767px) {
  .wg-lightbox__stage {
    padding: 64px 16px 24px;
  }

  .wg-lightbox__nav--prev {
    left: 6px;
  }

  .wg-lightbox__nav--next {
    right: 6px;
  }

  .wg-lightbox__nav {
    width: 40px;
    height: 40px;
  }
}

/* --- Wardrobe Gallery Grid --- */
.wardrobe-gallery-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
}

@media (max-width: 1200px) {
  .wardrobe-gallery-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 800px) {
  .wardrobe-gallery-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
}

@media (max-width: 480px) {
  .wardrobe-gallery-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

.wardrobe-gallery-item {
  position: relative;
  overflow: hidden;
  border-radius: 6px;
  background: #f7f7f7;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.wardrobe-gallery-item:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.12);
}

.wardrobe-gallery-image-wrapper {
  position: relative;
  width: 100%;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  background: #f2f2f2;
}

.wardrobe-gallery-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  transition: transform 0.5s ease;
}

.wardrobe-gallery-item:hover .wardrobe-gallery-image {
  transform: scale(1.06);
}

.wardrobe-gallery-no-image {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #999;
  font-size: 13px;
  background: #eee;
}

.wardrobe-gallery-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 2;
}

.wardrobe-gallery-item:hover .wardrobe-gallery-overlay {
  opacity: 1;
}

.wardrobe-gallery-actions {
  display: flex;
  gap: 12px;
  transform: translateY(12px);
  transition: transform 0.3s ease;
}

.wardrobe-gallery-item:hover .wardrobe-gallery-actions {
  transform: translateY(0);
}

.wardrobe-gallery-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.95);
  color: #1a1a1a !important;
  text-decoration: none !important;
  cursor: pointer;
  transition: background 0.2s ease, transform 0.2s ease;
  border: none;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.wardrobe-gallery-button:hover {
  background: #ffffff;
  transform: scale(1.1);
  color: #000 !important;
}

.wardrobe-gallery-caption {
  padding: 12px 14px;
  background: #fff;
  font-size: 14px;
  font-weight: 500;
  color: #222;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}