/** Shopify CDN: Minification failed

Line 1995:6 Unexpected "{"
Line 1995:7 Expected identifier but found "%"
Line 1995:38 Unexpected "{"
Line 1995:39 Expected identifier but found "%"
Line 2104:75 Unexpected "{"

**/
  html {
    scroll-behavior: smooth;
  }

  .facet-filters__sort:focus-visible {
    /* outline: 0.2rem solid rgba(var(--color-foreground), 0.5); */
    outline-offset: 1rem;
    /* box-shadow: 0 0 0 1rem rgb(var(--color-background)), 0 0 0.2rem 1.2rem rgba(var(--color-foreground), 0.3); */
  }

  .facet-filters__sort.focused {
    outline: 0.2rem solid rgba(var(--color-foreground), 0.5);
    outline-offset: 1rem;
    /* box-shadow: 0 0 0 1rem rgb(var(--color-background)), 0 0 0.2rem 1.2rem rgba(var(--color-foreground), 0.3); */
  }

  .facet-filters__field {
    border:1px solid #E5E8EB;
    border-radius:40px;
    padding:8px 16px;
    align-items: center;
    display: flex;
    flex-grow: 1;
    justify-content: flex-end;
  }

  .facets__form {
    display: grid;
    grid-template-columns: 1fr max-content max-content;
    margin-bottom: 0.5rem;
  }
  .select__select:focus-visible{
       box-shadow:none;
  }
  .collection-hero__title+.collection-hero__description {
    font-size:16px;
    margin-top:0px !important;
    margin-bottom: 0px !important;
    font-size: 1.6rem !important;
    line-height: calc(1 + 0.5 / var(--font-body-scale));
  }
  .collection-hero__title{
    font-family: 'Clash Display';
    font-size:49px;
      padding:28px 0px !important;
      margin:0px !important;
      font-weight:600;
  }

  @media screen and (max-width: 990px) {
  .mobile-facets__wrapper{
    display: flex;
    justify-content:end;
  }
  .collection-hero__title{
  display:none;
  font-size:24px;
  }
  .collection-hero--with-image{
    display:none;
  }
  }
  /* start related-collections-section  */
       /* Hide on desktop */
  #related-collections-section.mobile-only-related {
    display: none;
  }
  .collection--title--only--mobile{
    display: none;
  }
    #related-collections-section.desktop-only-related {
      display: block;
  }
  #related-collections-section .related-collections-wrapper {
    overflow: hidden;
  }
  #related-collections-section .related-collections-grid {
    display: flex;
    flex-wrap: nowrap;
    gap: 14px;
    justify-content: flex-start;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x proximity;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE/Edge */
    padding-bottom: 4px; /* small buffer so shadow/border isn't clipped */
  }

  /* Hide scrollbar for Chrome/Safari/Opera */
  #related-collections-section .related-collections-grid::-webkit-scrollbar {
    display: none;
  }

  #related-collections-section .related-collection-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: inherit;
    padding: 4px 8px;
    gap: 16px;
    border: 1px solid #000000;
    background: none;
    border-radius: 8px;
    box-shadow: none;
    transition: transform 0.2s ease;
    flex-shrink: 0; /* prevent cards from shrinking/wrapping */
    scroll-snap-align: start;
  }

  #related-collections-section .related-collection-card:hover {
    /* transform: translateY(-3px); */
    /* background: #000000;
    color: #ffffff; */
    box-shadow: none;
  }

  #related-collections-section .related-collection-content {
    padding: 0;
    text-align: center;
  }

  #related-collections-section .related-collection-content h3 {
    font-size: 13px;
    font-weight: 400;
    margin: 0;
    color: #444;
    line-height: 1.3;
    white-space: nowrap; /* keep card titles on one line */
  }
  #related-collections-section .related-collection-card.active .related-collection-content h3 {
    font-weight: 600;
  }

  /* Show only on mobile */
  @media screen and (max-width: 768px) {
    #related-collections-section.mobile-only-related {
      display: block;
  }
    #related-collections-section.desktop-only-related {
      display: none;
  }
    .collection--title--only--mobile{
    display: block !important;
  }
  }
  @media screen and (min-width: 990px) {
    #related-collections-section .related-collections-wrapper {
      width: 800px;
      max-width: 800px;
      margin-left: auto;
      margin-right: auto;
    }
  }
  @media (max-width: 480px) {
  #related-collections-section .related-collection-card {
    width: auto;
    padding:8px 16px;
    }
  #related-collections-section .related-collections-grid{
    gap:10px !important;
    }
  #related-collections-section .related-collection-content h3 {
    font-size: 11px;
    }
    }
  #related-collections-section .related-collection-card.active .related-collection-content h3 {
    font-weight: 600;
  }
  #related-collections-section .related-collection-card.active {
    background: #000000;
    border-color: #000000;
  }

  #related-collections-section .related-collection-card.active .related-collection-content h3 {
    color: #ffffff;
    font-weight: 400;
  }
       /* End related-collections-section  */

  /* Start image upload poster culture styling  */

  #image-upload-product .image-upload-product-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
  }

  #image-upload-product .image-upload-product-header .form__label {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    margin: 0;
  }

  #image-upload-product .image-upload-product-count {
    font-size: 13px;
    color: #6b6b6b;
  }

  #image-upload-product .file-upload-container {
    display: block;
  }

  #image-upload-product .image-upload-product-dropzone {
    border: 2px dashed #000000ff;
    border-radius: 12px;
    padding: 14px 70px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    cursor: pointer;
    background: #fff;
    transition: background 0.2s ease, border-color 0.2s ease;
  }

  #image-upload-product .image-upload-product-dropzone:hover {
    background: #fafafa;
  }

  #image-upload-product .image-upload-product-dropzone.is-dragover {
    background: #fff5f5;
    border-color: #e8372a;
  }

  #image-upload-product .image-upload-product-dropzone__icon {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #e8372a;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
  }

  #image-upload-product .image-upload-product-dropzone__icon svg {
    width: 20px;
    height: 20px;
    stroke: #fff;
    fill: none;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  #image-upload-product .image-upload-product-dropzone__title {
    font-size: 15px;
    font-weight: 700;
    color: #111111;
  }

  #image-upload-product .image-upload-product-dropzone__subtitle {
    font-size: 13px;
    color: #6b6b6b;
    text-align: center;
  }

  #image-upload-product .file-name {
    margin-left: 10px;
    font-style: italic;
  }

  #image-upload-product .image-preview-list {
    display: none;
    flex-direction: column;
    gap: 0;
    margin-top: 12px;
  }

  #image-upload-product .image-preview-item {
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: row;
    height: 45px;
    border: 1px solid #e0e0e0;
    /* border-bottom: none; */
    background: #fff;
    box-sizing: border-box;
    cursor: default;
    user-select: none;
    transition: background 0.15s, opacity 0.2s;
    padding: 0 6px 0 0;
    gap: 10px;
  }

  #image-upload-product .image-preview-item:first-child {
    border-radius: 6px 6px 0 0;
  }

  #image-upload-product .image-preview-item:last-child {
    border-bottom: 1px solid #e0e0e0;
    border-radius: 0 0 6px 6px;
  }

  #image-upload-product .image-preview-item:only-child {
    border-radius: 6px;
    border-bottom: 1px solid #e0e0e0;
  }

  #image-upload-product .image-preview-item.dragging {
    opacity: 0.4;
    cursor: grabbing;
    box-shadow: 0 2px 8px rgba(0,0,0,0.13);
  }

  #image-upload-product .image-preview-item.drag-over {
    border-top: 2px solid #e8372a;
    background: #fff5f5;
  }


  #image-upload-product .drag-handle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 30px;
    cursor: grab;
    flex-shrink: 0;
    color: #bbb;
    font-size: 13px;
    letter-spacing: 1px;
  }

  #image-upload-product .drag-handle:active {
    cursor: grabbing;
  }

  #image-upload-product .drag-handle svg {
    width: 14px;
    height: 14px;
    fill: #bbb;
    display: block;
  }


  #image-upload-product .image-preview-item img {
    width: 28px;
    height: 28px;
    object-fit: cover;
    border-radius: 3px;
    flex-shrink: 0;
    display: block;
    pointer-events: none;
  }


  #image-upload-product .image-number-badge {
    font-size: 16px;
    font-weight: 600;
    color: #0A0E11 ;
    min-width: 14px;
    flex-shrink: 0;
  }


  #image-upload-product .image-preview-filename {
    font-size: 16px;
    font-weight:600;
    color: #0A0E11;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1;
    min-width: 0;
  }


  #image-upload-product .image-preview-size {
    font-size: 12px;
    color: #606369;
    flex-shrink: 0;
    white-space: nowrap;
  }


  #image-upload-product .image-remove-btn {
    width: 28px;
    height: 28px;
    background: #F2F2F2;
    color: #555;
    border: none;
    border-radius: 6px;
    font-size: 13px;
    line-height: 1;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    padding: 0;
    transition: background 0.15s, color 0.15s;
  }

  #image-upload-product .image-remove-btn svg {
    width: 18px;
    height: 20px;
    stroke: #5E5E5E;
    fill: none;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    pointer-events: none;
  }

  #image-upload-product .image-remove-btn:hover {
    background: #ffe3e3;
  }

  #image-upload-product .image-remove-btn:hover svg {
    stroke: #e8372a;
  }

  #image-upload-product .drag-hint {
    font-size: 11px;
    color: #aaa;
    margin-top: 6px;
    display: none;
  }


  #image-upload-product .add-more-btn {
    display: flex;
    display:none;
    align-items: center;
    justify-content: center;
    gap: 5px;
    height: 30px;
    border: 1px dashed #ccc;
    border-radius: 6px;
    background: #fafafa;
    cursor: pointer;
    color: #aaa;
    font-size: 11px;
    margin-top: 6px;
    width: 100%;
    box-sizing: border-box;
    transition: border-color 0.2s, color 0.2s;
  }

  #image-upload-product .add-more-btn:hover {
    border-color: #e8372a;
    color: #e8372a;
  }

  #image-upload-product .add-more-btn svg {
    width: 14px;
    height: 14px;
    stroke: currentColor;
    fill: none;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
  }
    #image-upload-product .upload-max-image-size{
    color:#e8372a;
    font-size:16px;
      }
  @media screen and (max-width: 750px){
        #image-upload-product .upload-max-image-size{
    color:#e8372a;
    font-size:12px;
      }
    #image-upload-product .image-upload-product-dropzone {
      padding: 28px 14px;
    }
    #image-upload-product .image-upload-product-dropzone__title {
      font-size: 14px;
    }
    #image-upload-product .image-upload-product-dropzone__subtitle {
      font-size: 12px;
    }
    #image-upload-product {
      max-width: 50rem;
      display: block;
  }
    }
    @media screen and (min-width: 750px){
    #image-upload-product .image-upload-product-dropzone{
    width:51rem;
    }
    }


  /* End image upload poster culture styling  */

    /* start header padding added */
  .header-wrapper {
      padding: 12px 0px;
      display: block;
      position: relative;
      background-color: rgb(var(--color-background));
  }
    /* end header padding added */
  /* start product page quantity rounded cornes  */

  .quantity:after {
    color: #E5E8EB;
      pointer-events: none;
      content: "";
      position: absolute;
      top: var(--inputs-border-width);
      right: var(--inputs-border-width);
      bottom: var(--inputs-border-width);
      left: var(--inputs-border-width);
      border: .1rem solid transparent;
      border-radius: 4px;
      box-shadow: 0 0 0 var(--inputs-border-width) rgba(var(--color-foreground), var(--inputs-border-opacity));
      transition: box-shadow var(--duration-short) ease;
      z-index: 1;
  }
  /* end  product page quantity rounded cornes  */

  /* start delivery shipping poster culture styling  */
    #delivery-shipping {
    margin: 20px 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
  }

  #delivery-shipping .ds-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px;
  }

  #delivery-shipping .ds-badge {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    padding: 12px 10px;
    border: 1px solid #e8e4df;
    margin: -1px 0 0 -1px;
  }

  #delivery-shipping .ds-badge__icon {
    flex-shrink: 0;
    width: 34px;
    height: 34px;
    color: #4a4a4a;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  #delivery-shipping .ds-badge__icon svg {
    width: 100%;
    height: 100%;
  }

  #delivery-shipping .ds-badge__text {
    display: flex;
    flex-direction: column;
    gap: 2px;
  }

  #delivery-shipping .ds-badge__title {
    font-size: 12px;
    font-weight: 600;
    color: #2c2c2c;
    line-height: 1.3;
    font-family: inherit;
  }

  #delivery-shipping .ds-badge__subtitle {
    font-size: 11px;
    font-weight: 400;
    color: #6b6b6b;
    line-height: 1.3;
    font-family: inherit;
  }

    /* end delivery shipping poster culture styling  */



    /* start Accordian poster culture styling  */

    #Accordian-poster-culture .pga-wrap{
    width:100%;
    max-width:680px;
  }

  #Accordian-poster-culture .pga-accordion{
    border:1px solid #e5e5e5;
    border-radius:4px;
    overflow:hidden;
    background:#fff;
  }

  #Accordian-poster-culture .pga-item{
    border-bottom:1px solid #e5e5e5;
  }

  #Accordian-poster-culture .pga-item:last-child{
    border-bottom:none;
  }

  #Accordian-poster-culture .pga-trigger{
    width:100%;
    border:none;
    background:#fff;
    display:flex;
    align-items:center;
    gap:14px;
    padding:16px 20px;
    cursor:pointer;
    text-align:left;
  }

  #Accordian-poster-culture .pga-label{
    flex:1;
    font-size:12px;
    font-weight:800;
    color:#111;
    line-height:1.4;
  }

  #Accordian-poster-culture .pga-icon{
    width:22px;
    height:22px;
    flex-shrink:0;
  }

  #Accordian-poster-culture .pga-icon svg{
    width:100%;
    height:100%;
    stroke:#111;
    fill:none;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
  }

  #Accordian-poster-culture .pga-chev{
    width:18px;
    height:18px;
    transition:0.35s ease;
    flex-shrink:0;
  }

  #Accordian-poster-culture .pga-chev svg{
    width:100%;
    height:100%;
    stroke:#111;
    fill:none;
    stroke-width:2.2;
    stroke-linecap:round;
    stroke-linejoin:round;
  }

  #Accordian-poster-culture .pga-item.active .pga-chev{
    transform:rotate(180deg);
  }

  #Accordian-poster-culture .pga-content{
    max-height:0;
    overflow:hidden;
    transition:max-height 2s ease;
    background:#fafafa;
  }

  #Accordian-poster-culture .pga-inner{
    padding:4px 10px;
    border-top:1px solid #e5e5e5;
  }
#Accordian-poster-culture .pga-inner ul li {
  font-size: 12px;
  }
#Accordian-poster-culture .pga-inner p{
  font-size:12px;
  line-height:1.8;
  color:#555;
}

@media(max-width:600px){
  #Accordian-poster-culture .pga-trigger{
    padding:14px 15px;
  }

  #Accordian-poster-culture .pga-inner{
    padding:15px;
  }

  #Accordian-poster-culture .pga-label{
    font-size:14px;
  }
}


    /* end Accordian poster culture styling  */
  /* start product page styling for customize button */
  /* .customize-your-posters{
  align-items:center;
  display:flex;
  padding:10px 12px ;
  } */

.customize-your-posters__row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 2px;
}

.customize-btn {
  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  text-decoration: none;
  background: linear-gradient(180deg, #e6e4de 0%, #d2d2d2 100%);
  color: #1a1a18;
  border-radius: 6px;
  padding: 6px 40px;
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
}

.customize-btn::before,
.customize-btn::after,
.customize-btn .shine-3 {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    100deg,
    transparent 0%,
    rgba(255, 255, 255, 0) 30%,
    rgba(255, 255, 255, 0.75) 50%,
    rgba(255, 255, 255, 0) 70%,
    transparent 100%
  );
  transform: skewX(-20deg);
  filter: blur(4px);
  animation: shine-sweep 15s ease-in-out infinite;
  pointer-events: none;
}

  /* each shine starts 5s after the previous one */
  .customize-btn::before {
    animation-delay: 0s;
  }

  .customize-btn::after {
    animation-delay: 5s;
  }

  .customize-btn .shine-3 {
    animation-delay: 10s;
  }

  @keyframes shine-sweep {
    0%   { left: -100%; }
    20%  { left: 100%; }   /* glide across full width */
    100% { left: 100%; }   /* hold off-screen until next turn */
  }

  .customize-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  }

  .customize-btn:active {
    transform: translateY(0);
  }

  @media (max-width: 460px) {
  .customize-btn {
      gap: 0px;
      padding: 8px 6px;
      font-size: 13px;
  }
  }
  @media (max-width: 420px) {
  .customize-btn {
      gap: 0px;
      padding: 8px 2px;
      font-size: 8px;
  }
  }

   /* end product page styling for customize button */



   /* ---------- start Sale offers Always-sticky banner, bottom-right ---------- */
  #posture-culture-animate-offer-sale .pc-banner-wrap {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 9998;
    display: flex;
    width: auto;
    padding: 0;
  }
  /* Slide the banner left when the Dawn cart-drawer is open */
  .pc-banner-wrap {
    transition: right 3s ease;
    /* right: 20px;  <-- keep whatever your normal/default right value already is */
  }
  .pc-banner-wrap.pc-drawer-open {
    right: 420px !important;
  }
  #posture-culture-animate-offer-sale .pc-banner {
    font-size:16px;
    font-weight:700;
    font-family:'Clash Display';
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: #FFD700;
    border: none;
    border-radius: 999px;
    padding: 4px 20px 4px 20px;
    cursor: pointer;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18);
    transition: transform 0.15s ease, box-shadow 0.2s ease;
    z-index: 0;
  }

  /* Solid black base border — always fully visible */
  #posture-culture-animate-offer-sale .pc-banner::after {
    content: "";
    position: absolute;
    inset: -3px;
    border-radius: 999px;
    border: 3px solid #000;
    z-index: -2;
    pointer-events: none;
  }

  /* Moving highlight sweeping around the black border */
  #posture-culture-animate-offer-sale .pc-banner::before {
    content: "";
    position: absolute;
    inset: -3px;
    border-radius: 999px;
    padding: 3px;
    background: conic-gradient(
      from var(--pc-angle, 0deg),
      transparent 0%,
      transparent 70%,
      rgba(255, 255, 255, 0.7) 80%,
      rgba(255, 255, 255, 1) 100%,
      rgba(255, 255, 255, 0.7) 94%,
      transparent 100%
    );
    -webkit-mask:
      linear-gradient(#000 0 0) content-box,
      linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask:
      linear-gradient(#000 0 0) content-box,
      linear-gradient(#000 0 0);
    mask-composite: exclude;
    animation: pcBorderSpin 2.8s linear infinite;
    z-index: -1;
    pointer-events: none;
  }

  @property --pc-angle {
    syntax: '<angle>';
    initial-value: 0deg;
    inherits: false;
  }

  @keyframes pcBorderSpin {
    to { --pc-angle: 360deg; }
  }

  #posture-culture-animate-offer-sale .pc-banner:hover {
    transform: scale(1.02);
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.22);
  }

  #posture-culture-animate-offer-sale .active-offers-live{
    font-size:16px;
    font-weight:700;
    font-family:'Clash Display';
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: #FFD700;
    border: none;
    border-radius: 999px;
    padding: 8px 20px 8px 20px;
    cursor: pointer;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18);
    transition: transform 0.15s ease, box-shadow 0.2s ease;
    z-index: 0;
  }

/* Solid black base border — always fully visible */
  #posture-culture-animate-offer-sale .active-offers-live::after {
    content: "";
    position: absolute;
    inset: -3px;
    border-radius: 999px;
    border: 3px solid #000;
    z-index: -2;
    pointer-events: none;
  }

  /* Moving highlight sweeping around the black border */
  #posture-culture-animate-offer-sale .active-offers-live::before {
    content: "";
    position: absolute;
    inset: -3px;
    border-radius: 999px;
    padding: 3px;
    background: conic-gradient(
      from var(--pc-angle, 0deg),
      transparent 0%,
      transparent 70%,
      rgba(255, 255, 255, 0.7) 80%,
      rgba(255, 255, 255, 1) 100%,
      rgba(255, 255, 255, 0.7) 94%,
      transparent 100%
    );
    -webkit-mask:
      linear-gradient(#000 0 0) content-box,
      linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask:
      linear-gradient(#000 0 0) content-box,
      linear-gradient(#000 0 0);
    mask-composite: exclude;
    animation: pcBorderSpin 2.8s linear infinite;
    z-index: -1;
    pointer-events: none;
  }

  @property --pc-angle {
    syntax: '<angle>';
    initial-value: 0deg;
    inherits: false;
  }

  @keyframes pcBorderSpin {
    to { --pc-angle: 360deg; }
  }

  #posture-culture-animate-offer-sale .active-offers-live:hover {
    transform: scale(1.02);
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.22);
  }
  #posture-culture-animate-offer-sale .pc-hidden {
    display: none !important;
  }
  #posture-culture-animate-offer-sale .pc-banner-text-mask {
    display: inline-block;
    overflow: hidden;
  }
  #posture-culture-animate-offer-sale .pc-banner-text {
    display: inline-block;
    transition: opacity 0.35s ease, transform 0.35s ease;
    opacity: 1;
    transform: translateY(0);
  }
  #posture-culture-animate-offer-sale .pc-banner-text.pc-banner-fade {
    opacity: 0;
    transform: translateY(4px);
  }

    #posture-culture-animate-offer-sale .pc-banner-icon {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 30px;
      height: 30px;
      /* background: #ffffff; */
      border-radius: 50%;
      font-size: 15px;
      flex-shrink: 0;
    }

    #posture-culture-animate-offer-sale .pc-banner-text {
      font-weight: 700;
      font-size: 14px;
      color: #000000;
      letter-spacing: 0.01em;
      white-space: nowrap;
    }

    /* ---------- Popup overlay ---------- */
    #posture-culture-animate-offer-sale .pc-overlay {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      margin: 0;
      background: rgba(0, 0, 0, 0.5);
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 99999;
      opacity: 0;
      visibility: hidden;
      transition: opacity 0.25s ease, visibility 0.25s ease;
      padding: 20px;
      box-sizing: border-box;
    }
    #posture-culture-animate-offer-sale .pc-overlay.is-open {
      opacity: 1;
      visibility: visible;
    }

    /* ---------- Popup — tightened spacing ---------- */
    #posture-culture-animate-offer-sale .pc-popup {
      position: relative;
      background: #fff;
      border-radius: 16px;
      width: 48%;
      max-width: 100%;
      max-height: 95vh;
      overflow-y: auto;
      margin: 0 auto;
      padding: 24px 20px 20px;
      transform: scale(0.9);
      opacity: 0;
      box-sizing: border-box;
      transition: transform 0.28s cubic-bezier(0.2, 0.8, 0.2, 1), opacity 0.28s ease;
    }
     #posture-culture-animate-offer-sale .pc-header .offers-not-for-landscape{
      color: #e8372a;
     }
    #posture-culture-animate-offer-sale .pc-overlay.is-open .pc-popup {
      transform: scale(1);
      opacity: 1;
    }

    #posture-culture-animate-offer-sale .pc-close {
      position: absolute;
      top: 10px;
      right: 12px;
      background: none;
      border: 1px solid #5E5E5E;
      font-size: 22px;
      line-height: 1;
      cursor: pointer;
      color: #5E5E5E;
      width: 28px;
      height: 28px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: background 0.2s ease;
    }
    #posture-culture-animate-offer-sale .pc-close:hover { background: #f2f2f2; }

    #posture-culture-animate-offer-sale .pc-header { text-align: center; margin-bottom: 16px; }
    #posture-culture-animate-offer-sale .pc-header h2 {
      font-family: Clash Display;
      font-size: 36px;
      font-weight: 600;
      letter-spacing: 0.02em;
      margin: 0 0 4px;
    }
    #posture-culture-animate-offer-sale .pc-header p {
      font-size: 16px;
      color: #555;
      margin: 0;
    }

    #posture-culture-animate-offer-sale .pc-cards {
      display: grid;
      grid-template-columns: 1fr;
      gap: 28px;
      margin-bottom: 16px;
    }

    #posture-culture-animate-offer-sale .pc-card {
      position: relative;
      background: #fff;
      border: 2px solid #000;
      border-radius: 12px;
      padding: 14px 14px 12px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      flex-wrap: wrap;
      opacity: 0;
      transform: translateY(16px);
      animation: pcCardIn 0.45s ease forwards;
      transition: transform 0.2s ease, box-shadow 0.2s ease;
    }
    #posture-culture-animate-offer-sale .pc-card:hover {
      transform: translateY(-3px);
      box-shadow: 0 8px 18px rgba(0, 0, 0, 0.12);
    }
    #posture-culture-animate-offer-sale .pc-overlay.is-open .pc-card:nth-child(1) { animation-delay: 0.08s; }
    #posture-culture-animate-offer-sale .pc-overlay.is-open .pc-card:nth-child(2) { animation-delay: 0.16s; }
    #posture-culture-animate-offer-sale .pc-overlay.is-open .pc-card:nth-child(3) { animation-delay: 0.24s; }
    #posture-culture-animate-offer-sale .pc-overlay.is-open .pc-card:nth-child(4) { animation-delay: 0.32s; }

    @keyframes pcCardIn {
      to { opacity: 1; transform: translateY(0); }
    }

    #posture-culture-animate-offer-sale .pc-badge {
      position: absolute;
      top: -16px;
      left: 12px;
      background: #ffffff;
      border:1px solid #1F2937;
      color: #1F2937;
      font-size: 16px;
      font-weight: 400;
      letter-spacing: 0.04em;
      padding: 0px 8px;
      border-radius: 999px;
    }
    #posture-culture-animate-offer-sale .pc-card[data-index="1"] .pc-badge {
      background: #1F2937;
      color: #ffffff;
      border-color: #1F2937;
      display: inline-flex;
      align-items: center;
      gap: 5px;
    }

    #posture-culture-animate-offer-sale .pc-card[data-index="1"] .pc-badge::before {
      content: "🎉";
      font-size: 16px;
      line-height: 1;
    }

    #posture-culture-animate-offer-sale .pc-reward {
      position: absolute;
      top: -14px;
      right: 12px;
      background: #FFD700;
      color: #000000;
      font-size: 16px;
      font-weight: 400;
      padding: 0px 14px;
      border-radius: 999px;
      white-space: nowrap;
    }

    #posture-culture-animate-offer-sale .pc-card-body {
      flex: 1 1 auto;
      min-width: 140px;
      margin-top: 4px;
    }
    #posture-culture-animate-offer-sale .pc-card-body h3 {
      font-family: 'Clash Display';
      font-size: 24px;
      font-weight: 600;
      margin: 0 0 2px;
    }
    #posture-culture-animate-offer-sale .pc-subtitle {
      font-size: 16px;
      color: #1F2937;
      margin: 0;
    }

    #posture-culture-animate-offer-sale .pc-add-btn {
      background: #EFEFEF;
      color: #000000;
      border: none;
      border-radius: 4px;
      padding: 7px 14px;
      font-size: 16px;
      font-weight: 400;
      cursor: pointer;
      white-space: nowrap;
      transition: transform 0.15s ease, background 0.2s ease;
    }
    #posture-culture-animate-offer-sale .pc-add-btn:hover {
      /* background: #1a1a1a; */
      /* transform: scale(1.03); */
    }
    #posture-culture-animate-offer-sale .pc-add-btn:disabled {
      opacity: 0.6;
      cursor: not-allowed;
      transform: none;
    }

    @media (max-width: 600px) {
    #posture-culture-animate-offer-sale .pc-card {
      flex-direction: column;
      align-items: stretch;
      text-align: center;
      padding-top: 12px;
    }
    #posture-culture-animate-offer-sale .pc-add-btn { width: 100%; }
    #posture-culture-animate-offer-sale .pc-card-body h3 {
    font-family: 'Clash Display';
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 2px;
  }
  #posture-culture-animate-offer-sale .pc-card{
    gap: 0px;
    padding: 14px 14px 8px;
  }
  .pc-banner-wrap {
    transition: right 3s ease;
    /* right: 20px;  <-- keep whatever your normal/default right value already is */
  }
  .pc-banner-wrap.pc-drawer-open {
    right: 14px !important;
  }
  #posture-culture-animate-offer-sale .pc-banner-wrap{
    z-index:99 !important;

  }
    }

  #posture-culture-animate-offer-sale .pc-footer {
    display: flex;
    justify-content: center;
  }
  #posture-culture-animate-offer-sale .pc-shop-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 220px;
    max-width: 100%;
    background: #000;
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    font-size: 13px;
    letter-spacing: 0.03em;
    padding: 11px 18px;
    border-radius: 999px;
    transition: transform 0.15s ease, background 0.2s ease;
  }
  #posture-culture-animate-offer-sale .pc-shop-btn:hover {
    background: #1a1a1a;
    transform: scale(1.03);
  }
    
  #posture-culture-animate-offer-sale .pc-banner-text-mask {
    display: inline-block;
    overflow: hidden;
    position: relative;
    vertical-align: middle;
    line-height: 1.3;
  }

  #posture-culture-animate-offer-sale .pc-banner-text {
    display: inline-block;
    will-change: transform, opacity;
  }

  #posture-culture-animate-offer-sale .pc-banner-text.pc-drop-in {
    animation: pcBannerDropIn 0.5s cubic-bezier(0.22, 1, 0.36, 1);
  }

  @keyframes pcBannerDropIn {
    0% {
      transform: translateY(-140%);
      opacity: 0;
    }
    60% {
      transform: translateY(8%);
      opacity: 1;
    }
    100% {
      transform: translateY(0);
      opacity: 1;
    }
  }

  @media (max-width: 900px) {
    #posture-culture-animate-offer-sale .pc-popup { width: 90%; }
  }
  @media (max-width: 600px) {
    #posture-culture-animate-offer-sale .pc-popup { width: 95%; padding: 20px 14px 16px; }
    #posture-culture-animate-offer-sale .pc-reward , #posture-culture-animate-offer-sale .pc-badge , #posture-culture-animate-offer-sale .pc-subtitle , #posture-culture-animate-offer-sale .pc-add-btn , #posture-culture-animate-offer-sale .pc-header p {
    font-size:12px;
    }
    #posture-culture-animate-offer-sale .pc-badge {
        top: -13px;
        left: 6px;
    }
    #posture-culture-animate-offer-sale .pc-add-btn{
          padding: 4px 8px;
    }
    #posture-culture-animate-offer-sale .pc-header h2{
    font-size:18px;
    }
        }
    @media (max-width: 480px) {
      #posture-culture-animate-offer-sale .pc-banner-wrap { bottom: 12px; right: 12px; left: 12px; justify-content: flex-end; }
      #posture-culture-animate-offer-sale .pc-banner-text { font-size: 12px; white-space: normal; text-align: left; }
      #posture-culture-animate-offer-sale .pc-header h2 {
        font-size: 14px;
    }
      #posture-culture-animate-offer-sale .pc-card-body h3 {
        font-size: 14px;
    }

    /*  #posture-culture-animate-offer-sale .pc-close {   
      top: 18px; 
      font-size: 20px;   
      width: 20px;
      height: 20px;
    
    } */

      /* .pc-header p {
          font-size: 10px;
      } */

  }



  /* ----------End Sale offers Always-sticky banner, bottom-right ---------- */

  /* ===================== PROGRESS BAR STYLES ===================== */
  .pc-progress-wrap {
    padding: 18px 20px 26px;
    text-align: center;
  }

  .pc-progress-wrap.pc-progress-hidden {
    display: none !important;
  }

  .pc-progress-copy {
    margin: 0 0 4px;
    font-size: 11px;
    font-weight: 800;
    color: #1a1a1a;
    line-height: 1.35;
  }

  .pc-progress-copy .pc-hl-soft,
  .pc-progress-copy .pc-hl-solid {
    background: #FF3838;
    color: #ffffff;
    padding: 1px 8px;
    border-radius: 4px;
    font-weight: 800;
  }

  .pc-progress-subcopy {
    margin: 0 0 10px;
    font-size: 13px;
    color: #6b7280;
    font-weight: 500;
  }

  .pc-progress-track {
    position: relative;
    max-width: 520px;
    margin: 0 auto;
    height: 40px;
  }

  .pc-progress-line-bg {
    display: block !important;
    position: absolute;
    left: 18px;
    right: 18px;
    top: 50%;
    height: 6px;
    background: #d9dee3;
    border-radius: 4px;
    transform: translateY(-50%);
    z-index: 1;
  }

  .pc-progress-line-fill {
    display: block !important;
    position: absolute;
    left: 18px;
    top: 50%;
    height: 6px;
    background: #FF3838;
    border-radius: 4px;
    transform: translateY(-50%);
    transition: width 0.45s ease;
    z-index: 2;
  }

  .pc-progress-dots {
    position: absolute;
    inset: 0;
    z-index: 3;
  }

  .pc-progress-dot {
    position: absolute;
    top: 50%;
    width: 34px;
    height: 34px;
    transform: translate(-50%, -50%);
    transition: transform 0.3s ease;
  }

  .pc-progress-dot .pc-seal-svg {
    width: 75%;
    height: 100%;
    display: block;
  }

  .pc-progress-dot .pc-seal-ring {
    fill: none;
    stroke: #c7ccd1;
    stroke-width: 3;
    stroke-dasharray: 2.6 3.6;
    stroke-linecap: round;
    transition: stroke 0.35s ease;
  }

  .pc-progress-dot .pc-seal-bg {
    fill: #ffffff;
    stroke: #d9dee3;
    stroke-width: 1;
    transition: fill 0.35s ease, stroke 0.35s ease;
  }

  .pc-progress-dot .pc-seal-icon-dot,
  .pc-progress-dot .pc-seal-icon-line {
    stroke: #b9c0c7;
    fill: #b9c0c7;
    transition: stroke 0.35s ease, fill 0.35s ease;
  }

  .pc-progress-dot.is-unlocked {
    transform: translate(-50%, -50%) scale(1.08);
  }
/* .is-unlocked removed for rounded percentage dot */
  .pc-progress-dot .pc-seal-ring {
    stroke: #FF3838;
  }

  .pc-progress-dot.is-unlocked .pc-seal-bg {
    fill: #FF3838;
    stroke: #FF3838;
  }

  .pc-progress-dot.is-unlocked .pc-seal-icon-dot,
  .pc-progress-dot.is-unlocked .pc-seal-icon-line {
    stroke: #ffffff;
    fill: #ffffff;
  }

  @media (max-width: 480px) {
    .pc-progress-copy { font-size: 15px; }
    .pc-progress-dot { width: 28px; height: 28px; }
  }
  /* =================== END PROGRESS BAR STYLES =================== */


  /* start style whyChooseUs__heading */
  .product__title {
    margin-top: 16px;
    font-family: 'Clash Display' !important;
    font-weight: 600;
    font-size:36px;
  }
  /* end style whyChooseUs__heading */

  /* start style badge best seller */
    .best-seller-badge {
      display: inline-block;
      padding: 0px 14px;
      border-radius: 999px;
      background-color: #d8d9d9ff;
      color: #1c1e21;
      font-size: 12px;
      font-weight: 500;   
    }
  /* end style badge best seller */

  /* start quick add style */

  .quick--add--button .quick-add{     
      /* display:none; */
      visibility: hidden;
      position: relative;
      grid-row-start: 4;
      margin: 0 0 0rem;
      z-index: 1;
  }

  .full-unstyled-link {
      text-decoration: none;
      color: currentColor;
      display: -webkit-box;   
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
  }
  .quick--add--button .quick-add__submit {
      border-radius: 50px;
      font-size: 12px;
      border: none;
      position: relative;  
      box-sizing: border-box;
      z-index: 2;
      top: -143px;
  }
  .quick--add--button  .card--standard>.card__content .card__information{
    padding:10px;
    margin:0px;
  }
  .quick--add--button  .card:not(.ratio) > .card__content > *:nth-child(2):empty {
      display: none;
      margin: 0;
      padding: 0;
      height: 0;
      min-height: 0;
  }

  .quick--add--button .grid__item:hover .quick-add,
  .quick--add--button .grid__item:focus-within .quick-add,
  .quick--add--button .card-wrapper:hover .quick-add,
  .quick--add--button .card-wrapper:focus-within .quick-add {
      visibility: visible;
  }

  .card__badge {
    display: none !important;
  }

  .quick--add--button .button:after, .shopify-challenge__button:after, .customer button:after, .shopify-payment-button__button--unbranded:after{
    box-shadow:none;
  }
  .quick--add--button .button:not([disabled]):hover:after, .shopify-challenge__button:hover:after, .customer button:hover:after, .shopify-payment-button__button--unbranded:hover:after{
    box-shadow:none;
  }
  .quick--add--button button{
    padding:0 8px;
    min-height:34px;
  }
  .quick--add--button .button--full-width {   
    max-width: 75% !important;
  }
  .quick-add__submit {
      margin: 0 auto !important;
      padding: 0px;
      min-width: 60% !important;
      width:60%;
      
  }
  a.link.product__view-details.animate-arrow {
      display: none !important;
  }
  @media screen and (min-width: 990px) {
      .quick-add-modal__content {
          width: 90% !important;
      }
  }

  @media screen and (max-width: 749px) {
    .quick--add--button .quick-add {
      display: block;
    }
  }

  @media screen and (max-width: 480px) {
  .quick--add--button .quick-add__submit {    
        font-size: 9px;
        width: 80%;
  }
  }
    /* end quick add style */

    /* start collection title dspace  */
  @media screen and (min-width: 750px) {
    .collection-hero.collection-hero--with-image {
        padding: 0px !important;
        overflow: hidden;
    }
    .collection-hero--with-image .collection-hero__text-wrapper {
    padding: 0px !important;
    flex-basis: 50%;
    }
  }
    /* end collection title space  */
    
    /* start cart-drawer styling */
  .totals__total-value {
      font-size: 24px;
      font-weight: 600;
      font-family: 'Clash Display';
      color: #0A0E11;
  }
    .totals__total {
      font-size: 24px;
      font-weight: 600;
      font-family: 'Clash Display';
      color: #0A0E11;
  }
.cart-drawer .tax-note {
    font-weight: 500;
    font-family: 'Clash Display' ;
    color: #0A0E11;
}
  .cart-drawer .cart__checkout-button {
      border-radius: 8px;
      font-size: 16px;
      font-weight: 600;
      font-family: 'Clash Display';
      max-width: none;

  }
  #CartDrawer-Checkout.button:after {
    box-shadow: none !important;
  }
  .drawer__header {
      border-bottom: 1px solid #606369;
  }
  .drawer__footer{
    border-top: 1px solid #606369 !important;
  }
  .cart-drawer__empty-content , p.cart__login-title.h3{
    font-family: 'Clash Display';
    font-weight: 600;
  }
  h2.cart__empty-text {
      font-size: 24px;
      font-weight: 600;
      font-family: 'Clash Display';
}

  /* end  cart-drawer styling  */
  
/* product page thumbnail styling  */

    #image-gallary-custom-thumbnail { display: block; max-width: 360px; margin: 0 auto; font-family: inherit; }
    #image-gallary-custom-thumbnail .product-gallery__main { position: relative; background: #f4f4f4; }
    #image-gallary-custom-thumbnail .product-gallery__track { position: relative; list-style: none; margin: 0; padding: 0; aspect-ratio:  1280 / 1600;  border-radius: 4px; overflow: hidden; }
    #image-gallary-custom-thumbnail .product-gallery__slide { position: absolute; inset: 0; opacity: 0; visibility: hidden; transition: opacity 0.25s ease; }
    #image-gallary-custom-thumbnail .product-gallery__slide.is-active { opacity: 1; visibility: visible; }
    #image-gallary-custom-thumbnail .product-gallery__slide img { width: 100%; height: 100%; object-fit: cover; display: block; }
    #image-gallary-custom-thumbnail .product-gallery__badge { position: absolute; top: 8px; left: 8px; width: 24px; height: 24px; border-radius: 50%; background: rgba(0,0,0,0.55); display: flex; align-items: center; justify-content: center; z-index: 2; }
    #image-gallary-custom-thumbnail .product-gallery__badge svg { width: 12px; height: 12px; fill: #fff; }
    #image-gallary-custom-thumbnail .product-gallery__arrow { position: absolute; top: 50%; transform: translateY(-50%); width: 34px; height: 34px; border-radius: 50%; border: none; background: rgba(255,255,255,0.9); box-shadow: 0 1px 4px rgba(0,0,0,0.2); display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 1; transition: background 0.15s ease; }
    #image-gallary-custom-thumbnail .product-gallery__arrow:hover,
    #image-gallary-custom-thumbnail .product-gallery__arrow:active,
    #image-gallary-custom-thumbnail .product-gallery__arrow.is-active { background: #000; }
    #image-gallary-custom-thumbnail .product-gallery__arrow:hover svg,
    #image-gallary-custom-thumbnail .product-gallery__arrow:active svg,
    #image-gallary-custom-thumbnail .product-gallery__arrow.is-active svg { stroke: #fff; }
    #image-gallary-custom-thumbnail .product-gallery__arrow--prev { left: -14px; }
    #image-gallary-custom-thumbnail .product-gallery__arrow--next { right: -14px; }
    #image-gallary-custom-thumbnail .product-gallery__arrow svg { width: 16px; height: 16px; fill: none; stroke: #222; transition: stroke 0.15s ease; }
    #image-gallary-custom-thumbnail .product-gallery__counter { text-align: center; font-size: 0.8rem; color: #6c6c6c; margin: 8px 0 12px; visibility: hidden; }
    #image-gallary-custom-thumbnail .product-gallery__thumbnails { display: grid; grid-template-columns: repeat(5, 1fr); gap: 8px;margin-top:12px; }
    #image-gallary-custom-thumbnail .product-gallery__thumb { position: relative; border: 1px solid transparent; border-radius: 8px; overflow: hidden; padding: 0; cursor: pointer; background: none; aspect-ratio: 1 / 1; opacity: 0.4; transition: opacity 0.15s ease, border-color 0.15s ease; }
    #image-gallary-custom-thumbnail .product-gallery__thumb.is-active { border-color: #222; opacity: 1; }
    #image-gallary-custom-thumbnail .product-gallery__thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }

    /* ---- "Paper Details" tile: dimmed photo background + label on top ---- */
    #image-gallary-custom-thumbnail .product-gallery__thumb--details { position: relative; color: #fff; opacity: 1; display:none; }
    #image-gallary-custom-thumbnail .product-gallery__thumb--details img {
      width: 100%; height: 100%; object-fit: cover; display: block;
    }
    #image-gallary-custom-thumbnail .product-gallery__thumb--details::after {
      content: '';
      position: absolute;
      inset: 0;
      background: rgba(0, 0, 0, 0.55);
    }
    #image-gallary-custom-thumbnail .product-gallery__thumb--details span.product-gallery__thumb-label {
      position: absolute;
      inset: 0;
      z-index: 1;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      font-size: 0.62rem;
      font-weight: 600;
      line-height: 1.15;
      padding: 3px;
    }
    #image-gallary-custom-thumbnail .product-gallery__thumb--details:hover::after { background: rgba(0, 0, 0, 0.4); }

    /* ---- Full-page "Paper Details" popup ---- */
    #image-gallary-custom-thumbnail-modal[hidden] { display: none; }
    #image-gallary-custom-thumbnail-modal {
      position: fixed;
      inset: 0;
      z-index: 1000;
      background: #fff;
      overflow-y: auto;
    }
    #image-gallary-custom-thumbnail-modal .product-gallery-modal__content {
      position: relative;
      width: 100%;
      min-height: 100vh;
      padding: 24px;
      box-sizing: border-box;
    }
    #image-gallary-custom-thumbnail-modal .product-gallery-modal__title {
      margin: 0 0 20px;
      text-align: center;
      font-size: 48px;
      font-weight:800;
      padding-right: 40px;
    }
    #image-gallary-custom-thumbnail-modal .product-gallery-modal__close {
      position: fixed;
      top: 16px;
      right: 16px;
      width: 40px;
      height: 40px;
      border-radius: 50%;
      border: none;
      background: #f4f4f4;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 2;
    }
    #image-gallary-custom-thumbnail-modal .product-gallery-modal__close svg { width: 16px; height: 16px; fill: #222; }

    /* ---- Reduced popup image sizes ---- */
    #image-gallary-custom-thumbnail-modal .product-gallery-modal__grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
      gap: 12px;
      max-width: 700px;
      margin: 0 auto;
    }
    #image-gallary-custom-thumbnail-modal .product-gallery-modal__item img {
      width: 100%;
      max-width: 220px;
      height: auto;
      border-radius: 8px;
      display: block;
      margin: 0 auto;
    }

    @media (max-width: 480px) {
      #image-gallary-custom-thumbnail { max-width: 100%; }
      #image-gallary-custom-thumbnail-modal .product-gallery-modal__grid { grid-template-columns: repeat(2, 1fr); }
      #image-gallary-custom-thumbnail-modal .product-gallery-modal__item img { max-width: 150px; }
    }
    #image-gallary-custom-thumbnail .product-gallery__wishlist {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 3;
  }

  /* end thumbnail productpage */
  
/* =========================================
   start ADD TO CART FLYER
========================================= */

.atc-flyer {
  position: fixed !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1;
  pointer-events: none !important;
  z-index: 999999 !important;
  margin: 0 !important;
  padding: 0 !important;
  object-fit: cover;
  transform-origin: center center;
  will-change: transform, opacity;
  box-shadow:0 8px 25px rgba(0, 0, 0, 0.18);
  overflow: hidden;
}
/* =========================================
   CART ICON
========================================= */

#cart-icon-bubble,
.header__icon--cart {
  position: relative;
}
/* =========================================
   CART POP ANIMATION
========================================= */

.cart-pop {
  animation: cartPopAnimation 0.4s ease;
}
@keyframes cartPopAnimation {
  0% {
    transform: scale(1);
  }
  35% {
    transform: scale(1.3);
  }
  65% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
/* =========================================
   ADD TO CART SUCCESS
========================================= */

.atc-success {
  pointer-events: none;
}
.atc-check-badge {
  display: inline-block;
  vertical-align: middle;
  margin-right: 6px;
  overflow: visible;
}
/* =========================================
   CHECK CIRCLE
========================================= */

.atc-circle {
  stroke-dasharray: 138;
  stroke-dashoffset: 138;
  animation: atcCircleDraw 0.45s ease forwards;
}
@keyframes atcCircleDraw {
  to {
    stroke-dashoffset: 0;
  }
}
/* =========================================
   CHECK MARK
========================================= */
.atc-check-path {
  stroke-dasharray: 45;
  stroke-dashoffset: 45;
  animation: atcCheckDraw 0.35s 0.25s ease forwards;
}
@keyframes atcCheckDraw {
  to {
    stroke-dashoffset: 0;
  }
}
/* =========================================
   SPARKLES
========================================= */
.atc-sparkles {
  transform-origin: center center;
  animation: atcSparkle 0.5s ease forwards;
}
@keyframes atcSparkle {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  60% {
    opacity: 1;
    transform: scale(1.15);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
/* =========================================
   MOBILE
========================================= */

@media screen and (max-width: 749px) {
  .atc-flyer {
    border-radius: 6px !important;
    box-shadow: 0 5px 18px rgba(0, 0, 0, 0.18);
  }
}
/* =========================================
   End start ADD TO CART FLYER
========================================= */



/*Start Bestseller-addtocart-slider-stylling */


    /* ============================================================
       NAVIGATION
    ============================================================ */

    #bestseller-addtocart-hover-slider .bestseller-addtocart-hover-slider-nav {
      display: flex;
      align-items: center;
      gap: 12px;
      flex-shrink: 0;
    }

    #bestseller-addtocart-hover-slider .bestseller-addtocart-hover-slider-btn {
      width: 48px;
      height: 48px;
      border-radius: 100%;
      border: 1px solid #d9d9d9;
      background: #ffffff;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      transition: all .3s ease;
      padding: 0;
    }

    #bestseller-addtocart-hover-slider .bestseller-addtocart-hover-slider-btn svg line {
      stroke: #000;
      transition: stroke .3s ease;
    }

    #bestseller-addtocart-hover-slider .bestseller-addtocart-hover-slider-btn.active {
      background: #000 !important;
      border-color: #000;
    }

    #bestseller-addtocart-hover-slider .bestseller-addtocart-hover-slider-btn.active svg line {
      stroke: #fff;
    }

    #bestseller-addtocart-hover-slider .bestseller-addtocart-hover-slider-btn.disabled {
      opacity: .4;
      cursor: not-allowed;
      pointer-events: none;
    }

    /* ============================================================
       SLIDER TRACK
    ============================================================ */

    #bestseller-addtocart-hover-slider .bestseller-addtocart-hover-slider-wrapper {
      overflow: hidden;
    }
   #bestseller-addtocart-hover-slider .bestseller-addtocart-hover-slider-track {
      display: flex;
      gap: 20px;
      overflow-x: auto;
      scroll-behavior: smooth;
      scrollbar-width: none;
      -ms-overflow-style: none;
      list-style: none;
      margin: 0;
      padding: 0;
    }

    #bestseller-addtocart-hover-slider .bestseller-addtocart-hover-slider-track::-webkit-scrollbar {
      display: none;
    }

    /* ============================================================
       CARD SLOT — sizing only. The card's own look/feel (image,
       title, price, quick add button) comes entirely from your
       theme's card-product snippet + component-card.css.
    ============================================================ */

    #bestseller-addtocart-hover-slider .bestseller-addtocart-hover-slider-card {
      flex: 0 0 calc((100% - 80px) / 5);
      min-width: 0;
    }

    /* ============================================================
       VIEW ALL BUTTON
    ============================================================ */

    #bestseller-addtocart-hover-slider .bestseller-addtocart-hover-slider-footer--addtocart{
      text-align: center;
      {% comment %} margin-top: 40px; {% endcomment %}
    }

    /* ============================================================
       TABLET
    ============================================================ */

    @media screen and (max-width: 991px) {

      #bestseller-addtocart-hover-slider .bestseller-addtocart-hover-slider-container {
        padding: 0 24px;
      }

      #bestseller-addtocart-hover-slider .bestseller-addtocart-hover-slider-heading {
        font-size: 34px;
      }

      #bestseller-addtocart-hover-slider .bestseller-addtocart-hover-slider-card {
        flex: 0 0 calc((100% - 40px) / 3);
      }

    }

    /* ============================================================
       MOBILE
    ============================================================ */

    @media screen and (max-width: 767px) {

      #bestseller-addtocart-hover-slider {
        padding-top: 20px;
        padding-bottom: 50px;
      }

      #bestseller-addtocart-hover-slider .bestseller-addtocart-hover-slider-container {
        padding: 0 16px;
      }

      #bestseller-addtocart-hover-slider .bestseller-addtocart-hover-slider-header {
        margin-bottom: 24px;
      }

      #bestseller-addtocart-hover-slider .bestseller-addtocart-hover-slider-heading {
        font-size: 24px;
        font-weight:700;
      }

      #bestseller-addtocart-hover-slider .bestseller-addtocart-hover-slider-track {
        gap: 14px;
      }

      #bestseller-addtocart-hover-slider .bestseller-addtocart-hover-slider-card {
        flex: 0 0 calc((100% - 14px) / 2.2);
      }

      #bestseller-addtocart-hover-slider .bestseller-addtocart-hover-slider-btn {
        width: 40px;
        height: 40px;
      }

      /* Always show quick add on mobile/tablet since there's no hover */
      #bestseller-addtocart-hover-slider .quick-add {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
      }

    }
 

 @media screen and (max-width: 460px) {
   #bestseller-addtocart-hover-slider .quick-add__submit  {
     font-size:9px;
     width: 80%;
  }
  }



    #bestseller-addtocart-hover-slider .quick-add__submit {
      margin: 0 auto !important;
      padding: 0;
      min-width: 60% !important;
      width: 70%;
      border-radius: 50px;
    }

    /* Quick add hidden by default, revealed on card hover */
    #bestseller-addtocart-hover-slider .quick-add {
      top: -150px;
      position: relative;
      grid-row-start: 4;
      margin: 0 0 1rem;
      z-index: 1;
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      transition: opacity .3s ease, visibility .3s ease;
    }

    #bestseller-addtocart-hover-slider .bestseller-addtocart-hover-slider-card:hover .quick-add {
      opacity: 1;
      visibility: visible;
      pointer-events: auto;
    }

    #bestseller-addtocart-hover-slider .quick-add .button:after{
      box-shadow:none;
    }
    #bestseller-addtocart-hover-slider .button:not([disabled]):hover:after,{
      box-shadow:none !important;
    }
    #bestseller-addtocart-hover-slider .button{
    min-height:3.5rem !important;
  }

/*End Bestseller-addtocart-slider-stylling */

/*Start Trending-addtocart-slider-stylling */


 #trending-addtocart-hover .card--standard>.card__content .card__information{
     padding: 10px;
     background: #F7F7F7 !important:
}
  #trending-addtocart-hover .TrendingSlider-container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 40px;
    box-sizing: border-box;
  }

  /* ============================================================
     HEADER
  ============================================================ */

  #trending-addtocart-hover .TrendingSlider-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 34px;
    gap: 20px;
  }

  /* ============================================================
     NAVIGATION
  ============================================================ */

  #trending-addtocart-hover .TrendingSlider-nav {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
  }

  #trending-addtocart-hover .TrendingSlider-btn {
    width: 48px;
    height: 48px;
    border-radius: 100%;
    border: 1px solid #d9d9d9;
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all .3s ease;
    padding: 0;
  }

  #trending-addtocart-hover .TrendingSlider-btn svg line {
    stroke: #000;
    transition: stroke .3s ease;
  }

  #trending-addtocart-hover .TrendingSlider-btn.active {
    background: #000 !important;
    border-color: #000;
  }

  #trending-addtocart-hover .TrendingSlider-btn.active svg line {
    stroke: #fff;
  }

  #trending-addtocart-hover .TrendingSlider-btn.disabled {
    opacity: .4;
    cursor: not-allowed;
    pointer-events: none;
  }

  /* ============================================================
     SLIDER TRACK
  ============================================================ */

  #trending-addtocart-hover .TrendingSlider-wrapper {
    overflow: hidden;
  }

  #trending-addtocart-hover .TrendingSlider-track {
    display: flex;
    gap: 20px;
    overflow-x: auto;
    scroll-behavior: smooth;
    scrollbar-width: none;
    -ms-overflow-style: none;
    list-style: none;
    margin: 0;
    padding: 0;
  }

  #trending-addtocart-hover .TrendingSlider-track::-webkit-scrollbar {
    display: none;
  }

  /* ============================================================
     CARD SLOT — sizing only. The card's own look/feel (image,
     title, price, quick add button) comes entirely from your
     theme's card-product snippet + component-card.css.
  ============================================================ */

  #trending-addtocart-hover .TrendingSlider-card {
    flex: 0 0 calc((100% - 80px) / 5);
    min-width: 0;
  }

  /* ============================================================
     VIEW ALL BUTTON
  ============================================================ */

  #trending-addtocart-hover .TrendingSlider-footer--addtocart {
    display: none;
    text-align: center;
  }

  #trending-addtocart-hover .TrendingSlider-viewall:hover {
    opacity: .9;
    transform: translateY(-2px);
  }
  #trending-addtocart-hover .quick-add__submit {
    margin: 0 auto !important;
    padding: 10px;
    min-width: 60% !important;
    width: 70%;
    border-radius: 50px;
  }
  /* ============================================================
     TABLET
  ============================================================ */

  @media screen and (max-width: 991px) {

    #trending-addtocart-hover .TrendingSlider-container {
      padding: 0 24px;
    }

    #trending-addtocart-hover .TrendingSlider-heading {
      font-size: 34px;
    }

    #trending-addtocart-hover .TrendingSlider-card {
      flex: 0 0 calc((100% - 40px) / 3);
    }

  }

  /* ============================================================
     MOBILE
  ============================================================ */

  @media screen and (max-width: 767px) {

    #trending-addtocart-hover {
      padding-top: 20px;
      padding-bottom: 50px;
    }

    #trending-addtocart-hover .TrendingSlider-container {
      padding: 0 16px;
    }

    #trending-addtocart-hover .TrendingSlider-header {
      margin-bottom: 24px;
    }

    #trending-addtocart-hover .TrendingSlider-heading {
      font-size: 24px;
      font-weight: 700;
    }

    #trending-addtocart-hover .TrendingSlider-track {
      gap: 14px;
    }

    #trending-addtocart-hover .TrendingSlider-card {
      flex: 0 0 calc((100% - 14px) / 2.2);
    }
    #trending-addtocart-hover .TrendingSlider-btn {
      width: 40px;
      height: 40px;
    }

    /* Always show quick add on mobile/tablet since there's no hover */
    #trending-addtocart-hover .quick-add {
      opacity: 1;
      visibility: visible;
      pointer-events: auto;
    }

  }
  @media screen and (max-width: 460px) {
    #trending-addtocart-hover .quick-add__submit {
     font-size:9px;
     width: 80%;
  }
  }


  #trending-addtocart-hover .quick-add__submit {
    margin: 0 auto !important;
    padding: 0;
    min-width: 60% !important;
    width: 70%;
    border-radius: 50px;
  }

  /* Quick add hidden by default, revealed on card hover */
  #trending-addtocart-hover .quick-add {
    top: -136px;
    position: relative;
    grid-row-start: 4;
    margin: 0 0 1rem;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .3s ease, visibility .3s ease;
  }

  #trending-addtocart-hover .TrendingSlider-card:hover .quick-add {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }

  #trending-addtocart-hover .quick-add .button:after {
    box-shadow: none;
  }

  #trending-addtocart-hover .button:not([disabled]):hover:after {
    box-shadow: none !important;
  }
#trending-addtocart-hover .button{
  min-height:3.5rem;
}
/*End Trending-addtocart-slider-stylling */

/* start Hotspot-dots custom prints */

/* =====================================================
   Header
   ===================================================== */
#Hotspot-dots .iph-header {
  padding: 0px 24px 34px;
  text-align: center;
}
#Hotspot-dots .iph-header--constrained {
  max-width: 760px;
  margin-inline: auto;
}
#Hotspot-dots .iph-header__heading {
  font-family: "Clash Display";
  font-size: 49px;
  font-weight: 600;
  line-height: 1.1; 
  margin: 0 0 14px;
  color: #000000;
}
#Hotspot-dots .iph-header__subheading {
  font-size: 16px;
  font-weight:400;
  color:#000000;
  max-width: 520px;
  margin: 0 auto;
  line-height: 1.6;
}

/* ---- Background images ---- */
#Hotspot-dots .iph-stage__bg {
  padding:0px 40px;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  opacity: 0;
  transition: opacity 0.6s ease;
}
#Hotspot-dots .iph-stage__bg--placeholder {
  background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
  opacity: 1;
}
#Hotspot-dots .iph-stage__bg--loaded {
  opacity: 1;
}

/* Desktop BG always visible; tablet/mobile hidden by default */
#Hotspot-dots .iph-stage__bg--desktop { display: block; }
#Hotspot-dots .iph-stage__bg--tablet  { display: none; }
#Hotspot-dots .iph-stage__bg--mobile  { display: none; }


/* =====================================================
   Tablet / Mobile hide options
   ===================================================== */
@media (min-width: 750px) and (max-width: 1024px) {
  #Hotspot-dots .iph-hotspot--hide-tablet {
    display: none !important;
  }
}
@media (max-width: 749px) {
  #Hotspot-dots .iph-hotspot--hide-mobile {
    display: none !important;
  }
  #Hotspot-dots .iph-header__heading{
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 700;
  }
      
}

/* =====================================================
   Trigger button
   ===================================================== */
#Hotspot-dots .iph-hotspot__btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border: none;
  background: transparent;
  cursor: pointer;
  padding: 0;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}


/* Active / hovered hotspot dot */
#Hotspot-dots .iph-hotspot--active .iph-hotspot__dot,
#Hotspot-dots .iph-hotspot__btn:hover .iph-hotspot__dot,
#Hotspot-dots .iph-hotspot__btn[aria-expanded="true"] .iph-hotspot__dot {
  transform: scale(1.18);
  background: #ffffff;
  border-color: #ffffff;
}
#Hotspot-dots .iph-hotspot--active .iph-hotspot__dot::after,
#Hotspot-dots .iph-hotspot__btn:hover .iph-hotspot__dot::after,
#Hotspot-dots .iph-hotspot__btn[aria-expanded="true"] .iph-hotspot__dot::after {
  background: #c53030;
  transform: scale(1.1);
}

/* Larger tap target on mobile */
@media (max-width: 749px) {
  #Hotspot-dots .iph-hotspot__btn {
    width: 52px;
    height: 52px;
  }
  #Hotspot-dots .iph-hotspot__dot {
    width: 22px;
    height: 22px;
  }
}
@media (max-width: 480px){
  #Hotspot-dots .iph-stage__bg {
  padding:0px 20px;
}
}


/* end  Hotspot-dots custom prints */

/* start Homepage banner verticle slide poster scroll styling */


    #Posters-Vertical-Slide .hero-posters-split__track--reverse {
      animation-direction: reverse;
    }
    #Posters-Vertical-Slide .hero-posters-split__link {
      display: block;
      text-decoration: none;
      color: inherit;
    }
        #Posters-Vertical-Slide .hero-posters-split__media img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }
    
    /* ─── Content ───────────────────────────────────────────────── */
    #Posters-Vertical-Slide .hero-posters-split__content-wrapper {
      grid-column: 1 / -1;
      grid-row: 1 / -1;
      z-index: 2;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      padding: 5%;
      pointer-events: none;
    }

    #Posters-Vertical-Slide .hero-posters-split__content {
      pointer-events: auto;
      max-width: 490px;
    }

    #Posters-Vertical-Slide .hero-posters-split__kicker {
      margin: 0 0 12px;
      font-size: 14px;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      opacity: 0.75;
      color: #ffffff;
    }


    #Posters-Vertical-Slide .hero-posters-split__text {
      margin-top: 18px;
      font-size: 16px;
      color: #a38f8f;
      line-height: 1.6;
    }

    /* ─── Buttons ───────────────────────────────────────────────── */
    #Posters-Vertical-Slide .hero-posters-split__buttons {
      display: flex;
      flex-wrap: wrap;
      gap: 14px;
      margin-top: 24px;
      align-items: center;
    }

    #Posters-Vertical-Slide .hero-posters-split__btn.Custom_btn_pad {
      padding: 14px 70px;
    }

    #Posters-Vertical-Slide .hero-posters-split__btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 14px 28px;
      border-radius: 8px;
      font-size: 16px;
      font-weight: 500;
      text-decoration: none;
      cursor: pointer;
      transition: opacity 0.2s ease, transform 0.2s ease;
    }

    #Posters-Vertical-Slide .hero-posters-split__btn:hover {
      opacity: 0.88;
      transform: translateY(-1px);
    }

    #Posters-Vertical-Slide .hero-posters-split__btn--outline {
      background: transparent;
      border: 2px solid rgba(255, 255, 255, 0.7);
      color: #ffffff;
    }

    #Posters-Vertical-Slide .hero-posters-split__btn--primary {
      background: #ff3838;
      border: 2px solid transparent;
      color: #ffffff;
    }
    .hero-sec-poster-color{
      color: #ff3838;
    }
    

/* End Homepage banner verticle slide poster scroll styling */