/* Pages Common Layout Structures */
.l-two-col {
  display: flex;
  gap: 1.5rem;
  align-items: flex-start;
}

.l-two-col__main {
  flex: 1;
  min-width: 0;
}

.l-two-col__side {
  flex: 0 0 350px;
  position: sticky;
  top: 90px;
  align-self: flex-start;
}

@media (max-width: 1023px) {
  .l-two-col {
    flex-direction: column;
  }
  .l-two-col__side {
    flex: 0 0 auto;
    width: 100%;
    position: static;
  }
}

.l-grid-4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.5rem;
}

@media (max-width: 1023px) {
  .l-grid-4 {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 640px) {
  .l-grid-4 {
    grid-template-columns: 1fr;
  }
  .l-two-col__side {
    z-index: 3999;
  }
}

.l-grid-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
}

@media (max-width: 1023px) {
  .l-grid-3 {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 640px) {
  .l-grid-3 {
    grid-template-columns: 1fr;
  }
}

.l-grid-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5rem;
}

@media (max-width: 640px) {
  .l-grid-2 {
    grid-template-columns: 1fr;
  }
}
.c-product-card__img-wrap,.c-detail-gallery__main-wrap,.c-detail-gallery__thumb-wrap{
  position: relative;
}
.c-product-card__img-wrap::before,.c-detail-gallery__main-wrap::before,.c-detail-gallery__thumb-wrap::before{
   content: "";
    position: absolute;
    top: 3%;
    left: 3%;
    width: 12%;
    aspect-ratio: 1;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNTAgMTUwIj48cGF0aCBmaWxsPSIjMDA0MDk4IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yIDUxTDIgNjBMMTEgNjBMMTEgNTRMMTUgNTBMMTYgNTBMMjAgNDZMMjEgNDZMMjUgNDJMMjYgNDJMMzAgMzhMMzEgMzhMMzUgMzRMMzYgMzRMNDEgMjlMNDIgMjlMNDYgMjVMNDcgMjVMNDggMjRMMTAxIDI0TDEwNiAyOUwxMDcgMjlMMTExIDMzTDExMiAzM0wxMTYgMzdMMTE3IDM3TDEyMSA0MUwxMjIgNDFMMTI2IDQ1TDEyNyA0NUwxMzEgNDlMMTMyIDQ5TDEzOCA1NUwxMzggNjBMMTQ3IDYwTDE0NyA1MUwxNDYgNTBMMTQ1IDUwTDE0MCA0NUwxMzkgNDVMMTM1IDQxTDEzNCA0MUwxMzAgMzdMMTI5IDM3TDEyNSAzM0wxMjQgMzNMMTIwIDI5TDExOSAyOUwxMTUgMjVMMTE0IDI1TDExMCAyMUwxMDkgMjFMMTA1IDE3TDQ0IDE3TDQzIDE4TDQyIDE4TDM4IDIyTDM3IDIyTDMzIDI2TDMyIDI2TDI4IDMwTDI3IDMwTDIzIDM0TDIyIDM0TDE3IDM5TDE2IDM5TDEyIDQzTDExIDQzTDcgNDdMNiA0N1pNMiA5MUwyIDk5TDcgMTA0TDggMTA0TDEyIDEwOEwxMyAxMDhMMTcgMTEyTDE4IDExMkwyMiAxMTZMMjMgMTE2TDI3IDEyMEwyOCAxMjBMMzIgMTI0TDMzIDEyNEwzNyAxMjhMMzggMTI4TDQyIDEzMkw0MyAxMzJMNDQgMTMzTDEwNSAxMzNMMTA5IDEyOUwxMTAgMTI5TDExNCAxMjVMMTE1IDEyNUwxMTkgMTIxTDEyMCAxMjFMMTI0IDExN0wxMjUgMTE3TDEyOSAxMTNMMTMwIDExM0wxMzQgMTA5TDEzNSAxMDlMMTQwIDEwNEwxNDEgMTA0TDE0NSAxMDBMMTQ2IDEwMEwxNDcgOTlMMTQ3IDkxTDEzOCA5MUwxMzggOTVMMTMyIDEwMUwxMzEgMTAxTDEyNyAxMDVMMTI2IDEwNUwxMjIgMTA5TDEyMSAxMDlMMTE2IDExNEwxMTUgMTE0TDExMSAxMThMMTEwIDExOEwxMDYgMTIyTDEwNSAxMjJMMTAxIDEyNkw0OCAxMjZMNDcgMTI1TDQ2IDEyNUw0MiAxMjFMNDEgMTIxTDM2IDExNkwzNSAxMTZMMzEgMTEyTDMwIDExMkwyNiAxMDhMMjUgMTA4TDIxIDEwNEwyMCAxMDRMMTYgMTAwTDE1IDEwMEwxMSA5NkwxMSA5MVpNMjggNjBMMjggNjJMMzAgNjRMMzAgNjVMMzIgNjdMMzIgNjhMMzQgNzBMMzQgNzFMMzUgNzJMMzUgNzNMMzYgNzRMMzYgNzVMMzQgNzdMMzQgNzhMMzIgODBMMzIgODFMMzAgODNMMzAgODRMMjggODZMMjggODdMMjcgODhMMjcgODlMMzMgODlMMzQgODhMMzQgODdMMzYgODVMMzYgODRMMzggODJMMzggODFMMzkgODBMNDAgODBMNDIgODJMNDIgODNMNDMgODRMNDMgODVMNDUgODdMNDUgODhMNDYgODlMNTMgODlMNTEgODdMNTEgODZMNDkgODRMNDkgODNMNDcgODFMNDcgODBMNDYgNzlMNDYgNzhMNDQgNzZMNDQgNzVMNDMgNzRMNDUgNzJMNDUgNzFMNDcgNjlMNDcgNjhMNDggNjdMNDggNjZMNTAgNjRMNTAgNjNMNTIgNjFMNTIgNjBMNDYgNjBMNDUgNjFMNDUgNjJMNDMgNjRMNDMgNjVMNDEgNjdMNDEgNjhMNDAgNjlMMzcgNjZMMzcgNjVMMzUgNjNMMzUgNjJMMzMgNjBaTTEwOSA2OEwxMDggNjlMMTA3IDY5TDEwNCA3MkwxMDQgNzNMMTAzIDc0TDEwMyA4M0wxMDQgODRMMTA0IDg1TDEwNSA4NkwxMDUgODdMMTA2IDg4TDEwNyA4OEwxMDggODlMMTEwIDg5TDExMSA5MEwxMTQgOTBMMTE1IDg5TDExNyA4OUwxMTggODhMMTE5IDg4TDEyMSA4NkwxMjEgODVMMTIyIDg0TDEyMCA4NEwxMTkgODNMMTE3IDgzTDExNCA4NkwxMTEgODZMMTA4IDgzTDEwOCA4MUwxMDkgODBMMTIyIDgwTDEyMiA3NkwxMjEgNzVMMTIxIDczTDEyMCA3MkwxMjAgNzFMMTE5IDcwTDExOCA3MEwxMTcgNjlMMTE2IDY5TDExNSA2OFpNNjggNjhMNjggODlMNzMgODlMNzMgNzVMNzYgNzJMNzkgNzJMODEgNzRMODEgNzVMODIgNzZMODIgODlMODcgODlMODcgNzNMODYgNzJMODYgNzFMODQgNjlMODMgNjlMODIgNjhMNzcgNjhMNzUgNjlMNzQgNzBMNzIgNjhaTTkzIDYwTDkzIDg5TDk4IDg5TDk4IDYwWk01NyA2OEw1NyA4OUw2MiA4OUw2MiA2OUw2MSA2OFpNMTM4IDc4TDEzOCA4NUwxNDYgODVMMTQ3IDg0TDE0NyA3OUwxNDYgNzhaTTIgNzhMMiA4NUwxMCA4NUwxMSA4NEwxMSA3OUwxMCA3OFpNMTM4IDY2TDEzOCA3MkwxNDcgNzJMMTQ3IDY3TDE0NiA2NlpNMiA2NkwyIDcyTDExIDcyTDExIDY3TDEwIDY2Wk0xMDggNzVMMTExIDcyTDExNCA3MkwxMTcgNzVMMTE3IDc2TDExNiA3N0wxMDkgNzdMMTA4IDc2Wk01NyA2MEw1NyA2NUw2MiA2NUw2MiA2MUw2MSA2MFoiLz48L3N2Zz4=");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    opacity: 0.7;
    z-index: 2;
    pointer-events: none;
}