/** Shopify CDN: Minification failed

Line 740:0 All "@import" rules must come first
Line 1112:0 All "@import" rules must come first

**/
.t4s-collection-item {
    margin-bottom: var(--mgb);
}
.t4s-collection-item:not(.t4s-coll-style-5):not(.t4s-coll-style-7):not(.t4s-coll-style-11):not(.t4s-coll-style-12):not(.t4s-coll-style-14):not(.t4s-coll-style-16) .t4s-cat-content {
   border-radius: var(--item-rd); 
}
.t4s-collection-item .t4s_ratio {
    --aspect-ratioapt: 4/3;
    overflow: hidden;
}
.t4s-collection-item .t4s_ratio {
    border-radius: var(--item-rd);
    overflow: hidden;
}
.t4s-collection-item .t4s-eff-border-run::before, 
.t4s-collection-item .t4s-eff-border-run::after,
.t4s-collection-item .t4s_ratio > svg,
.t4s-collection-item .t4s_ratio > img {
    border-radius: var(--item-rd);
}
.t4s-collection-item .t4s-source-icon .t4s-coll-img {
    display: inline-block;
    vertical-align: top;
}
.t4s-collection-item .t4s-source-icon .t4s-coll-icon {
    min-width: var(--icon-width,86px);
    min-height: var(--icon-width,86px);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 40px;
    color: var(--border-cl);
}
.t4s-collection-item .t4s-source-icon .t4s-obj-eff {
    transition: 0.5s ease 0s;
}

.t4s-collection-item .t4s-cat-subtitle span.t4s-text {
    margin: 0 3px;
}
.t4s-collection-item .t4s-cate-wrapper {
    position: absolute; 
    z-index: 3;
    left: 50%;
    min-width: 150px;
    height: 44px;
    padding: 0;
    text-align: center;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    bottom: var(--space-bottom);
}
.t4s-collection-border-true .t4s-collection-item .t4s-cate-wrapper  {
    bottom: calc(var(--space-bottom) + 1px);
}
.t4s-coll-style-1 .t4s-cate-wrapper {
    box-shadow: 1px 1px 0 0 rgb(0 0 0 / 10%);
}
.t4s-collection-item .t4s-cat-title,
.t4s-collection-item .t4s-cat-subtitle {
    min-height: 24px;
    line-height: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.5s ease;
    font-size: 12px;
    font-weight: 400;
}
.t4s-collection-item .t4s-cat-title { 
    position: relative;
    z-index: 2;
    color: var(--color);
    background-color: var(--bg-color);
}
.t4s-collection-item .t4s-cat-subtitle {
    color: var(--subtitle-cl);
}
.t4s-collection-item .t4s-cat-subtitle {
    display: none;
}
.t4s-coll-style-1 .t4s-cat-title,
.t4s-coll-style-6 .t4s-cat-title,
.t4s-coll-style-9 .t4s-cat-title {
    width: 100%;
    height: 100%;
    padding: 5px 20px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.t4s-coll-style-2 .t4s-cate-wrapper, 
.t4s-coll-style-3 .t4s-cate-wrapper {
    position: absolute;
    text-align: center;
    top: 50%;
    left: 15px;
    right: 15px;
    bottom: auto !important;
    transform: translateY(-50%); 
    text-shadow: 0 0 4px rgb(0,0,0,0.4);
    hyphens: auto;
    z-index: 10;
    transition: .3s;
    box-shadow: none;
    min-height: 1px;
    height: auto;
    display: block;
}
.t4s-coll-style-2 .t4s-cat-title {
    width: auto;
    display: inline-flex;
    vertical-align: top;
    padding: 0;
}
.t4s-coll-style-3 .t4s-cat-title {
    transform: translateY(-15px);
    font-size: 23px;
    display: flex;
}
.t4s-coll-style-3 .t4s-cat-subtitle {
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    position: absolute;
    z-index: 1;
    display: inline-block;
    vertical-align: top;
    left: 0;
    right: 0;
    font-weight: 400;
}
.t4s-coll-style-4 .t4s-cat-title,
.t4s-coll-style-4 .t4s-cat-subtitle {
    width: 100%;
    height: 100%;
    padding: 5px 20px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.t4s-coll-style-4 .t4s-cat-subtitle {
    opacity: 0;
    visibility: hidden;
    transform: translateY(0);
    position: absolute;
    z-index: 3;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    margin: auto;
    color: var(--subtitle-cl2);
    background-color: var(--subtitle-cl);
}
.t4s-coll-style-5 .t4s-cate-wrapper  {
    position: static;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    box-shadow: none;
    transform: translate(0);
    padding: var(--space-bottom) 0 0;
    height: auto;
}
.t4s-coll-style-5 .t4s-cat-title {
    font-size: 18px;
    font-weight: 500;
    font-family: var(--font-heading-family);
}
.t4s-coll-style-5 .t4s-cat-subtitle {
    display: flex;
    font-weight: 400;
    font-family: var(--font-family-2);
}
.t4s-coll-style-7 .t4s-cate-wrapper {
    position: static;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    box-shadow: none;
    transform: translate(0);
}
.t4s-collection-border-true .t4s-coll-style-7 .t4s-cate-wrapper {
    margin-top: -1px;
    border: solid 1px var(--border-cl);
}
.t4s-coll-style-7 .t4s-cat-title {
    height: 100%;
}
.t4s-coll-style-8 .t4s-cate-wrapper {
    display: none;
}
.t4s-coll-style-9 .t4s-cate-wrapper {
    width: calc(100% - 30px);
    left: 15px;
    right: 15px;
    transform: none;
}
.t4s-coll-style-9 .t4s-cat-title {
    font-size: 17px;
}
.t4s-coll-style-10 span.t4s-count {
    margin-right: 5px;
}
.t4s-coll-style-10 .t4s-cate-wrapper {
    width: 100%;
    left: 0px;
    right: 0px;
    transform: none;
    flex-direction: column;
    font-weight: 400;
    box-shadow: 0 0 0;
    padding: 10px;
    background-color: var(--bg-color);
    height: auto;
    min-height: 44px;
}

.t4s-collection-border-true .t4s-coll-style-10 .t4s-cate-wrapper {
    width: calc(100% - 2px);
    left: 1px;
    right: 1px;
}
.t4s-coll-style-10 .t4s-cat-title {
    font-size: 18px;
    font-weight: 500;
    color: var(--color);
    width: 100%;
    background-color: transparent;
}
.t4s-coll-style-10 .t4s-coll-img {
    padding-bottom: 30px;
}
.t4s-coll-style-10 .t4s-cat-subtitle {
    font-weight: 400;
    width: 100%;
    display: flex;
}
.t4s-coll-style-11 .t4s-cate-wrapper,
.t4s-coll-style-12 .t4s-cate-wrapper,
.t4s-coll-style-14 .t4s-cate-wrapper {
    position: static;
    -webkit-transform: none;
    transform: none;
    min-width: 1px;
    box-shadow: none;
    padding: 0;
    min-height: 1px;
    height: auto;
    font-weight: 400;
    padding: var(--space-bottom) 0 0;
}
.t4s-collection-border-true .t4s-coll-style-11 .t4s-img-wrap {
    border-width: 1.5px;
}
.t4s-coll-style-11 .t4s-cat-title,
.t4s-coll-style-12 .t4s-cat-title {
    line-height: 21px;
}
.t4s-coll-style-13 .t4s-cate-wrapper {
    height: 25px;
    min-width: 90px;
}
.t4s-coll-style-13 .t4s-cat-title {
    font-size: 12px;
    line-height: 18px;
    height: 100%;
    width: 100%;
    padding: 0 20px;
}
.t4s-collection-item.t4s-coll-style-14 {
    margin-bottom: 0;
}
.t4s-collection-item.t4s-coll-style-14 .t4s-cat-title {
    font-weight: 500;
    font-size: 18px;
    margin-top: -5px;
    display: block;
    line-height: 24px;
}
.t4s-collection-item.t4s-coll-style-14 .t4s-cat-title .t4s-count {
    display: inline-block !important;
    background-color: transparent;
    color: var(--count-cl-pri);
    vertical-align: middle;
    position: static;
    font-weight: 400;
    font-size: 18px;
    padding: 0;
}
.t4s-collection-item {
    --color: var(--title-cl-second);
    --bg-color: var(--title-cl-pri);
    --color-hover: var(--title-cl-second-hover);
    --bg-color-hover: var(--title-cl-pri-hover);
}
.t4s-coll-style-2,
.t4s-coll-style-3,
.t4s-coll-style-5,
.t4s-coll-style-11,
.t4s-coll-style-12,
.t4s-coll-style-14 {
    --color: var(--title-cl-pri);
    --bg-color: tranparent;
    --color-hover: var(--title-cl-pri-hover);
    --bg-color-hover: tranparent;
}
a.t4s-loadpreview {
  margin-bottom: 50px; 
}
.t4s-coll-style-15 .t4s-cate-wrapper {
    height: auto;
    min-width: 1px;
}
.t4s-coll-style-15 .t4s-cat-title {
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    min-height: 1px;
    color: var(--title-cl-pri);
    background-color: transparent;
}
.t4s-coll-style-15:hover {
  --border-cl: var(--title-cl-pri-hover);
}
.t4s-coll-style-15:hover .t4s-cat-content {
  background-color: var(--title-cl-pri-hover);
  color: var(--title-cl-second-hover);
}
.t4s-coll-style-15:hover .t4s-cat-title,
.t4s-coll-style-15:hover .t4s-cat-title:hover,
.t4s-coll-style-15 .t4s-cat-title:hover {
  color: var(--title-cl-second-hover);
}
.t4s-coll-style-15:hover .t4s-coll-img {
  filter: brightness(2);
}

.t4s-collection-border-true.t4s-gy-md-0 .t4s-collection-item.t4s-coll-style-15 {
    margin-bottom: 0px;
}
.t4s-collection-border-true.t4s-gx-md-0 .t4s-collection-item.t4s-coll-style-15 {
    margin-inline-start: 0px;
}
.t4s-collection-border-true.t4s-gy-md-0 .t4s-collection-item.t4s-coll-style-15 .t4s-cat-content {
    margin-bottom: -1px;
}
.t4s-collection-border-true.t4s-gx-md-0 .t4s-collection-item.t4s-coll-style-15 .t4s-cat-content {
    margin-inline-start: -1px;
}
.t4s-collection-border-true .t4s-collection-item.t4s-coll-style-15 .t4s-cat-content:before {
    content: "";
    position: absolute;
    z-index: 3;
    right: 0px;
    bottom: 1px;
    left: 0px;
    top: 0px;
    border: solid 1px var(--border-cl);
    border-radius: var(--item-rd);
}
.t4s-collection-border-true .t4s-collection-item.t4s-coll-style-15 .t4s-img-wrap:before{
display:none;
}

.t4s-collection-border-true.t4s-has-collection16 .t4s-collection-item .t4s-img-wrap::before {
    display: none;
}
.t4s-collection-border-true.t4s-has-collection16 .t4s-collection-item {
    position: relative;
}
.t4s-collection-border-true.t4s-has-collection16 .t4s-collection-item::before {
    content: "";
    position: absolute;
    z-index: 3;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border: solid 1px var(--border-cl);
    border-radius: var(--item-rd);
    pointer-events: none;
}
.t4s-coll-style-16 {
    --color: var(--title-cl-pri);
    --bg-color: transparent;
    --color-hover: var(--title-cl-pri-hover);
    --bg-color-hover: transparent;
}
.t4s-coll-style-16 .t4s-cat-content {
    padding: 20px;
}
.t4s-coll-style-16 .t4s-cate-wrapper {
    height: auto;
    min-width: 1px;
    position: static;
    transform: none;
}
.t4s-coll-style-16 .t4s-cat-title {
    font-weight: 500;
    font-size: 15px;
    line-height: 22.5px;
    min-height: 1px;
    color: var(--title-cl-pri);
    background-color: transparent;
    margin-bottom: 20px;
}
.t4s-coll-style-16 .t4s-cat-title:hover {
  color: var(--title-cl-pri-hover);
  background-color: transparent;
}
.t4s-has-collection16 .t4s-coll-style-16 .t4s-img-wrap {
    max-width: 100px;
    margin: 20px auto 10px;
}

@media(max-width: 1199px) and (min-width: 1025px) {
    .t4s-coll-layout-2.has-3-item .coll-item-1 .t4s_ratio,
    .t4s-coll-layout-3.has-3-item .coll-item-3 .t4s_ratio {
        --aspect-ratioapt: 570/635 !important;
    }
    .t4s-coll-layout-4.has-3-item .coll-item-2 .t4s_ratio,
    .t4s-coll-layout-4.has-3-item .coll-item-3 .t4s_ratio,
    .t4s-coll-layout-5.has-3-item .coll-item-1 .t4s_ratio,
    .t4s-coll-layout-5.has-3-item .coll-item-3 .t4s_ratio,
    .t4s-coll-layout-6.has-3-item .coll-item-1 .t4s_ratio,
    .t4s-coll-layout-6.has-3-item .coll-item-2 .t4s_ratio,
    .t4s-coll-layout-4.has-4-item .coll-item-4 .t4s_ratio  {
        --aspect-ratioapt: 270/636 !important;
    }
    .t4s-coll-layout-3.has-4-item .coll-item-1 .t4s_ratio {
        --aspect-ratioapt: 570/633 !important;
    }
    .t4s-coll-layout-5.has-4-item .coll-item-4 .t4s_ratio {
        --aspect-ratioapt: 570/670 !important;
    }
    .t4s-coll-layout-6.has-4-item .coll-item-1 .t4s_ratio,
    .t4s-coll-layout-6.has-4-item .coll-item-4 .t4s_ratio {
        --aspect-ratioapt: 400/640 !important;
    }
    .t4s-coll-layout-1.has-5-item .coll-item-4 .t4s_ratio,
    .t4s-coll-layout-1.has-5-item .coll-item-5 .t4s_ratio {
        --aspect-ratioapt: 570/318 !important;
    }
    .t4s-coll-layout-2.has-5-item .coll-item-3 .t4s_ratio {
        --aspect-ratioapt: 400/639 !important;   
    }
    .t4s-coll-layout-5.has-5-item .coll-item-1 .t4s_ratio,
    .t4s-coll-layout-5.has-5-item .coll-item-5 .t4s_ratio {
        --aspect-ratioapt: 400/677 !important;   
    }
    .t4s-coll-layout-5.has-6-item .coll-item-1 .t4s_ratio {
        --aspect-ratioapt: 400/679 !important; 
    }
    .t4s-coll-layout-5.has-6-item .coll-item-2 .t4s_ratio,
    .t4s-coll-layout-5.has-6-item .coll-item-3 .t4s_ratio {
        --aspect-ratioapt: 400/320 !important;   
    }
    .t4s-coll-layout-1.has-7-item .coll-item-1 .t4s_ratio,
    .t4s-coll-layout-1.has-7-item .coll-item-2 .t4s_ratio,
    .t4s-coll-layout-1.has-7-item .coll-item-6 .t4s_ratio,
    .t4s-coll-layout-1.has-7-item .coll-item-7 .t4s_ratio {
        --aspect-ratioapt: 400/319 !important;
    }
    .t4s-coll-layout-2.has-7-item .coll-item-6 .t4s_ratio {
        --aspect-ratioapt: 400/298 !important;
    }
}
@media(max-width: 1024px) and (min-width: 768px) {
    .t4s-collection-manual .t4s-collection-manual .t4s-collection-item .t4s_ratio {
       --aspect-ratioapt : var(--aspect-ratioapttb) !important;
    }
    .t4s-collection-item .t4s-cate-wrapper {
        bottom: var(--space-bottom-tb,15px);
    }
    .t4s-collection-border-true .t4s-collection-item .t4s-cate-wrapper  {
        bottom: calc(var(--space-bottom-tb) + 1px);
    }
}
@media(max-width: 991px) {
    .t4s-coll-layout-2.has-3-item .coll-item-1 .t4s_ratio,
    .t4s-coll-layout-3.has-3-item .coll-item-3 .t4s_ratio,
    .t4s-coll-layout-5.has-3-item .coll-item-2 .t4s_ratio,
    .t4s-coll-layout-6.has-3-item .coll-item-3 .t4s_ratio,
    .t4s-coll-layout-3.has-4-item .coll-item-1 .t4s_ratio,
    .t4s-coll-layout-7.has-4-item .coll-item-4 .t4s_ratio {
        --aspect-ratioapt: 570/400 !important;
    }
    .t4s-coll-layout-4.has-3-item .coll-item-1 .t4s_ratio,
    .t4s-coll-layout-5.has-3-item .coll-item-1 .t4s_ratio,
    .t4s-coll-layout-5.has-3-item .coll-item-3 .t4s_ratio,
    .t4s-coll-layout-6.has-3-item .coll-item-1 .t4s_ratio,
    .t4s-coll-layout-6.has-3-item .coll-item-2 .t4s_ratio {
        --aspect-ratioapt: 570/300 !important;
    }
    .t4s-coll-layout-4.has-3-item .coll-item-2 .t4s_ratio,
    .t4s-coll-layout-4.has-3-item .coll-item-3 .t4s_ratio,
    .t4s-coll-layout-6.has-3-item .coll-item-1 .t4s_ratio,
    .t4s-coll-layout-6.has-3-item .coll-item-2 .t4s_ratio {
        --aspect-ratioapt: 270/300 !important;
    }
    .t4s-coll-layout-4.has-4-item .coll-item-4 .t4s_ratio {
        --aspect-ratioapt: 570/627 !important;
    }
    .t4s-coll-layout-5.has-4-item .coll-item-4 .t4s_ratio {
        --aspect-ratioapt: 570/696 !important;
    }
    .t4s-coll-layout-6.has-4-item .coll-item-1 .t4s_ratio {
        --aspect-ratioapt: 400/633 !important;
    }
    .t4s-coll-layout-2.has-5-item .coll-item-3 .t4s_ratio {
        --aspect-ratioapt: 400/634 !important;   
    }
    .t4s-coll-layout-4.has-5-item .coll-item-3 .t4s_ratio {
        --aspect-ratioapt: 400/300 !important;   
    }
    .t4s-coll-layout-5.has-5-item .coll-item-1 .t4s_ratio {
        --aspect-ratioapt: 400/651 !important;
    }
    .t4s-coll-layout-5.has-6-item .coll-item-1 .t4s_ratio {
        --aspect-ratioapt: 400/664 !important; 
    }
    .t4s-coll-layout-2.has-7-item .coll-item-5 .t4s_ratio,
    .t4s-coll-layout-2.has-7-item .coll-item-7 .t4s_ratio {
        --aspect-ratioapt: 570/300 !important;
    }
}
@media(max-width: 767px) {
    .t4s-collection-item {
        margin-bottom: var(--mgb-mb);
    }
    .t4s-cate-wrapper {
        padding: 5px 10px;
        min-height: 30px;
    }
    .t4s-coll-layout-4.has-4-item .coll-item-3 .t4s_ratio,
    .t4s-coll-layout-5.has-4-item .coll-item-4 .t4s_ratio,
    .t4s-coll-layout-5.has-4-item .coll-item-4 .t4s_ratio,
    .t4s-coll-layout-6.has-4-item .coll-item-1 .t4s_ratio,
    .t4s-coll-layout-6.has-4-item .coll-item-4 .t4s_ratio {
        --aspect-ratioapt: 570/400 !important;
    }
    .t4s-coll-layout-4.has-4-item .coll-item-4 .t4s_ratio {
        --aspect-ratioapt: 570/300 !important;
    }
    .t4s-coll-layout-2.has-5-item .coll-item-3 .t4s_ratio {
        --aspect-ratioapt: 400/250 !important;   
    }
    .t4s-coll-layout-5.has-5-item .coll-item-1 .t4s_ratio,
    .t4s-coll-layout-5.has-5-item .coll-item-5 .t4s_ratio {
        --aspect-ratioapt: 400/250 !important;
    }
    .t4s-coll-layout-5.has-6-item .coll-item-1 .t4s_ratio {
        --aspect-ratioapt: 400/300 !important; 
    }
    .t4s-collection-item .t4s-cate-wrapper {
        bottom: var(--space-bottom-mb);
    }
    .t4s-collection-border-true .t4s-collection-item .t4s-cate-wrapper  {
        bottom: calc(var(--space-bottom-mb) + 1px);
    }
}
@media(max-width: 480px) {
    .t4s-collection-item .t4s-cate-wrapper {
        max-width: 90%;
        margin: auto;
        min-width: 100px;
    }
    .t4s-coll-style-5 .t4s-cate-wrapper,
    .t4s-coll-style-7 .t4s-cate-wrapper,
    .t4s-coll-style-11 .t4s-cate-wrapper,
    .t4s-coll-style-12 .t4s-cate-wrapper  {
        padding: var(--space-bottom-mb) 0 0;
    }
}
.t4s-collection-item .t4s-coll-img {
    padding: var(--item-pd);
}
.t4s-collection-border-true .t4s-collection-item .t4s-coll-img {
    padding: 0;
}
.t4s-collection-border-true .t4s-collection-item .t4s-img-wrap {
    overflow: hidden;
    position: relative;
    border-radius: var(--item-rd);
    padding: var(--item-pd);
    margin-bottom: 1px;
}
.t4s-collection-border-true .t4s-collection-item .t4s-img-wrap::before {
    content: "";
    position: absolute;
    z-index: 3;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border: solid 1px var(--border-cl);
    border-radius: var(--item-rd);
}
.t4s-collection-item .t4s-coll-icon-svg {
    display: inline-flex;
}
.t4s-collection-item .t4s-coll-icon-svg svg {
    width: var(--icon-width,64px);
    height: var(--icon-width,64px);
    fill: currentColor;
}
.t4s-collection-border-true.t4s-gx-md-0 .t4s-collection-item {
  margin-inline-start: -1px;
}
.t4s-collection-border-true.t4s-gy-md-0 .t4s-collection-item {
  margin-bottom: -1px;
}
.t4s-collection-small .t4s-collection-item .t4s-coll-img {
    width: 86px;
}
.t4s-collection-medium .t4s-collection-item .t4s-coll-img {
    width: 102px;
}
.t4s-collection-large .t4s-collection-item .t4s-coll-img {
    width: 150px;
}
.t4s-collection-item .t4s-coll-img .t4s-count,
.t4s-collection-item .t4s-cat-title .t4s-count {
    background-color: var(--count-cl-pri);
    color: var(--count-cl-second);
    height: 20px;
    line-height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 26px;
    width: auto;
    padding: 0 5px;
    font-size: 11px;
    border-radius: 10px;
    position: absolute;
    z-index: 4;
    left: auto;
    right: 10%;
    top: 10%;
}
.t4s-collection-item .t4s-cat-title .t4s-count {
    right: auto;
    left: 100%;
    top: -5px;
}
.t4s-collection-item .t4s-source-icon .t4s-coll-img .t4s-count {
   right: -8px;
   top: 12px; 
}
.t4s-list-collections[style*="--item-rd:0%"] .t4s-collection-item .t4s-coll-img .t4s-count {
    top: 5px;
    right: 5px;
}
    
.t4s-collection-small .t4s-collection-item .t4s-coll-img .t4s-count {
    right: -10px;
    top: 12px;
}
.t4s-collection-medium .t4s-collection-item .t4s-coll-img .t4s-count {
    right: -10px;
    top: 12px;
}
.t4s-collection-large .t4s-collection-item .t4s-coll-img .t4s-count {
    right: 0;
    top: 20px;
}
.t4s-collection-item:not(.t4s-coll-style-12) .t4s-cat-title .t4s-count {
    display: none;
}
.t4s-prs-footer {
    margin-top: 40px;
}     
@media(max-width: 767px) {
  .t4s-collection-border-true.t4s-gx-0.t4s-gy-0 {
    border-top: solid 1px var(--border-cl);
    border-left: solid 1px var(--border-cl);
  }
  .t4s-collection-border-true.t4s-gx-0.t4s-gy-0 .t4s-collection-item .t4s-img-wrap::before {
    box-shadow: inset -1px -1px var(--border-cl), -1px -1px var(--border-cl);
    border: none;
  }
  .t4s-collection-border-true.t4s-gx-0.t4s-gy-0.t4s-has-collection16 {
    border: none;
  }
}
@media (-moz-touch-enabled: 0), (hover: hover) {
    .t4s-collection-item .t4s-cat-title:hover {
        color: var(--color-hover);
        background-color: var(--bg-color-hover);
    }
    .t4s-coll-style-3:hover .t4s-cat-title,
    .t4s-coll-style-3:hover .t4s-cat-subtitle {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }
    .t4s-coll-style-3:hover .t4s-cate-wrapper > a {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }
    .t4s-coll-style-4 .t4s-cate-wrapper:hover .t4s-cat-subtitle {
        opacity: 1;
        visibility: visible;
    }
    .t4s-coll-style-10.t4s-collection-item .t4s-cat-title:hover{
        color: var(--color);
        background-color: transparent;
    }
}
@media (max-width: 320px){
    .t4s-collection-item .t4s-cat-title, 
    .t4s-collection-item .t4s-cat-subtitle{
        font-size: 12px;
        font-weight: 500;
    }
}
/* ==========================================================================
   TARAF — Footer (Dark Luxury)
   Background: #1a0809  |  Gold: #C9A961  |  Copyright: #110506
   Fonts: Cormorant Garamond + Jost
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300&family=Jost:wght@300;400;500&display=swap');

/* ====== Main Footer Background ====== */
html body .t4s-section-footer,
html body .shopify-section-footer,
html body section.t4s-section-footer {
  background-color: #1a0809 !important;
  border-top: 3px solid #C9A961 !important;
  position: relative !important;
}

/* Subtle shimmer line under the gold border */
html body .t4s-section-footer::before,
html body .shopify-section-footer::before {
  content: "" !important;
  position: absolute !important;
  top: 3px !important;
  left: 0 !important;
  right: 0 !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(201, 169, 97, 0.2), transparent) !important;
  pointer-events: none !important;
}

/* ====== Footer Inner Wrap ====== */
html body .t4s-footer-wrap {
  background-color: #1a0809 !important;
  padding: 56px 0 44px !important;
  font-family: 'Jost', 'Helvetica Neue', Arial, sans-serif !important;
}

html body .t4s-container-inner {
  background-color: #1a0809 !important;
}

/* ====== Logo ====== */
html body .t4s-footer-wrap .t4s-img-child {
  margin-bottom: 16px !important;
}

html body .t4s-footer-wrap .t4s-img-child img {
  filter: brightness(0) invert(1) !important;
  opacity: 0.9 !important;
  transition: opacity 0.25s ease !important;
}

html body .t4s-footer-wrap .t4s-img-child img:hover {
  opacity: 1 !important;
}

/* ====== Contact Info ====== */
html body .t4s-footer-raw-html {
  margin-top: 4px !important;
}

html body .t4s-footer-raw-html p {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 0 10px !important;
  font-family: 'Jost', Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  letter-spacing: 0.4px !important;
  color: rgba(255, 255, 255, 0.4) !important;
  line-height: 1.6 !important;
}

html body .t4s-footer-raw-html svg {
  fill: #C9A961 !important;
  flex-shrink: 0 !important;
  width: 16px !important;
  height: 16px !important;
  opacity: 0.85 !important;
}

html body .t4s-footer-raw-html a {
  color: rgba(255, 255, 255, 0.45) !important;
  text-decoration: none !important;
  transition: color 0.25s ease !important;
  font-family: 'Jost', Arial, sans-serif !important;
  font-size: 12px !important;
  letter-spacing: 0.4px !important;
}

html body .t4s-footer-raw-html a:hover {
  color: #C9A961 !important;
}

/* ====== Social Icons ====== */
html body .t4s-socials-block {
  margin-top: 20px !important;
}

html body .t4s-list-socials .t4s-socials {
  display: flex !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
}

html body .t4s-list-socials .t4s-col-auto {
  padding: 0 !important;
}

html body .t4s-list-socials a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 50% !important;
  border: 1px solid rgba(201, 169, 97, 0.25) !important;
  color: rgba(255, 255, 255, 0.45) !important;
  background: transparent !important;
  transition: all 0.3s ease !important;
  text-decoration: none !important;
}

html body .t4s-list-socials a:hover {
  background: #C9A961 !important;
  border-color: #C9A961 !important;
  color: #1a0809 !important;
  transform: translateY(-2px) !important;
}

html body .t4s-list-socials a svg {
  width: 13px !important;
  height: 13px !important;
  fill: currentColor !important;
}

/* ====== Column Headings ====== */
html body .t4s-footer-wrap .t4s-col-heading,
html body .t4s-footer-wrap h3.t4s-col-heading {
  font-family: 'Cormorant Garamond', 'Georgia', serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #C9A961 !important;
  letter-spacing: 2.5px !important;
  text-transform: uppercase !important;
  margin: 0 0 16px !important;
  padding-bottom: 12px !important;
  border-bottom: 1px solid rgba(201, 169, 97, 0.15) !important;
  line-height: 1.3 !important;
}

/* ====== Footer Heading wrapper (toggle) ====== */
html body .t4s-footer-heading {
  background: transparent !important;
  border-bottom: none !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

/* ====== Footer Links ====== */
html body .t4s-footer-linklist {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 9px !important;
}

html body .t4s-footer-linklist li {
  margin: 0 !important;
  padding: 0 !important;
}

html body .t4s-footer-link {
  font-family: 'Jost', Arial, sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  color: rgba(255, 255, 255, 0.4) !important;
  text-decoration: none !important;
  letter-spacing: 1.2px !important;
  text-transform: uppercase !important;
  transition: all 0.25s ease !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 0 !important;
}

html body .t4s-footer-link::before {
  content: "" !important;
  width: 0 !important;
  height: 1px !important;
  background: #C9A961 !important;
  transition: width 0.3s ease, margin 0.3s ease !important;
  display: inline-block !important;
  flex-shrink: 0 !important;
  margin-right: 0 !important;
}

html body .t4s-footer-link:hover {
  color: #C9A961 !important;
}

html body .t4s-footer-link:hover::before {
  width: 12px !important;
  margin-right: 8px !important;
}

/* ====== Footer Collapse Icon (mobile) ====== */
html body .t4s-footer-collapse-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 22px !important;
  height: 22px !important;
  border: 1px solid rgba(201, 169, 97, 0.3) !important;
  border-radius: 50% !important;
  color: #C9A961 !important;
  flex-shrink: 0 !important;
  transition: all 0.25s ease !important;
}

/* ====== Newsletter Text ====== */
html body .t4s-text-bl {
  font-family: 'Jost', Arial, sans-serif !important;
  font-size: 10px !important;
  font-weight: 400 !important;
  color: rgba(255, 255, 255, 0.3) !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  margin-bottom: 14px !important;
  line-height: 1.6 !important;
}

/* ====== Newsletter Form ====== */
html body .t4s-newsletter__inner {
  display: flex !important;
  border: 1px solid rgba(201, 169, 97, 0.25) !important;
  border-radius: 3px !important;
  overflow: hidden !important;
  background: transparent !important;
  transition: border-color 0.3s ease !important;
}

html body .t4s-newsletter__inner:focus-within {
  border-color: rgba(201, 169, 97, 0.6) !important;
}

html body .t4s-newsletter__email {
  background: transparent !important;
  border: none !important;
  color: rgba(255, 255, 255, 0.7) !important;
  font-family: 'Jost', Arial, sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  letter-spacing: 1px !important;
  padding: 13px 14px !important;
  outline: none !important;
  width: 100% !important;
  min-width: 0 !important;
}

html body .t4s-newsletter__email::placeholder {
  color: rgba(255, 255, 255, 0.25) !important;
  letter-spacing: 1px !important;
  font-size: 10px !important;
  text-transform: uppercase !important;
}

html body .t4s-newsletter__submit {
  background: #C9A961 !important;
  color: #1a0809 !important;
  border: none !important;
  padding: 13px 18px !important;
  font-family: 'Jost', Arial, sans-serif !important;
  font-size: 9px !important;
  font-weight: 600 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  transition: background 0.3s ease !important;
  flex-shrink: 0 !important;
}

html body .t4s-newsletter__submit:hover {
  background: #d4b87a !important;
}

html body .t4s-newsletter__text {
  font-family: 'Jost', Arial, sans-serif !important;
}

html body .t4s-newsletter__response {
  font-size: 11px !important;
  color: rgba(201, 169, 97, 0.7) !important;
  margin-top: 8px !important;
  letter-spacing: 0.5px !important;
}

/* ====== Footer Content area ====== */
html body .t4s-footer-wrap .t4s-footer-content {
  background: transparent !important;
}

/* ====== Copyright Bar ====== */
html body .t4s-footer-bottom,
html body .t4s-copyright,
html body .t4s-section-footer .t4s-copyright,
html body [class*="footer-bottom"],
html body [class*="copyright"] {
  background-color: #110506 !important;
  border-top: 1px solid rgba(201, 169, 97, 0.1) !important;
  padding: 16px 0 !important;
  font-family: 'Jost', Arial, sans-serif !important;
  font-size: 10px !important;
  font-weight: 400 !important;
  color: rgba(255, 255, 255, 0.2) !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  text-align: center !important;
}

html body .t4s-footer-bottom a,
html body .t4s-copyright a {
  color: rgba(201, 169, 97, 0.5) !important;
  text-decoration: none !important;
  transition: color 0.25s ease !important;
}

html body .t4s-footer-bottom a:hover,
html body .t4s-copyright a:hover {
  color: #C9A961 !important;
}

/* ====== Mobile ====== */
@media (max-width: 768px) {
  html body .t4s-footer-wrap {
    padding: 40px 0 32px !important;
  }

  html body .t4s-footer-wrap .t4s-col-heading {
    font-size: 12px !important;
    letter-spacing: 2px !important;
  }

  html body .t4s-footer-link {
    font-size: 10px !important;
  }

  html body .t4s-newsletter__submit {
    padding: 13px 12px !important;
    font-size: 8px !important;
    letter-spacing: 1.5px !important;
  }
}

/* ====== Entry Animation ====== */
@keyframes taraf-footer-fadein {
  from { opacity: 0; transform: translateY(14px); }
  to   { opacity: 1; transform: translateY(0); }
}

html body .t4s-footer-wrap .t4s-custom-col {
  animation: taraf-footer-fadein 0.5s ease both !important;
}

html body .t4s-footer-wrap .t4s-custom-col:nth-child(1) { animation-delay: 0s !important; }
html body .t4s-footer-wrap .t4s-custom-col:nth-child(2) { animation-delay: 0.1s !important; }
html body .t4s-footer-wrap .t4s-custom-col:nth-child(3) { animation-delay: 0.2s !important; }
html body .t4s-footer-wrap .t4s-custom-col:nth-child(4) { animation-delay: 0.3s !important; }
/* ==========================================================================
   TARAF — Section Title (Letter by Letter, Scroll-triggered)
   Brand: Burgundy #5C1A1B  |  Gold #C9A961
   Fonts: Cormorant Garamond + Jost
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500&family=Jost:wght@300;400;500&display=swap');

/* ====== Wrapper ====== */
html body .heading-testimonials-star {
  text-align: center !important;
  padding: 16px 20px 8px !important;
  position: relative !important;
  overflow: hidden !important;
}

/* ====== Title base ====== */
html body .heading-testimonials-star .t4s-section-title,
html body .heading-testimonials-star h3.t4s-title {
  font-family: 'Cormorant Garamond', 'Georgia', serif !important;
  font-size: 24px !important;
  font-weight: 300 !important;
  letter-spacing: 5px !important;
  color: #2c1010 !important;
  text-transform: uppercase !important;
  line-height: 1.1 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Hide the original span — JS will replace it with chars */
html body .heading-testimonials-star .t4s-section-title span {
  display: inline-flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 0 !important;
  visibility: visible !important;
}

/* ====== Each character span (injected by JS) ====== */
html body .taraf-char {
  display: inline-block !important;
  opacity: 0 !important;
  transform: translateY(18px) !important;
  transition: opacity 0.45s ease, transform 0.45s ease !important;
  white-space: pre !important;
}

/* Space character */
html body .taraf-char-space {
  display: inline-block !important;
  width: 0.35em !important;
}

/* Triggered state */
html body .taraf-char.is-visible {
  opacity: 1 !important;
  transform: translateY(0) !important;
}

/* ====== Gold lines row (injected by JS) ====== */
html body .taraf-title-deco {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 16px !important;
  margin-top: 12px !important;
}

html body .taraf-title-deco .taraf-deco-line-l,
html body .taraf-title-deco .taraf-deco-line-r {
  height: 1px !important;
  background: #C9A961 !important;
  width: 0 !important;
  transition: width 0.7s ease !important;
  max-width: 80px !important;
}

html body .taraf-title-deco .taraf-deco-dot {
  width: 5px !important;
  height: 5px !important;
  border-radius: 50% !important;
  background: #C9A961 !important;
  flex-shrink: 0 !important;
  opacity: 0 !important;
  transform: scale(0) !important;
  transition: opacity 0.35s ease, transform 0.35s ease !important;
}

html body .taraf-title-deco.is-visible .taraf-deco-line-l,
html body .taraf-title-deco.is-visible .taraf-deco-line-r {
  width: 80px !important;
}

html body .taraf-title-deco.is-visible .taraf-deco-dot {
  opacity: 1 !important;
  transform: scale(1) !important;
}

/* ====== Gold underline below title ====== */
html body .taraf-title-underline {
  display: block !important;
  width: 0 !important;
  height: 1px !important;
  background: #C9A961 !important;
  margin: 10px auto 0 !important;
  transition: width 0.6s ease !important;
}

html body .taraf-title-underline.is-visible {
  width: 40px !important;
}

/* ====== Respect reduced motion ====== */
@media (prefers-reduced-motion: reduce) {
  html body .taraf-char {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
  html body .taraf-title-deco .taraf-deco-line-l,
  html body .taraf-title-deco .taraf-deco-line-r {
    width: 80px !important;
    transition: none !important;
  }
  html body .taraf-title-deco .taraf-deco-dot {
    opacity: 1 !important;
    transform: scale(1) !important;
    transition: none !important;
  }
  html body .taraf-title-underline {
    width: 40px !important;
    transition: none !important;
  }
}

/* ====== Mobile ====== */
@media (max-width: 768px) {
  html body .heading-testimonials-star .t4s-section-title {
    font-size: 24px !important;
    letter-spacing: 3px !important;
  }

  html body .taraf-title-deco .taraf-deco-line-l,
  html body .taraf-title-deco .taraf-deco-line-r {
    max-width: 50px !important;
  }

  html body .taraf-title-deco.is-visible .taraf-deco-line-l,
  html body .taraf-title-deco.is-visible .taraf-deco-line-r {
    width: 50px !important;
  }
}

@media (max-width: 480px) {
  html body .heading-testimonials-star .t4s-section-title {
    font-size: 20px !important;
    letter-spacing: 2.5px !important;
  }
}
/* ==========================================================================
   TARAF — Filter Drawer Styling
   Paste at the VERY BOTTOM of theme.css or custom.css
   ========================================================================== */

/* ---------- Drawer Background ---------- */
html body .t4s-filter-hidden.t4s-drawer {
  background: linear-gradient(180deg, #ffffff 0%, #FBF8F2 100%) !important;
  box-shadow: 8px 0 32px rgba(92, 26, 27, 0.1) !important;
}

/* ---------- Header ---------- */
html body .t4s-filter-hidden .t4s-drawer__header {
  background: linear-gradient(135deg, #5C1A1B 0%, #7a2829 100%) !important;
  border-bottom: 2px solid #C9A961 !important;
}

html body .t4s-filter-hidden .t4s-drawer__header > span {
  color: #FAF6EF !important;
  font-weight: 600 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  font-size: 13px !important;
}

/* ---------- Close Button ---------- */
html body .t4s-filter-hidden .t4s-drawer__close {
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(201, 169, 97, 0.2) !important;
  border-radius: 50% !important;
  transition: all 0.3s ease !important;
}

html body .t4s-filter-hidden .t4s-drawer__close:hover {
  background: rgba(201, 169, 97, 0.2) !important;
  transform: rotate(90deg) !important;
  border-color: #C9A961 !important;
}

html body .t4s-filter-hidden .t4s-drawer__close svg {
  stroke: #FAF6EF !important;
  color: #FAF6EF !important;
}

/* ---------- Scrollbar ---------- */
html body .t4s-filter-hidden .t4s-drawer__scroll {
  scrollbar-width: thin !important;
  scrollbar-color: #C9A961 #FAF6EF !important;
}

html body .t4s-filter-hidden .t4s-drawer__scroll::-webkit-scrollbar {
  width: 3px;
}

html body .t4s-filter-hidden .t4s-drawer__scroll::-webkit-scrollbar-track {
  background: #FAF6EF;
}

html body .t4s-filter-hidden .t4s-drawer__scroll::-webkit-scrollbar-thumb {
  background: #C9A961;
  border-radius: 3px;
}

/* ---------- Facet Sections Divider ---------- */
html body .t4s-filter-hidden .t4s-facet {
  border-bottom: 1px solid rgba(201, 169, 97, 0.1) !important;
}

/* ---------- Facet Titles (Availability, Price, Size, Color) ---------- */
html body .t4s-filter-hidden h5.t4s-facet-title {
  color: #5C1A1B !important;
  font-weight: 600 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  font-size: 12px !important;
  border-bottom: 1px solid rgba(201, 169, 97, 0.15) !important;
  padding-bottom: 8px !important;
}

/* ---------- Checkbox Filter Items ---------- */
html body .t4s-filter-hidden .t4s-filter__values li {
  transition: background-color 0.2s ease !important;
}

html body .t4s-filter-hidden .t4s-filter__values li:hover {
  background-color: rgba(201, 169, 97, 0.04) !important;
}

html body .t4s-filter-hidden .t4s-filter__values a {
  color: #3d3d3d !important;
  font-size: 13px !important;
  transition: color 0.2s ease !important;
}

html body .t4s-filter-hidden .t4s-filter__values a:hover {
  color: #5C1A1B !important;
}

/* ---------- Checkboxes ---------- */
html body .t4s-filter-hidden .t4s-checkbox-wrapper {
  border-color: rgba(201, 169, 97, 0.35) !important;
  border-radius: 4px !important;
  transition: all 0.2s ease !important;
}

html body .t4s-filter-hidden .t4s-filter__values a:hover .t4s-checkbox-wrapper {
  border-color: #C9A961 !important;
  box-shadow: 0 0 0 2px rgba(201, 169, 97, 0.1) !important;
}

html body .t4s-filter-hidden .t4s-checkbox-wrapper svg {
  color: #5C1A1B !important;
}

/* ---------- Disabled Items ---------- */
html body .t4s-filter-hidden .t4s-filter__values li.is--disabled a {
  color: #c5c5c5 !important;
  opacity: 0.45 !important;
}

html body .t4s-filter-hidden .t4s-filter__values li.is--disabled .t4s-checkbox-wrapper {
  border-color: #e0e0e0 !important;
}

/* ---------- Value Count ---------- */
html body .t4s-filter-hidden .t4s-value-count {
  color: #a89f9f !important;
  font-size: 11px !important;
}

/* ---------- Color Swatches ---------- */
html body .t4s-filter-hidden .t4s-filter__values.is--style-color a {
  color: #3d3d3d !important;
  font-size: 13px !important;
  transition: color 0.2s ease !important;
}

html body .t4s-filter-hidden .t4s-filter__values.is--style-color a:hover {
  color: #5C1A1B !important;
}

html body .t4s-filter-hidden .t4s-filter_color {
  border: 2px solid rgba(201, 169, 97, 0.25) !important;
  border-radius: 50% !important;
  transition: all 0.25s ease !important;
}

html body .t4s-filter-hidden .t4s-filter__values.is--style-color a:hover .t4s-filter_color {
  border-color: #C9A961 !important;
  box-shadow: 0 0 0 3px rgba(201, 169, 97, 0.15) !important;
  transform: scale(1.1) !important;
}

html body .t4s-filter-hidden .t4s-filter_color svg {
  color: #5C1A1B !important;
}

/* ---------- Price Slider Track ---------- */
html body .t4s-filter-hidden .noUi-connect {
  background: linear-gradient(90deg, #5C1A1B, #7a2829) !important;
}

html body .t4s-filter-hidden .noUi-target {
  background: #FAF6EF !important;
  border-color: rgba(201, 169, 97, 0.15) !important;
  border-radius: 4px !important;
}

/* ---------- Price Slider Handles ---------- */
html body .t4s-filter-hidden .noUi-handle {
  background: #ffffff !important;
  border: 2px solid #C9A961 !important;
  border-radius: 50% !important;
  box-shadow: 0 2px 8px rgba(92, 26, 27, 0.12) !important;
  cursor: grab !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

html body .t4s-filter-hidden .noUi-handle:hover {
  border-color: #5C1A1B !important;
  box-shadow: 0 2px 12px rgba(201, 169, 97, 0.25) !important;
}

html body .t4s-filter-hidden .noUi-handle:active {
  cursor: grabbing !important;
}

/* ---------- Price Label ---------- */
html body .t4s-filter-hidden .t4s-price_label {
  color: #5C1A1B !important;
  font-size: 12px !important;
  font-weight: 500 !important;
}

html body .t4s-filter-hidden .t4s-price_label .t4s-from,
html body .t4s-filter-hidden .t4s-price_label .t4s-to {
  color: #C9A961 !important;
  font-weight: 700 !important;
}