@charset "UTF-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

:root {
  color-scheme: light;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

body {
  font-family: "Open Sans", sans-serif;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
  color: #282828;
}

h1, .h1-size {
  font-weight: 400;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  font-style: normal;
  line-height: 1.4;
}

b, strong {
  font-weight: 700;
}

h2 {
  color: #282828;
}

h2, .h2-size {
  font-weight: 400;
}

.h2-size, h2 {
  font-size: 28px;
}

h3 {
  color: #282828;
}

h3, .h3-size {
  font-weight: 400;
}

.h3-size, h3 {
  font-size: 24px;
}

p, .content-page {
  line-height: 1.5;
}

.content-page p {
  margin-bottom: 20px;
}

.tabled {
  overflow-x: scroll;
}

.full-w {
  width: 100%;
}

.tabled tbody tr:first-child {
  background: #d3d3d3;
}

.tabled td {
  border: #000 solid 1px;
  padding: 0 10px 0 10px;
}

caption, td, th {
  font-weight: inherit;
  vertical-align: top;
  text-align: left;
}

.content-page strong {
  color: #555;
}

img {
  border: 0;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

img {
  font-size: 0;
  color: transparent;
}

select, input, textarea, option, button, optgroup {
  color: #000;
}

/* CONSTANTS */
/* FUNCTIONS */
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

.hidden {
  display: none !important;
}

.show {
  display: block !important;
}

footer {
  margin-top: 100px;
  width: 100%;
  height: fit-content;
  padding: 0px 50px;
  background-color: rgb(245, 245, 245);
}
footer .footer-main {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
footer .footer-mobile {
  display: none;
}
footer .footer-left .brand {
  font-family: "Dancing Script", cursive !important;
  font-size: 3.125rem;
  font-weight: 500;
  margin: 0;
  align-content: center;
}
footer .footer-left h3 {
  font-family: "Montserrat";
  font-size: 18px;
  cursor: pointer;
}
footer .footer-left h3:hover {
  color: rgb(229, 162, 6);
}
footer .footer-left .footer-bar-menu {
  display: flex;
  justify-content: space-between;
  width: fit-content;
  height: 20px;
  align-items: center;
  padding: 12px 0;
  gap: 40px;
  margin-left: 50px;
  margin-bottom: 0;
}
footer .footer-left .footer-bar-menu li a {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size: 16px;
  text-decoration: none;
  color: #333;
}
footer .footer-contact {
  margin-bottom: 15px;
  margin-top: 60px;
}
footer .footer-contact p {
  font-size: 16px;
  color: #444;
  justify-content: center;
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 4px 0;
}
footer .footer-contact p i {
  color: #999;
}
footer .footer-contact p a {
  color: inherit;
  text-decoration: none;
}
footer .footer-contact p a:hover {
  text-decoration: underline;
}
footer .footer-right {
  margin-top: 60px;
  float: right;
}
footer .footer-right .social-network {
  display: flex;
  justify-content: space-between;
  width: auto;
  height: 40px;
  gap: 20px;
  float: right;
  cursor: pointer;
}
footer .footer-right .social-network img {
  width: 30px;
  height: 30px;
}
footer .footer-right .login-form {
  margin-top: 50px;
}
footer .footer-right .login-form .input {
  margin-right: 20px;
  width: 300px;
  height: 40px;
  padding: 8px 14px;
  font-size: 14px;
  font-family: "Montserrat";
}
footer .footer-right .login-form .btn {
  width: 133px;
  height: 40px;
  background: rgb(18, 18, 18);
  color: #fff;
  border-radius: 0%;
  font-size: 14px;
  font-family: "Montserrat";
}
footer .footer-right .feedback-button {
  position: relative;
  bottom: 0;
  right: 0;
  color: white;
  width: 30px;
  height: 30px;
  font-size: 18px;
  z-index: 100;
}
@media (min-width: 992px) and (max-width: 1024px) {
  footer .footer-mobile .footer-bar-menu li a {
    margin-bottom: 20px;
  }
}
@media (max-width: 1024px) {
  footer {
    padding: 0;
  }
  footer .footer-main {
    display: none;
  }
  footer .footer-mobile {
    display: block;
  }
  footer .footer-mobile .brand {
    font-family: "Dancing Script", cursive !important;
    font-size: 3.125rem;
    font-weight: 500;
    padding: 25px 0 0;
    align-content: center;
    margin: 0;
  }
  footer .footer-mobile form {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
  }
  footer .footer-mobile form input {
    height: 40px;
    border: 1px solid #fff !important;
    flex-basis: 66%;
  }
  footer .footer-mobile form button {
    height: 40px;
    flex-basis: 30%;
    background: #121212;
    color: #fff;
    border-radius: 0;
  }
  footer .footer-mobile .policy-and-social {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  footer .footer-mobile .policy-and-social .privacy-policy a {
    color: #8F8F8F;
    font-size: 14px;
  }
  footer .footer-mobile .policy-and-social .social-network {
    display: flex;
    align-items: center;
    gap: 10px;
  }
  footer .footer-mobile .policy-and-social .social-network img {
    width: 35px;
    margin-left: 12px;
  }
  footer .footer-mobile .copyright-info {
    height: auto;
  }
  footer .footer-mobile .copyright-info .license {
    color: #121212;
    text-align: center;
    display: block;
    float: none;
    font-family: "Montserrat";
    font-size: 1.125rem;
  }
  footer .footer-mobile .footer-bar-menu {
    display: block;
  }
  footer .footer-mobile .footer-bar-menu li a {
    color: #121212;
    font-size: 16px;
    letter-spacing: 0;
    display: block;
    padding-bottom: 10px;
  }
  footer .footer-mobile .footer-bar-menu li:not(:last-child) a {
    border-bottom: 1px solid #454565;
  }
  footer .footer-mobile .feedback-button {
    position: relative;
    bottom: 0;
    right: 0;
    color: white;
    width: 35px;
    height: 35px;
    font-size: 18px;
    z-index: 100;
  }
  footer .footer-mobile .privacy-policy {
    display: flex;
    gap: 15px;
  }
  footer .footer-mobile .studio-contact {
    font-size: 14px;
  }
  footer .footer-mobile .footer-contact {
    margin: 30px -2px;
  }
  footer .footer-mobile .footer-contact p {
    font-size: 12px;
  }
}
@media (max-width: 768px) {
  footer {
    margin-top: 100px;
  }
}

.copyright-info {
  width: 100%;
  margin-top: 20px;
}
.copyright-info .license {
  float: left;
  font-family: "Montserrat";
  font-size: 1.125rem;
  font-weight: 400;
  color: rgb(143, 143, 143);
}
.copyright-info .policy {
  gap: 20px;
  display: flex;
  justify-content: space-between;
  float: right;
  font-family: "Montserrat";
  font-size: 1.125rem;
  font-weight: 400;
}
.copyright-info .policy a {
  color: rgb(143, 143, 143);
}

.scrollTop {
  position: fixed;
  right: 20px;
  bottom: 80px;
  background-color: #000000;
  opacity: 0;
  transition: all 0.4s ease-in-out 0s;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  z-index: 100;
}
.scrollTop a, .scrollTop a:hover {
  font-size: 24px;
  color: #fff;
}
@media (max-width: 768px) {
  .scrollTop {
    width: 50px;
    height: 50px;
  }
}

.feedback-button {
  position: fixed;
  bottom: 170px;
  right: 20px;
  background: #000;
  color: white;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  font-size: 24px;
  text-align: center;
  line-height: 50px;
  cursor: pointer;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 768px) {
  .feedback-button {
    bottom: 155px;
    width: 50px;
    height: 50px;
  }
}

#feedback-popup {
  display: none;
  position: fixed;
  bottom: 60px;
  right: 20px;
  width: 335px;
  background: white;
  border: 1px solid #ccc;
  padding: 15px;
  border-radius: 10px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  z-index: 9999;
}
#feedback-popup textarea {
  width: 100%;
  height: 150px;
  margin-bottom: 10px;
  border-radius: 8px;
  font-size: 13px;
}
#feedback-popup button {
  padding: 8px 20px;
  border-radius: 8px;
  color: #FFF;
  background-color: #000;
  cursor: pointer;
  margin-top: 10px;
  border: none;
  width: 100%;
}
#feedback-popup button:disabled {
  background-color: rgba(107, 105, 105, 0.568627451);
  cursor: auto;
}
#feedback-popup input {
  width: 100%;
  border-radius: 8px;
  font-size: 13px;
  padding: 6px 10px;
}
#feedback-popup .title {
  font-size: 19px;
  font-weight: 600;
  margin-top: 15px;
}
#feedback-popup .subtitle {
  padding: 8px 0;
  font-size: 12px;
}
#feedback-popup .field-name {
  font-weight: 600;
  margin: 8px 0 3px;
  font-size: 13px;
}
#feedback-popup .field-name span {
  color: #ed1515;
  margin-left: 5px;
}
#feedback-popup #feedback-popup-close {
  float: right;
  cursor: pointer;
  font-weight: bold;
  margin-bottom: 5px;
}
#feedback-popup .feedback-success {
  margin-top: 10px;
  color: #28a745;
  font-size: 10px;
}
#feedback-popup .feedback-validate {
  color: #dc3545;
  margin-top: 10px;
  font-size: 10px;
}
#feedback-popup .spinner-border {
  width: 20px;
  height: 20px;
  border: 3px solid #eee;
  border-right-color: transparent;
  border-radius: 50%;
  animation: spinner-border 0.5s linear infinite;
  margin-left: 48%;
  z-index: 10000000;
  position: absolute;
  margin-top: -1%;
}

@keyframes spinner-border {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.footer-floating-icons {
  position: fixed;
  bottom: 160px;
  right: 20px;
  z-index: 100;
  display: none;
  flex-direction: column;
  gap: 18px;
  align-items: flex-end;
}
.footer-floating-icons #address-icon {
  position: static !important;
  margin: 0;
  right: 20px;
  bottom: 100px;
  background-color: #000000;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  z-index: 100;
}
.footer-floating-icons #address-icon a, .footer-floating-icons #address-icon a:hover {
  font-size: 24px;
  color: #fff;
}

#address-modal {
  display: block;
  position: fixed;
  inset: 50% 20px 80px 50%;
  background: rgb(255, 255, 255);
  border-radius: 16px;
  box-shadow: rgba(0, 0, 0, 0.18) 0px 4px 32px;
  padding: 10px 32px 20px;
  z-index: 30000;
  min-width: 420px;
  max-width: 90vw;
  transform: translate(-50%, -50%);
  height: 85vh;
  max-height: 95vh;
  overflow-y: auto;
  width: 60%;
}
#address-modal .map-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#address-modal .map-title #close-address-modal {
  background: none;
  border: none;
  font-size: 18px;
  cursor: pointer;
}
#address-modal .map-title strong {
  font-size: 24px;
}
#address-modal .address-list-map {
  display: flex;
  /* margin-top: 20px; */
  gap: 10px;
  padding: 20px 10px;
  max-height: 100%;
  position: relative;
  height: 100%;
}
#address-modal .address-list-map #address-list {
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 5px;
  width: 40%;
  scrollbar-width: none;
  border: 1px #eee solid;
  border-radius: 15px;
  padding: 10px;
}
#address-modal .address-list-map #address-list .footer-loading-spinner {
  width: 40px;
  height: 40px;
  border: 4px solid #eee;
  border-top: 4px solid #1a73e8;
  border-radius: 50%;
  animation: spin 1s linear infinite;
  margin: 32px auto;
}
#address-modal .address-list-map #address-list .partner-item {
  display: flex;
  flex-direction: column;
}
#address-modal .address-list-map #address-list .partner-item span {
  margin-left: 10px;
}
#address-modal .address-list-map #map-and-images {
  width: 60%;
  display: flex;
  flex-direction: column;
  gap: 20px;
  height: 100%;
}
#address-modal .address-list-map #map-and-images .search-container-border {
  display: flex;
  justify-content: flex-end;
}
#address-modal .address-list-map #map-and-images .search-container-border .btn-search {
  flex: 0 0 auto;
  width: 50%;
  display: flex;
  flex-direction: row;
  place-items: center;
  border: #ddd 1px solid;
  border-radius: 25px;
}
#address-modal .address-list-map #map-and-images .search-container-border .btn-search .fa-search {
  height: 100%;
  aspect-ratio: 1/1;
  align-content: center;
  text-align: center;
  font-weight: 500;
  font-size: 18px;
}
#address-modal .address-list-map #map-and-images .search-container-border .btn-search #search-partner {
  border: none;
  background: none;
  flex: 1;
  font-size: 16px;
  min-width: 0;
  max-width: 100%;
}
#address-modal .address-list-map #map-and-images #map-wrapper {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  border: #ddd solid 1px;
  border-radius: 5px;
}
#address-modal .address-list-map #map-and-images #map-wrapper .partner-map {
  width: 100%;
  height: 48vh;
  margin: 10px 0px 18px;
  border-radius: 8px;
  max-height: 50vh;
  position: relative;
}
#address-modal .address-list-map #map-and-images #map-wrapper #futured-image-map {
  margin: 20px 10px;
  border: 1px #ddd solid;
  border-radius: 10px;
}
#address-modal .address-list-map #map-and-images #map-wrapper #futured-image-map .futured-img-wrapper {
  display: flex;
  gap: 3px;
  flex-wrap: nowrap;
  overflow-x: hidden;
  padding: 10px 20px;
}
#address-modal .address-list-map #map-and-images #map-wrapper #futured-image-map .futured-img-wrapper .futured-img {
  width: 20%;
  aspect-ratio: 1/1;
  object-fit: cover;
  border: 1px #ddd solid;
  border-radius: 15px;
  align-content: center;
  text-align: center;
}
@media (max-width: 1200px) {
  #address-modal .address-list-map #map-and-images #map-wrapper #futured-image-map .futured-img-wrapper .futured-img {
    width: 25%;
  }
}
@media (max-width: 997px) {
  #address-modal .address-list-map #map-and-images #map-wrapper #futured-image-map .futured-img-wrapper .futured-img {
    width: 33.33%;
  }
}
@media (max-width: 578px) {
  #address-modal .address-list-map #map-and-images #map-wrapper #futured-image-map .futured-img-wrapper .futured-img {
    width: 50%;
  }
}
#address-modal .address-list-map #map-and-images #map-wrapper #futured-image-map .futured-img-wrapper #futured-img-more {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  font-weight: bold;
  background: #ddd;
  cursor: pointer;
}
#address-modal .address-list-map #map-and-images #map-wrapper #futured-image-map p {
  padding: 10px;
}

#overlay-block-ui {
  display: none;
  position: fixed;
  inset: 0; /* top:0; left:0; right:0; bottom:0 */
  width: 100vw;
  height: 100vh;
  z-index: 9999;
}

header {
  position: sticky;
  top: 0;
  height: auto;
  width: 100%;
  background: #fff;
  z-index: 230;
}
header .header-top.container {
  padding: 0px;
}
header .header-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 80px;
  width: 100%;
  padding: 12px 10px;
}
header .header-top .logo {
  width: 100px;
  height: 60px;
}
header .header-top .logo img {
  width: 100%;
  height: 100%;
}
header .header-top .action {
  width: 810px;
  display: flex;
  justify-content: right;
  align-items: center;
}
header .header-top .action .search {
  display: flex;
  height: 50px;
  width: 366px;
  border-radius: 30px;
  border: 1px solid #d9d9d9;
  margin-right: 42px;
  overflow: hidden;
}
header .header-top .action .search .search-button {
  width: 24px;
  height: 100%;
  font-size: 22px;
  border: 0;
  margin: 0 18px;
  background-color: #fff;
  cursor: pointer;
}
header .header-top .action .search .search-button:focus {
  outline: none;
}
header .header-top .action .search .search-button i {
  display: block;
  width: 100%;
  height: 24px;
  color: #8f8f8f;
  align-content: center;
}
header .header-top .action .search .search-button i:hover {
  transform: scale(1.2); /* Phóng to 20% */
  transition: transform 0.3s ease-in-out;
}
header .header-top .action .search .search-input {
  font-family: sans-serif;
  font-size: 18px;
  font-weight: 400;
  flex: 1;
  border: none;
}
header .header-top .action .search .search-input:focus {
  outline: none;
}
header .header-top .action .profile {
  position: relative;
  height: 70px;
  display: flex;
  align-items: center;
  margin-right: 24px;
}
header .header-top .action .profile img {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  border: 1px solid #8F8F8F;
  overflow: hidden;
  object-fit: cover;
}
header .header-top .action .profile ul {
  position: absolute;
  min-width: 200px;
  z-index: 1;
  padding: 17px;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  top: 70px;
  left: -80px;
  background: #fff;
  display: none;
}
header .header-top .action .profile ul li:not(:last-child) {
  margin-bottom: 22px;
}
header .header-top .action .profile ul a {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  color: #767676;
}
header .header-top .action .profile ul .selected {
  color: #121212;
}
header .header-top .action .profile:hover ul {
  display: block;
}
header .header-top .action .login {
  margin-right: 20px;
  color: #000;
  font-weight: 600;
  cursor: pointer;
  font-size: 18px;
}
header .header-top .action .upload {
  display: flex;
  justify-content: center;
  width: 162px;
  height: 44px;
  align-items: center;
  color: #fff;
  background: #121212;
  border-radius: 100px;
  cursor: pointer;
  text-decoration: none;
}
header .header-top .action .upload label {
  display: flex;
  font-family: "Open sans";
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 0;
  cursor: pointer;
}
header .header-top .action .upload label p {
  margin-left: 8px;
  margin-bottom: 0;
  font-size: 18px;
  font-family: sans-serif;
}
header .header-top .action .upload label i {
  align-self: center;
}
header .header-top .action .upload input[type=file] {
  display: none;
}
header .header-top .language-dropdown {
  position: relative;
  margin-left: 20px;
}
header .header-top .language-dropdown .language-current {
  height: 42px;
  border-radius: 999px;
  border: 1px solid #eee;
  background: #fff;
  padding: 0 14px;
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  font-size: 14px;
  transition: all 0.2s ease;
}
header .header-top .language-dropdown .language-current svg {
  width: 12px;
  height: 12px;
  stroke: #555;
  stroke-width: 2;
  fill: none;
}
header .header-top .language-dropdown .language-current:hover {
  background: #f5f5f5;
}
header .header-top .language-dropdown .language-menu {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  width: 190px;
  background: #fff;
  border-radius: 16px;
  border: 1px solid #eee;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: all 0.2s ease;
  z-index: 999;
}
header .header-top .language-dropdown:hover .language-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
header .header-top .language-dropdown .language-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  cursor: pointer;
  transition: all 0.2s ease;
  font-size: 14px;
}
header .header-top .language-dropdown .language-item:hover {
  background: #f7f7f7;
}
header .header-top .language-dropdown .language-item.active {
  background: #fafafa;
  font-weight: 600;
}
header .header-top .language-dropdown img.flag {
  width: 20px !important;
  min-width: 20px;
  max-width: 20px;
  height: 20px !important;
  object-fit: cover;
  border-radius: 50%;
  display: block;
  flex-shrink: 0;
}
@media only screen and (max-width: 1024px) {
  header .header-top {
    width: 100%;
  }
  header .header-top .action {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  header .header-top .action .left {
    display: flex;
    align-items: center;
    width: auto;
  }
  header .header-top .action .left .md-navbar {
    font-size: 18px;
    line-height: 100%;
    cursor: pointer;
  }
  header .header-top .action .left .search {
    width: auto;
    border: none;
  }
  header .header-top .action .left .search .input {
    display: none;
  }
  header .header-top .action .right {
    display: flex;
    align-items: center;
  }
}
header .main-header {
  padding-top: 5px;
  box-shadow: 2px 0 4px 0 rgba(0, 0, 0, 0.0784313725);
}
header .main-header .wrapper.main-header-container {
  padding: 0 25px 0 10px;
  width: 100%;
}
header .main-header .wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 50px;
}
header .main-header .wrapper .menu {
  display: flex;
  align-items: center;
  flex: 1;
  width: 543px;
  height: 20px;
  margin-bottom: 0;
}
header .main-header .wrapper .menu li a, header .main-header .wrapper .menu li span {
  font-family: "Montserrat";
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
  text-align: center;
  text-decoration: none;
  color: #000000;
  text-transform: uppercase;
}
header .main-header .wrapper .menu li:not(:first-child) {
  margin-left: 20px;
}
header .main-header .wrapper .menu .fa-home {
  font-size: 24px;
  border-radius: 6px;
  background-color: #EBEBEB;
  padding: 5px;
  align-items: center;
  text-align: center;
}
header .main-header .wrapper .action {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 10%;
  height: 50px;
  gap: 16px;
}
header .main-header .wrapper .action .action-item {
  width: 30px;
  height: 30px;
  padding: 0;
  align-content: center;
}
header .main-header .wrapper .action .action-item a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  text-decoration: none;
}
header .main-header .wrapper .action .action-item a i {
  width: 100%;
  height: auto;
  font-size: 20px;
  color: #000000;
}
header .main-header .wrapper .action .action-item a .artsy-menu-print-count, header .main-header .wrapper .action .action-item a .artsy-menu-cart-count, header .main-header .wrapper .action .action-item a .artsy-menu-wishlist-count {
  position: absolute;
  top: -13px;
  right: -10px;
  width: 16px;
  height: 16px;
  line-height: 16px;
  color: #fff;
  background-color: #000000;
  text-align: center;
  border-radius: 50%;
  font-size: 12px;
  align-content: center;
  font-family: "Open sans";
}
header .main-header .wrapper .action .amount-product {
  position: absolute;
  top: -8px;
  right: -5px;
  width: 16px;
  height: 16px;
  color: #fff;
  background-color: #000000;
  text-align: center;
  border-radius: 50%;
  font-size: 12px;
  align-content: center;
}
@media only screen and (max-width: 1024px) {
  header .main-header {
    display: none;
    height: auto;
    flex-direction: column;
    padding: 10px 122px;
    background-color: #ffffff;
    box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.0784313725);
  }
  header .main-header .menu {
    width: 100%;
  }
  header .main-header .menu .menu-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 0;
  }
  header .main-header .menu .menu-list .menu-item {
    padding: 5px 10px;
    border-bottom: 2px double #eee;
    width: 100%;
  }
  header .main-header .action {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    padding: 5px 10px;
    margin-top: 12px;
  }
  header .main-header .action .cart {
    margin-left: 10px;
  }
  header .main-header .action .amount-product {
    top: -4px;
    left: 62px;
  }
}
header .photobook-header-desktop {
  display: block;
}
header .photobook-header-mobile {
  display: none;
}
@media (max-width: 1024px) {
  header .photobook-header-desktop {
    display: none;
  }
  header .photobook-header-mobile {
    display: block;
  }
  header .photobook-header-mobile .header-mobile {
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1);
  }
  header .photobook-header-mobile .header-mobile .header-mobile-container .header-mobile-item {
    padding-top: 12px;
  }
  header .photobook-header-mobile .header-mobile .header-mobile-container .header-mobile-item .row {
    width: 100%;
    position: relative;
    left: 13px;
  }
  header .photobook-header-mobile .header-mobile .header-mobile-container .header-mobile-item .row .col-right .header-left-item {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  header .photobook-header-mobile .header-mobile .header-mobile-container .header-mobile-item .row .col-right .header-left-item .item {
    margin-left: 20px;
  }
  header .photobook-header-mobile .header-mobile .header-mobile-container .header-mobile-item .row .col-right .header-left-item .action {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    gap: 15px;
  }
  header .photobook-header-mobile .header-mobile .header-mobile-container .header-mobile-item .row .col-right .header-left-item .action .action-item {
    width: 25px;
    height: 25px;
    padding: 0;
    align-content: center;
  }
  header .photobook-header-mobile .header-mobile .header-mobile-container .header-mobile-item .row .col-right .header-left-item .action .action-item a {
    position: relative;
    display: block;
    width: 20px;
    height: 20px;
  }
  header .photobook-header-mobile .header-mobile .header-mobile-container .header-mobile-item .row .col-right .header-left-item .action .action-item a i {
    width: 100%;
    height: auto;
    font-size: 20px;
    color: #000000;
  }
  header .photobook-header-mobile .header-mobile .header-mobile-container .header-mobile-item .row .col-right .header-left-item .action .action-item a .artsy-menu-print-count, header .photobook-header-mobile .header-mobile .header-mobile-container .header-mobile-item .row .col-right .header-left-item .action .action-item a .artsy-menu-cart-count, header .photobook-header-mobile .header-mobile .header-mobile-container .header-mobile-item .row .col-right .header-left-item .action .action-item a .artsy-menu-wishlist-count {
    position: absolute;
    top: -8px;
    width: 14px;
    height: 14px;
    color: #fff;
    background-color: #000000;
    text-align: center;
    border-radius: 50%;
    font-size: 10px;
    align-content: center;
  }
  header .photobook-header-mobile .header-mobile .header-mobile-container .header-mobile-item .row .col-right .header-left-item .action .amount-product {
    position: absolute;
    top: -8px;
    right: -5px;
    width: 16px;
    height: 16px;
    color: #fff;
    background-color: #000000;
    text-align: center;
    border-radius: 50%;
    font-size: 12px;
    align-content: center;
  }
  header .photobook-header-mobile .header-mobile .header-mobile-container .header-mobile-item .row .col-right .header-left-item .login-gr .btn-login-header {
    color: #000;
    font-weight: 600;
    cursor: pointer;
    font-size: 20px;
  }
  header .photobook-header-mobile .header-mobile .header-mobile-container .header-mobile-item .row .col-right .header-left-item .login-gr .profile {
    position: relative;
  }
  header .photobook-header-mobile .header-mobile .header-mobile-container .header-mobile-item .row .col-right .header-left-item .login-gr .profile img {
    border-radius: 50%;
  }
  header .photobook-header-mobile .header-mobile .header-mobile-container .header-mobile-item .row .col-right .header-left-item .login-gr .profile .info-profile {
    position: absolute;
    min-width: 150px;
    z-index: 1;
    padding: 15px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    top: 52px;
    left: -70px;
    background: #fff;
    display: none;
  }
  header .photobook-header-mobile .header-mobile .header-mobile-container .header-mobile-item .row .col-right .header-left-item .login-gr .profile .info-profile li:not(:last-child) {
    margin-bottom: 12px;
  }
  header .photobook-header-mobile .header-mobile .header-mobile-container .header-mobile-item .row .col-right .header-left-item .login-gr .profile .info-profile a {
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    color: #767676;
  }
  header .photobook-header-mobile .header-mobile .header-mobile-container .header-mobile-item .row .col-right .header-left-item .login-gr .profile .info-profile .selected {
    color: #121212;
  }
  header .photobook-header-mobile .header-mobile .header-mobile-container .header-mobile-item .row .col-right .header-left-item .login-gr .profile .info-profile.active {
    display: block;
  }
  header .photobook-header-mobile .header-mobile .header-mobile-container .header-mobile-item .row .col-right .header-left-item .btn_menu {
    height: 20px;
    line-height: 20px;
    z-index: 100;
  }
  header .photobook-header-mobile .header-mobile .header-mobile-container .header-mobile-item .row .col-right .header-left-item .btn_menu .ic {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 20px;
    height: 13px;
  }
  header .photobook-header-mobile .header-mobile .header-mobile-container .header-mobile-item .row .col-right .header-left-item .btn_menu .ic > span {
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    left: 0;
    height: 2px;
    width: 100%;
    background: #01081C;
    transition: all 0.4s ease;
  }
  header .photobook-header-mobile .header-mobile .header-mobile-container .header-mobile-item .row .col-right .header-left-item .btn_menu .ic > span:nth-child(1) {
    top: -1px;
  }
  header .photobook-header-mobile .header-mobile .header-mobile-container .header-mobile-item .row .col-right .header-left-item .btn_menu .ic > span:nth-child(2) {
    top: 5px;
  }
  header .photobook-header-mobile .header-mobile .header-mobile-container .header-mobile-item .row .col-right .header-left-item .btn_menu .ic > span:nth-child(3) {
    bottom: 0;
  }
  header .photobook-header-mobile .header-mobile .header-mobile-container .header-mobile-item .row .col-left .logo {
    width: 80px;
    height: 50px;
  }
}
header .header-top,
header .discount-beta {
  transition: transform 0.3s ease, opacity 0.3s ease, max-height 0.3s ease, padding 0.3s ease;
  max-height: 200px;
  opacity: 1;
}
header.hide-top .header-top, header.hide-top .discount-beta {
  max-height: 0;
  opacity: 0;
  padding-top: 0;
  padding-bottom: 0;
  opacity: 0;
}
@media (max-width: 767px) {
  header .photobook-header-mobile .header-mobile .header-mobile-item .login-gr .btn-login-header {
    font-size: 12px;
  }
}

@media (max-width: 1024px) {
  .menu-mobile-body {
    display: none;
    display: block;
    opacity: 0;
    padding: 0;
    position: fixed;
    top: 74px;
    right: 0;
    width: 100%;
    height: calc(100vh - 74px);
    transform: translate(-100%, 0);
    background: #fff;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    transition: all 0.4s ease-in-out;
    z-index: 1000;
  }
  .menu-mobile-body ul.main-menu-ul {
    list-style: none;
    padding: 0 8px 15px 8px;
  }
  .menu-mobile-body ul.main-menu-ul li.all-products-label, .menu-mobile-body ul.main-menu-ul li.myphoto-label {
    font-size: 1.125rem;
    color: #000000;
    display: flex;
    padding: 12px 0px;
    text-decoration: none;
    flex-direction: column;
    text-transform: uppercase;
  }
  .menu-mobile-body ul.main-menu-ul li.all-products-label span.all-products-label, .menu-mobile-body ul.main-menu-ul li.myphoto-label span.all-products-label {
    display: flex;
    align-items: center;
  }
  .menu-mobile-body ul.main-menu-ul li.all-products-label span.all-products-label i, .menu-mobile-body ul.main-menu-ul li.myphoto-label span.all-products-label i {
    font-size: 0.875rem;
    margin-left: 0.625rem;
  }
  .menu-mobile-body ul.main-menu-ul li.menu-item a {
    font-size: 1.125rem;
    color: #000000;
    display: flex;
    padding: 0.75rem 0;
    text-decoration: none;
    align-items: center;
    justify-content: space-between;
    text-transform: uppercase;
  }
  .menu-mobile-body ul.main-menu-ul li.menu-item a .icon-down-menu {
    font-size: 1rem;
  }
  .menu-mobile-body ul.main-menu-ul li.menu-item ul.sub-menu {
    list-style: none;
    display: none;
    transition: all 0.5 ease-in-out;
  }
  .menu-mobile-body ul.main-menu-ul li.menu-item ul.sub-menu li.menu-item ul.sub-menu {
    list-style: none;
    padding-left: 1.875rem;
    display: none;
    transition: all 0.5 ease-in-out;
  }
  .menu-mobile-body ul.main-menu-ul li.menu-item ul.sub-menu li.menu-item ul.sub-menu li.menu-item a {
    color: #2C2C2C;
    font-weight: 400;
    font-size: 0.875rem;
  }
  .menu-mobile-body ul.main-menu-ul li.menu-item ul.sub-menu.show {
    display: block;
    padding-top: 15px;
  }
  .menu-mobile-body .main-menu-ul > li > .sub-menu > li a {
    font-size: 1rem;
    font-weight: 400;
    padding: 0.75rem 0 0.75rem 1.25rem !important;
  }
  .menu-mobile-body .main-menu-ul > li:first-child > .sub-menu > li a {
    font-weight: 600;
  }
  .menu-mobile-body .search-gr {
    position: sticky;
    top: 0;
    padding-top: 1.5625rem;
    padding-bottom: 1.5625rem;
    background-color: white;
  }
  .menu-mobile-body .search {
    display: flex;
    height: 3.125rem;
    width: 100%;
    border-radius: 1.875rem;
    border: 1px solid #d9d9d9;
    overflow: hidden;
  }
  .menu-mobile-body .search .search-button {
    width: 1.5rem;
    height: 100%;
    font-size: 1.375rem;
    border: 0;
    margin: 0 1.125rem;
    background-color: #fff;
  }
  .menu-mobile-body .search .search-button i {
    display: block;
    width: 100%;
    height: 1.5rem;
    color: #8f8f8f;
    align-content: center;
  }
  .menu-mobile-body .search .search-input {
    font-family: "Open sans";
    font-size: 1.125rem;
    font-weight: 400;
    flex: 1;
    border: none;
  }
  .menu-mobile-body .search .search-input:focus {
    outline: none;
  }
  .menu-mobile-body .upload {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 3.125rem;
    margin: 1.875rem 0;
    align-items: center;
    color: #fff;
    background: #121212;
    border-radius: 1.875rem;
    cursor: pointer;
    text-decoration: none;
  }
  .menu-mobile-body .upload label {
    display: flex;
    font-family: "Open Sans", sans-serif;
    font-size: 1rem;
    font-weight: 400;
    margin-bottom: 0;
    cursor: pointer;
  }
  .menu-mobile-body .upload label p {
    margin-left: 0.5rem;
    margin-bottom: 0;
  }
  .menu-mobile-body .upload label i {
    align-self: center;
  }
  .menu-mobile-body .upload input[type=file] {
    display: none;
  }
  .menu-mobile-body .mobile-language_title {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #888;
    margin-bottom: 14px;
  }
  .menu-mobile-body .mobile-language_item {
    width: 100%;
    min-height: 48px;
    border: 0;
    background: transparent;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
  }
  .menu-mobile-body .mobile-language_item + .menu-mobile-body .mobile-language_item {
    margin-top: 10px;
  }
  .menu-mobile-body .mobile-language_item.active {
    font-weight: 600;
  }
  .menu-mobile-body .mobile-language_left {
    display: flex;
    align-items: center;
    gap: 12px;
  }
  .menu-mobile-body .mobile-language_left span {
    font-size: 15px;
  }
  .menu-mobile-body .mobile-language_check {
    width: 18px;
    height: 18px;
    stroke: #000;
    stroke-width: 2;
    fill: none;
  }
  .menu-mobile-body .mobile-language .flag {
    width: 22px !important;
    min-width: 22px;
    max-width: 22px;
    height: 22px !important;
    border-radius: 50%;
    object-fit: cover;
    display: block;
    flex-shrink: 0;
  }
  body.open_menu {
    overflow: hidden;
  }
  body.open_menu .menu-mobile-body {
    opacity: 1;
    width: 100%;
    overflow: auto;
    transform: translate(0, 0);
  }
  body.open_menu .icon-list .ic > span:nth-child(1) {
    transform: translateY(6px) rotate(-45deg);
  }
  body.open_menu .icon-list .ic > span:nth-child(2) {
    opacity: 0;
  }
  body.open_menu .icon-list .ic > span:nth-child(3) {
    transform: translateY(-6px) rotate(45deg);
  }
}
@media (max-width: 480px) {
  header .photobook-header-mobile .login-gr.item {
    margin-left: 15px !important;
  }
  header .photobook-header-mobile .login-gr .profile .avatar {
    width: 30px;
    height: 30px;
  }
  header .photobook-header-mobile .login-gr .icon-list.btn_menu {
    margin-left: 10px;
  }
}
.menu {
  padding: 0px !important;
  height: 100% !important;
}
.menu .menu-item {
  height: 100%;
  display: flex;
  align-items: center;
}
.menu .menu-item-has-children {
  position: relative;
}
.menu .menu-item-has-children:hover .sub-menu {
  display: block;
}
.menu .menu-item-has-children .sub-menu {
  display: none;
  position: absolute;
  width: max-content;
  top: 50px;
  left: -20px;
  border-radius: 10px;
  z-index: 1;
  padding: 5px;
  box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.1490196078);
}
.menu .menu-item-has-children .sub-menu .menu-item {
  margin: 0px !important;
  padding: 0px 5px;
  border-radius: 8px;
}
.menu .menu-item-has-children .sub-menu .menu-item:hover {
  background-color: #F3F3F3;
}
.menu .menu-item-has-children .sub-menu .menu-item a {
  font-family: "Montserrat";
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  cursor: pointer;
  padding: 4px 10px;
  color: #000000;
  text-transform: uppercase;
}

.navigation {
  position: relative;
  top: 148px;
}
.navigation .breadcrumb {
  padding: 0;
  background-color: #fff;
}
.navigation .breadcrumb .breadcrumb-item a {
  color: #000000;
}

.login-popup {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 10000;
  display: none;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.6);
}
.login-popup .login_container {
  max-width: 610px;
  width: 90%;
  border-radius: 8px;
  background: #FFFFFF;
  text-align: center;
  margin: 0 auto;
  box-shadow: 4px 8px 16px 0px rgba(0, 0, 0, 0.1215686275);
  position: relative;
}
.login-popup .login_container i {
  position: absolute;
  top: 30px;
  right: 35px;
  font-size: 25px;
  cursor: pointer;
}
.login-popup .login_container .login_title h2 {
  font-family: "Open Sans", sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 44px;
  margin: 0;
}
.login-popup .login_container .login_form {
  display: grid;
  gap: 1.25rem;
  align-items: center;
}
.login-popup .login_container .login_form_item {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.25rem;
  max-width: 430px;
  width: 100%;
  border-radius: 100px;
  border: 1px solid #D9D9D9;
  margin: 0 auto;
  overflow: hidden;
  padding: 0.625rem 1.25rem;
  position: relative;
  background-color: #FFFFFF;
  cursor: pointer;
}
.login-popup .login_container .login_form_item img {
  align-self: center;
  width: 2.375rem;
  height: 2.375rem;
  z-index: 2;
}
.login-popup .login_container .login_form_item button {
  align-self: center;
  height: 100%;
  outline: 0;
  border: 0;
  flex: 1;
  background-color: #FFFFFF;
  cursor: pointer;
  width: 100%;
  z-index: 1;
}
.login-popup .login_container .login_form_item_btn_text {
  font-size: 1rem;
  font-weight: 700;
  text-align: center;
  width: 100%;
  align-content: center;
}
@media (max-width: 768px) {
  .login-popup header {
    width: 130px;
  }
  .login-popup .login_container i {
    top: 20px;
    right: 20px;
    font-size: 25px;
  }
  .login-popup .login_container .login_title h2 {
    font-size: 24px;
    line-height: 24px;
    margin: 0;
  }
}

@media (min-width: 1400px) {
  .header-container {
    max-width: 1440px;
    margin: 0 auto;
    padding: 12px 10px;
  }
  .main-header-container {
    max-width: 1440px;
    margin: 0 auto;
  }
}
.discount-beta {
  background-color: #FFB300;
  color: #FFF;
  padding: 0.9375rem 0;
  z-index: -1;
  display: block;
  overflow: hidden;
  white-space: nowrap;
}
.discount-beta .discount-beta_content {
  display: inline-flex;
  animation: scroll 10s linear infinite;
}
@media (min-width: 1441px) {
  .discount-beta .discount-beta_content {
    animation: scroll 15s linear infinite;
  }
}
@media (max-width: 1024px) {
  .discount-beta .discount-beta_content {
    animation: scroll 8s linear infinite;
  }
}
@keyframes scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
.discount-beta .discount-beta_content .promo-line {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
  min-width: 100vw;
  padding: 0 1.5625rem;
  display: flex;
  gap: 5px;
}
.discount-beta .discount-beta_content .promo-line img {
  height: 1.25rem !important;
  width: 1.25rem !important;
}
.discount-beta .discount-beta_content .promo-line .promo-code {
  background-color: #f2f2f2;
  color: #b00020;
  font-weight: bold;
  border: 1px solid #ddd;
  border-radius: 0.25rem;
  padding: 0.125rem 0.375rem;
  margin: 0 0.25rem;
  font-family: monospace;
  font-size: 0.875rem;
}

@media (max-width: 768px) {
  header {
    height: auto;
  }
  .discount-beta .promo-line {
    font-size: 10px;
  }
  .discount-beta .promo-line .promo-code {
    font-size: 10px;
    padding: 2px 4px;
  }
}
/* Inline Styles moved from header.php */
.zalo-instruction {
  display: none;
  padding: 0 10px 40px;
  text-align: center;
}
.zalo-instruction p {
  color: #d9534f;
  font-weight: bold;
  margin-bottom: 15px;
  font-size: 12px;
  line-height: 1.5;
}
.zalo-instruction img {
  max-width: 100%;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

body.is-zalo .login-by-google,
body.is-zalo .google-login-form {
  display: none !important;
}
body.is-zalo .zalo-instruction {
  display: block !important;
}
body.is-zalo .login-popup .login {
  padding: 20px;
}

/* Popup Responsive & Sticky Header */
.login-popup .login_container {
  max-height: 90vh;
  overflow-y: auto;
  position: relative;
  padding-top: 0;
  display: flex;
  flex-direction: column;
}
.login-popup .close-popup-login {
  position: static !important;
  font-size: 22px;
  cursor: pointer;
  color: #333;
}
.login-popup .login {
  padding: 2.5rem 1.5625rem;
}

.login_popup_header {
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 25px;
  border-bottom: 1px solid #efefef;
  width: 100%;
  box-sizing: border-box;
}
.login_popup_header h2 {
  margin: 0;
  font-size: 1.375rem;
  font-weight: 700;
}
@media (max-width: 767px) {
  .login_popup_header h2 {
    font-size: 18px;
  }
}

#navigation {
  margin: 10px 0;
}

@media (max-width: 767px) {
  #title,
  #description {
    display: none;
  }
}
/* Preloader */
#preloader {
  position: fixed;
  inset: 0;
  background: #0f0f0f;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.ring {
  position: absolute;
  border-radius: 50%;
  animation: spin 1.8s linear infinite;
  -webkit-mask: radial-gradient(circle, transparent 61%, #000 62%, #000 64%, transparent 65%);
  mask: radial-gradient(circle, transparent 61%, #000 62%, #000 64%, transparent 65%);
}
.ring.r1 {
  width: 120px;
  height: 120px;
  background: conic-gradient(transparent 0deg, #4aa9ff 40deg, #ff5a48 120deg, transparent 160deg);
  animation-duration: 1.4s;
}
.ring.r2 {
  width: 130px;
  height: 130px;
  background: conic-gradient(transparent 70deg, #ffd84a 120deg, #ff8aa0 200deg, transparent 240deg);
  animation-duration: 1.8s;
}
.ring.r3 {
  width: 140px;
  height: 140px;
  background: conic-gradient(transparent 200deg, #7bd2ff 260deg, #ffc080 310deg, transparent 340deg);
  animation-duration: 2.2s;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.emtyspace {
  width: 100%;
  height: 2.5rem;
}

.container .row-line {
  position: relative;
  text-align: center;
  min-height: 0.125rem;
  margin: 3.75rem 0;
}
@media only screen and (max-width: 768px) {
  .container .row-line {
    margin: 2.8125rem 0;
    margin-bottom: 28px;
  }
}

.row-line .heading-line {
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 10;
}
@media only screen and (max-width: 768px) {
  .row-line .heading-line {
    margin-left: 19px;
    width: 90%;
  }
}

.heading-line {
  background-color: #cac8c8;
  display: block;
  content: " ";
  width: 100%;
  height: 2px;
}

.text-in-line {
  font-family: Josefin Sans, sans-serif;
  height: 24px;
  font-size: 18px;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 1.64px;
  text-align: center;
  color: #000;
  background: #fff;
}

.row-line-text .text-in-line {
  margin: 0 auto;
  line-height: 1.4;
  padding: 0 0.9375rem;
}

.title-testimonials {
  font-family: "Josefin Sans", sans-serif;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  color: #000;
}

.nm-testimonial-description {
  font-size: 14px;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.5px;
  color: #000;
}

.text-testimonials {
  padding-left: 0.9375rem;
}
.text-testimonials .heading-line {
  display: none;
}

.nm-testimonial-author {
  font-style: italic;
  color: #8c8c8c;
  line-height: 1.6;
}

.container .text-testimonials {
  margin-bottom: 2.5rem;
}

.nm-testimonial-author span {
  margin-left: 20px;
  position: relative;
}
.nm-testimonial-author span:before {
  position: absolute;
  top: 50%;
  display: block;
  content: " ";
  width: 0.75rem;
  height: 0.0625rem;
  background: #ccc;
  margin-left: -5px;
  padding-left: 10px;
  left: -16px;
  right: 30px;
}

#tpText {
  text-align: center;
  font-size: 0.75rem;
  line-height: 1.5;
}

#tpHeading {
  text-align: center;
  font-size: 1.875rem;
  font-weight: 500;
  font-family: "Open Sans", sans-serif;
}

#tpStars {
  text-align: center;
}

.content-testimonials .trustPilot {
  margin-top: -40px;
}

.trustPilot .trustpilot_small_sprite {
  width: 6.25rem;
  height: 0.6875rem;
  margin: 0.625rem auto;
}
.trustPilot #tpText {
  max-width: 15.625rem;
  margin: 0.625rem auto 0;
}
.trustPilot #tpHeading {
  margin-bottom: 0.625rem;
}

.nm-testimonial-content .nm-testimonial-author {
  margin-top: 10px;
}

.link-frame-bl {
  background-color: white;
  border: none;
  margin: 0 auto;
}

.nm-banner-link {
  display: block;
  text-align: center;
  height: 100%;
  color: #000;
  font-family: Josefin Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: 0.5px;
  line-height: 55px;
}

.image-frame-bl {
  height: 100%;
}
.image-frame-bl img {
  display: inline-block;
  width: 100%;
  max-width: 100%;
  object-fit: cover;
  height: 100%;
}

.block-frame {
  position: relative;
  height: 100%;
}
.block-frame .link-frame-bl {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 2;
  top: calc(50% - 25px);
  height: 50px;
  margin: 0 auto;
  width: 60%;
}

.nm-banner-link {
  text-align: center;
  line-height: 36px;
  background-color: #fff;
  color: #000;
  border: none;
  font-family: Josefin Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: 0.57px;
  padding: 10px 0;
}

.nm-banner-text-inner {
  text-align: center;
}
.nm-banner-text-inner a.nm-banner-link {
  display: inline-block;
  width: 190px;
  height: 50px;
}

.banner-column .block-banner-mb {
  margin-bottom: 1.25rem;
}
.banner-column .block-banner-mb .nm-banner-image {
  height: 340px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
.banner-column .block-banner-mb .nm-banner-text-inner {
  padding-bottom: 6%;
  bottom: 0;
  position: absolute;
  right: 0;
  left: 0;
  z-index: 10;
  width: 80%;
  margin: 0 auto;
  padding-right: 5%;
  padding-left: 5%;
}
.banner-column .block-banner-mb .nm-banner-text-inner a.nm-banner-link {
  width: 190px;
  height: 50px;
}

.row-header {
  letter-spacing: 1.64px;
  color: #000;
  font-size: 18px;
  text-align: left;
  font-family: Josefin Sans, sans-serif;
  text-transform: uppercase;
}

.container .heading-text {
  margin: 0;
  padding-bottom: 30px;
}

.wpb_wrappern p {
  font-size: 0.875rem;
  padding-right: 1.875rem;
  margin-bottom: 1.25rem;
  line-height: 1.5;
}
@media only screen and (max-width: 768px) {
  .wpb_wrappern p {
    padding-right: 0rem;
  }
}

.recent-sales .btn-view-all {
  text-align: center;
}
.recent-sales .btn-view-all .button {
  text-transform: uppercase;
  height: auto;
  padding: 17px 20px;
  font-family: "Josefin Sans";
}

.banner {
  position: relative;
}
.banner .banner-background img {
  width: 100%;
}
.banner .banner-text {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  padding-bottom: 100px;
}
@media only screen and (max-width: 768px) {
  .banner .banner-text {
    position: relative;
    background-color: #000;
    padding: 20px 0;
  }
  .banner .banner-text .button-link-bg-black {
    background-color: #fff;
    color: #000;
  }
}
.banner .banner-title {
  color: white;
  font-size: 42px;
  font-weight: 700;
  margin-bottom: 40px;
  width: 500px;
}
@media only screen and (max-width: 768px) {
  .banner .banner-title {
    margin-bottom: 20px;
    font-size: 24px;
  }
}

.button-link-bg-black {
  background-color: black;
  color: white;
  display: inline-block;
  line-height: 50px;
  height: 50px;
  padding: 0 50px;
  outline: none;
  border-radius: 0;
  border: none;
  cursor: pointer;
}

.button-link-bg-white {
  background-color: white;
  color: black;
  display: inline-block;
  line-height: 50px;
  height: 50px;
  padding: 0 50px;
  outline: none;
  border-radius: 0;
  border: none;
  cursor: pointer;
}

@media only screen and (max-width: 769px) {
  .hidden-mb {
    display: none;
  }
  .nm-mobile, .artsy-mobile {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
  .title-testimonials {
    text-transform: capitalize;
    background-color: #ffffff;
  }
  .text-testimonials {
    position: relative;
    text-align: center;
    min-height: 0.125rem;
    margin: 0;
  }
  .text-testimonials .title-testimonials {
    margin: 0 auto;
    z-index: 100;
    line-height: 1.4;
    padding: 0 0.9375rem;
  }
  .text-testimonials .heading-line {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 10;
  }
  .content-testimonials .trustPilot {
    margin-top: 0;
  }
  .nm-testimonial-content {
    text-align: center;
    padding-bottom: 1.25rem;
  }
  .nm-testimonial-author span {
    margin-left: 0;
  }
  .nm-testimonial-author span:before {
    right: 120%;
  }
  .block-frame .link-frame-bl {
    width: 70%;
  }
  .slick-poster i {
    font-size: 34px;
    color: rgb(17, 17, 17);
  }
  .slick-prev {
    position: absolute;
    top: 50%;
    left: 3px;
  }
  .slick-prev:not(.slick-disable):hover i {
    color: #dc9814;
  }
  .slick-next {
    position: absolute;
    top: 50%;
    right: 3px;
  }
  .slick-next:not(.slick-disable):hover i {
    color: #dc9814;
  }
  .heading-text .row-header {
    padding-top: 30px;
  }
  .wpb_wrappern p {
    padding-right: 0rem;
  }
}
.contact i {
  margin-right: 5%;
}
.contact h2 {
  font-size: 22px;
}
.contact p {
  margin: 20px 0;
}
.contact a {
  color: #dc9814;
}

@media (max-width: 768px) {
  #main-banner-mb-id .button-link-bg-black {
    background-color: #fff;
    color: #000;
  }
  #main-banner-mb-id .artsy-banner-image {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
  }
  #main-banner-mb-id .artsy-banner-text {
    width: 100%;
  }
  #main-banner-mb-id .artsy-banner.content-boxed div.artsy-banner-image {
    width: auto;
  }
  #main-banner-mb-id .artsy-banner.image-type-css div.artsy-banner-image {
    height: 500px;
  }
  #main-banner-mb-id .artsy-banner {
    position: relative;
    width: 100%;
    text-align: center;
    overflow: hidden;
  }
  #main-banner-mb-id .nm-banner.content-boxed .nm-banner-content {
    padding: 0 15px;
  }
  .artsy-banner-content {
    height: 165px;
    background-color: #000;
    position: absolute;
    bottom: 0;
    top: auto;
    width: 100%;
  }
  #main-banner-mb-id .artsy-banner-content h1, #main-banner-mb-id .artsy-banner-content h2 {
    font-size: 24px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 1px;
    text-align: center;
    color: #fff;
  }
  #main-banner-mb-id .artsy-banner-content h2 {
    margin: 15px 0;
  }
  .entry-content .banner {
    display: none;
  }
  .artsy-banner-content-inner {
    padding-top: 10px;
  }
}
@media (min-width: 769px) {
  #main-banner-mb-id {
    display: none;
  }
}
@media (max-width: 768px) {
  .contact div.col-md-4 {
    margin-bottom: 1rem;
  }
}
.contact.row img {
  height: 32px;
  padding-right: 10px;
}

.contact.row .contact-address img {
  height: 42px;
  padding-right: 10px;
  margin-top: -10px;
}

.content-ft h4 {
  color: #dc9814;
  font-size: 21px;
}

.container.posterwellove .row-line {
  margin-bottom: 15px;
}

.artsy-single-product .footer-text {
  margin-top: -114px;
}

.simple-page .entry-content {
  padding: 15px;
}
.simple-page h3.wp-block-heading, .simple-page h2.wp-block-heading {
  margin: 50px 0 20px;
}
.simple-page p {
  margin-bottom: 12px;
  line-height: 30px;
}
.simple-page p.inline-block {
  display: inline-block;
  margin-bottom: 0;
  line-height: normal;
}
.simple-page p img {
  margin-bottom: -2px;
  min-width: 200px;
}
.simple-page ul li {
  margin-left: 30px;
  line-height: 30px;
  list-style-type: disc;
}
.simple-page ul li > ul li {
  list-style-type: circle;
}

.home-page-section-studio {
  margin: 3.75rem auto;
  padding: 0 15px;
}
.home-page-section-studio__title {
  font-family: "Open Sans", sans-serif;
  font-size: 2rem;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 1.25rem;
  text-align: left;
}
.home-page-section-studio__slider .slick-list {
  margin: 0 -10px;
}
.home-page-section-studio__slider .slick-slide {
  padding: 0 10px;
}
.home-page-section-studio__slider .slick-prev,
.home-page-section-studio__slider .slick-next {
  z-index: 5;
  width: 36px;
  height: 36px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
  display: flex !important;
  align-items: center;
  justify-content: center;
}
.home-page-section-studio__slider .slick-prev:before,
.home-page-section-studio__slider .slick-next:before {
  font-family: FontAwesome;
  font-size: 16px;
  color: #333;
  opacity: 1;
}
.home-page-section-studio__slider .slick-prev:hover,
.home-page-section-studio__slider .slick-next:hover {
  background: #f5f5f5;
}
.home-page-section-studio__slider .slick-prev {
  left: -18px;
}
.home-page-section-studio__slider .slick-prev:before {
  content: "\f053";
}
.home-page-section-studio__slider .slick-next {
  right: -18px;
}
.home-page-section-studio__slider .slick-next:before {
  content: "\f054";
}
.home-page-section-studio__slider .slick-dots {
  bottom: -30px;
}
.home-page-section-studio__slider .slick-dots li {
  margin: 0 3px;
}
.home-page-section-studio__slider .slick-dots li button:before {
  font-size: 15px;
  color: #ccc;
  top: 15px;
}
.home-page-section-studio__slider .slick-dots li.slick-active button:before {
  color: #333;
}
.home-page-section-studio__slide {
  outline: none;
}
.home-page-section-studio__card {
  background: #ddddd8;
  border-radius: 16px;
  padding: 24px;
  transition: box-shadow 0.3s ease;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.08);
}
@media (max-width: 768px) {
  .home-page-section-studio__card {
    padding: 18px;
  }
}
.home-page-section-studio__header {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 18px;
}
.home-page-section-studio__avatar {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
  border: 2px solid #e8e8e4;
}
.home-page-section-studio__info {
  flex: 1;
  min-width: 0;
}
.home-page-section-studio__name {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 700;
  color: #1a1a1a;
  margin: 0 0 2px;
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.home-page-section-studio__role {
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
  font-weight: 400;
  color: #777;
  margin: 0 !important;
  line-height: 1.4;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.home-page-section-studio__gallery {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  margin-bottom: 18px;
}
.home-page-section-studio__thumb {
  aspect-ratio: 1;
  border-radius: 10px;
  overflow: hidden;
}
.home-page-section-studio__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.3s ease;
}
.home-page-section-studio__thumb:hover img {
  transform: scale(1.05);
}
.home-page-section-studio__btn {
  display: block;
  width: 100%;
  padding: 12px 0;
  text-align: center;
  font-family: "Open Sans", sans-serif;
  font-size: 15px;
  font-weight: 600;
  border: none;
  border-radius: 24px;
  cursor: pointer;
  transition: all 0.3s ease;
  letter-spacing: 0.3px;
}
.home-page-section-studio__btn, .home-page-section-studio__btn:hover, .home-page-section-studio__btn:active, .home-page-section-studio__btn:focus {
  color: white;
  background: #121212;
  text-decoration: none;
  outline: none;
}

body.no-scrool {
  overflow: hidden;
}

/* // product gird */
.detail-category .product {
  margin-top: 2.5rem;
}
@media (max-width: 768px) {
  .detail-category .product {
    margin-top: 0.625rem;
  }
}

.products li {
  position: relative;
  transition: opacity 0.2s ease;
}
.products .product-main-thumbnail.view-full-trigger {
  cursor: pointer;
}
.products .product-main-thumbnail {
  background-color: #f5f5f5;
  text-align: center;
  align-content: center;
  width: 100%;
  height: max-content;
  aspect-ratio: 5/7;
}
.products .product-main-thumbnail i {
  position: absolute;
  bottom: 15px;
  left: 15px;
  font-size: 18px;
}
.products .product-main-thumbnail:hover .act-like-print {
  display: flex;
}
.products .product-main-thumbnail:hover .overlay-content {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.4);
  transition: opacity 500ms;
  opacity: 1;
  z-index: 150;
  position: absolute;
  visibility: visible;
  cursor: pointer;
}
.products .product-main-thumbnail .act-like-print {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 16px;
  z-index: 160;
  width: 100%;
  height: 55px;
}
.products .product-main-thumbnail .act-like-print .action, .products .product-main-thumbnail .act-like-print .photobook-print-product,
.products .product-main-thumbnail .act-like-print .photobook-like-product, .products .product-main-thumbnail .act-like-print .photobook-review-product,
.products .product-main-thumbnail .act-like-print .photobook-add-collection-product, .products .product-main-thumbnail .act-like-print .action-delete-product,
.products .product-main-thumbnail .act-like-print .photobook-wishlist-product, .products .product-main-thumbnail .act-like-print .action-edit-product {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 55px;
  height: 55px;
  background-color: #ffffff;
  position: relative;
  border-radius: 5px;
}
.products .product-main-thumbnail .act-like-print .action a:hover, .products .product-main-thumbnail .act-like-print .photobook-print-product a:hover,
.products .product-main-thumbnail .act-like-print .photobook-like-product a:hover, .products .product-main-thumbnail .act-like-print .photobook-review-product a:hover,
.products .product-main-thumbnail .act-like-print .photobook-add-collection-product a:hover, .products .product-main-thumbnail .act-like-print .action-delete-product a:hover,
.products .product-main-thumbnail .act-like-print .photobook-wishlist-product a:hover, .products .product-main-thumbnail .act-like-print .action-edit-product a:hover {
  color: #0056b3;
}
.products .product-main-thumbnail .act-like-print .action i, .products .product-main-thumbnail .act-like-print .photobook-print-product i,
.products .product-main-thumbnail .act-like-print .photobook-like-product i, .products .product-main-thumbnail .act-like-print .photobook-review-product i,
.products .product-main-thumbnail .act-like-print .photobook-add-collection-product i, .products .product-main-thumbnail .act-like-print .action-delete-product i,
.products .product-main-thumbnail .act-like-print .photobook-wishlist-product i, .products .product-main-thumbnail .act-like-print .action-edit-product i {
  position: inherit;
  bottom: auto;
  left: auto;
  font-size: 22px;
  line-height: 24px;
  cursor: pointer;
}
.products .product-main-thumbnail .act-like-print .action i:hover, .products .product-main-thumbnail .act-like-print .photobook-print-product i:hover,
.products .product-main-thumbnail .act-like-print .photobook-like-product i:hover, .products .product-main-thumbnail .act-like-print .photobook-review-product i:hover,
.products .product-main-thumbnail .act-like-print .photobook-add-collection-product i:hover, .products .product-main-thumbnail .act-like-print .action-delete-product i:hover,
.products .product-main-thumbnail .act-like-print .photobook-wishlist-product i:hover, .products .product-main-thumbnail .act-like-print .action-edit-product i:hover {
  color: #0056b3;
}
.products .product-main-thumbnail .act-like-print .action img, .products .product-main-thumbnail .act-like-print .photobook-print-product img,
.products .product-main-thumbnail .act-like-print .photobook-like-product img, .products .product-main-thumbnail .act-like-print .photobook-review-product img,
.products .product-main-thumbnail .act-like-print .photobook-add-collection-product img, .products .product-main-thumbnail .act-like-print .action-delete-product img,
.products .product-main-thumbnail .act-like-print .photobook-wishlist-product img, .products .product-main-thumbnail .act-like-print .action-edit-product img {
  cursor: pointer;
}
.products .product-main-thumbnail .act-like-print .action .number-of-like, .products .product-main-thumbnail .act-like-print .photobook-print-product .number-of-like,
.products .product-main-thumbnail .act-like-print .photobook-like-product .number-of-like, .products .product-main-thumbnail .act-like-print .photobook-review-product .number-of-like,
.products .product-main-thumbnail .act-like-print .photobook-add-collection-product .number-of-like, .products .product-main-thumbnail .act-like-print .action-delete-product .number-of-like,
.products .product-main-thumbnail .act-like-print .photobook-wishlist-product .number-of-like, .products .product-main-thumbnail .act-like-print .action-edit-product .number-of-like {
  position: absolute;
  bottom: -5px;
  padding: 0;
  font-size: 12px;
  color: #828282;
}
.products .product-main-thumbnail .act-like-print .photobook-like-product .like {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  cursor: pointer;
}
.products .product-main-thumbnail .act-like-print .photobook-like-product .like:hover {
  color: #0056b3;
}
.products .product-main-thumbnail .act-like-print .photobook-like-product .like.active i {
  color: #0056b3;
}
@media (max-width: 576px) {
  .products .product-main-thumbnail .act-like-print .photobook-print-product,
  .products .product-main-thumbnail .act-like-print .photobook-like-product, .products .product-main-thumbnail .act-like-print .photobook-review-product,
  .products .product-main-thumbnail .act-like-print .photobook-add-collection-product, .products .product-main-thumbnail .act-like-print .action-delete-product,
  .products .product-main-thumbnail .act-like-print .photobook-wishlist-product, .products .product-main-thumbnail .act-like-print .action-edit-product {
    width: 40px;
    height: 40px;
  }
  .products .product-main-thumbnail .act-like-print .photobook-print-product i,
  .products .product-main-thumbnail .act-like-print .photobook-like-product i, .products .product-main-thumbnail .act-like-print .photobook-review-product i,
  .products .product-main-thumbnail .act-like-print .photobook-add-collection-product i, .products .product-main-thumbnail .act-like-print .action-delete-product i,
  .products .product-main-thumbnail .act-like-print .photobook-wishlist-product i, .products .product-main-thumbnail .act-like-print .action-edit-product i {
    font-size: 16px;
    line-height: 18px;
  }
  .products .product-main-thumbnail .act-like-print .photobook-print-product .number-of-like,
  .products .product-main-thumbnail .act-like-print .photobook-like-product .number-of-like, .products .product-main-thumbnail .act-like-print .photobook-review-product .number-of-like,
  .products .product-main-thumbnail .act-like-print .photobook-add-collection-product .number-of-like, .products .product-main-thumbnail .act-like-print .action-delete-product .number-of-like,
  .products .product-main-thumbnail .act-like-print .photobook-wishlist-product .number-of-like, .products .product-main-thumbnail .act-like-print .action-edit-product .number-of-like {
    font-size: 10px;
  }
}

.artsy-pagination.artsy-infload {
  display: none;
}

.artsy-cart-item-loader {
  display: none;
  position: absolute;
  top: 0;
  bottom: 1px;
  left: 0;
  z-index: 101;
  width: 100%;
  height: auto;
  opacity: 0;
}

.artsy-shop-loop-thumbnail {
  position: relative;
  overflow: hidden;
}
.artsy-shop-loop-thumbnail a, .artsy-shop-loop-thumbnail .artsy-shop-loop-thumbnail-link {
  display: inline-block;
  position: relative;
  max-height: 100%;
  width: 100%;
}
.artsy-shop-loop-thumbnail img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 100%;
  object-fit: cover;
}

.artsy-shop-loop-thumbnail.view-full-trigger:hover {
  cursor: pointer;
}

.artsy-shop-loop-thumbnail.artsy-loader::after {
  display: none;
}

.product .artsy-shop-loop-thumbnail-link {
  vertical-align: middle;
}

.product .artsy-shop-loop-thumbnail-link img.frame-image,
.woocommerce-product-gallery__image .frame-image {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: none;
  max-height: none;
}

.artsy-shop-loop-details {
  position: relative;
  overflow: hidden;
  margin-top: 14px;
}
.artsy-shop-loop-details .artsy-shop-loop-wishlist-button {
  position: absolute;
  top: 0;
  right: 0;
  text-align: center;
  display: flex;
  width: 40px;
  justify-content: flex-end;
  gap: 8px;
}
.artsy-shop-loop-details .action-edit-product i {
  font-size: 16px;
  color: #000;
  cursor: pointer;
}
.artsy-shop-loop-details .action-edit-product:hover i {
  color: #0056b3;
}
.artsy-shop-loop-details .print-product img {
  width: 24px;
  height: 24px;
}
.artsy-shop-loop-details .artsy-wishlist-button, .artsy-shop-loop-details .artsy-print-button {
  position: relative;
  color: inherit;
  overflow: hidden;
}
.artsy-shop-loop-details .artsy-wishlist-button i, .artsy-shop-loop-details .artsy-print-button i {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  pointer-events: none;
  align-content: center;
}
.artsy-shop-loop-details .artsy-wishlist-button i::before, .artsy-shop-loop-details .artsy-print-button i::before {
  font-size: 18px;
}
.artsy-shop-loop-details h3 {
  font-family: "Open sans";
  font-size: 14px;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.4;
  color: #000;
  padding-right: 50px;
  display: flex;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.artsy-shop-loop-details h3 a {
  color: #000;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: "Open sans";
}
@media (max-width: 768px) {
  .artsy-shop-loop-details h3 a {
    font-size: 14px;
  }
}

.artsy-wishlist-button,
.artsy-wishlist-button i, .artsy-print-button, .artsy-print-button i {
  display: inline-block;
  font-size: 16px;
  line-height: 17px;
  color: inherit;
  width: 20px;
  height: 20px;
}
.artsy-wishlist-button:hover,
.artsy-wishlist-button i:hover, .artsy-print-button:hover, .artsy-print-button i:hover {
  color: #dc9814;
}
@media (max-width: 768px) {
  .artsy-wishlist-button:hover,
  .artsy-wishlist-button i:hover, .artsy-print-button:hover, .artsy-print-button i:hover {
    color: #FFFFFF;
  }
}

.artsy-font-heart-o:before {
  content: "\f08a";
}

/* Wishlist icon states */
.artsy-wishlist-button,
.artsy-wishlist-button i {
  color: #000;
}

.artsy-wishlist-button.added,
.artsy-wishlist-button.added i {
  color: #dc9814;
}

@media (hover: hover) and (pointer: fine) {
  .artsy-wishlist-button:hover,
  .artsy-wishlist-button:hover i {
    color: #dc9814;
  }
}
@media (hover: none) {
  .artsy-wishlist-button:hover,
  .artsy-wishlist-button:hover i,
  .artsy-wishlist-button:focus,
  .artsy-wishlist-button:focus i {
    color: #000;
  }
  .artsy-wishlist-button.added:hover,
  .artsy-wishlist-button.added:hover i,
  .artsy-wishlist-button.added:focus,
  .artsy-wishlist-button.added:focus i {
    color: #dc9814;
  }
}
.artsy-shop-loop-details .artsy-shop-loop-after-title {
  position: relative;
  margin-top: 2px;
  padding-bottom: 2px;
}
.artsy-shop-loop-details .artsy-shop-loop-after-title .artsy-shop-loop-price {
  opacity: 1;
}

.products .price {
  white-space: nowrap;
}
.products .price ins {
  color: #dc9814;
  text-decoration: none;
  background: 0 0;
}

.products .price del {
  color: #a9a9a9;
}

span.price_sale .price ins .woocommerce-Price-amount.amount {
  color: #282828;
}

.artsy-shop-loop-price .price .woocommerce-Price-amount.amount {
  font-family: Open Sans;
  font-size: 12px;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: 0.43px;
  text-align: center;
  color: #000;
  padding-right: 20px;
  font-weight: 700;
}

span.price_sale .price del .woocommerce-Price-amount.amount {
  margin-left: -19px;
  color: #a9a9a9;
}

/* Products: Infinite load */
#numOfProductsProgressBar {
  width: 200px;
  margin-top: 10px;
  margin-bottom: 15px;
  background: #efefef;
  height: 3px;
}

.m-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

#numOfProductsProgressBar .progress {
  background: #000;
  height: 100%;
}

#numOfProductsViewed {
  letter-spacing: 0.5px;
}

.artsy-infload-link {
  display: none;
  display: none;
}

/* Products: Infinite load */
.artsy-infload-controls {
  position: relative;
  width: 100%;
  min-height: 42px;
  margin: 17px 0 36px;
  overflow: hidden;
  text-align: center;
}
.artsy-infload-controls a {
  display: block;
  font-size: 16px;
  line-height: 62px;
  color: #282828;
  border-top: 1px solid #eaeaea;
  border-bottom: 1px solid #eaeaea;
}
.artsy-infload-controls a:hover {
  color: inherit;
}

/* Buttons */
.all-products-loaded .artsy-infload-controls a {
  display: none;
}

.artsy-infload-controls.hide-btn a {
  display: none;
}
.artsy-infload-controls a.artsy-infload-to-top {
  display: none;
  color: inherit;
  cursor: default;
}

/* Button: To top */
.all-products-loaded .artsy-infload-controls .artsy-infload-to-top {
  display: block;
}

/* Loader */
.artsy-infload-controls.scroll-mode .artsy-infload-btn, .artsy-infload-controls.artsy-loader .artsy-infload-btn {
  text-indent: -1000em;
  overflow: hidden;
}
.artsy-infload-controls .artsy-infload-btn {
  font-size: 14px;
  width: 200px;
  color: white;
  background-color: black;
  font-weight: 400;
  padding: 10px 30px;
  text-transform: uppercase;
  letter-spacing: 1px;
  transition: all 0.3s ease;
  display: inline-block;
  line-height: 2;
  white-space: nowrap;
}
.artsy-infload-controls .artsy-infload-btn:hover {
  color: #fff;
  background-color: #67a4a9;
  cursor: pointer;
}

#artsy-shop-products {
  margin-top: 30px;
}
@media (max-width: 768px) {
  #artsy-shop-products {
    margin-top: 15px;
  }
}

/* Left Menu*/
#artsy-left-menu a {
  font-family: "Open sans";
  font-weight: normal;
  font-size: 18px;
  line-height: 28px;
  color: #000000;
  text-transform: uppercase;
}
#artsy-left-menu h2 {
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 26px;
  letter-spacing: 0.6px;
  color: #000000;
  font-family: Montserrat;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.7px;
  line-height: 36px;
}
#artsy-left-menu h3 {
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 26px;
  letter-spacing: 0.6px;
  color: #000000;
  font-family: Montserrat;
  font-weight: 600;
  font-size: 12px;
}
#artsy-left-menu #posters_prints {
  margin-top: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 26px;
  letter-spacing: 0.6px;
  color: #000000;
  font-family: Montserrat;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.7px;
  line-height: 36px;
}
#artsy-left-menu #frames {
  margin-bottom: -20px;
}

.mobile-filter {
  display: none;
}

h1.category-header,
h2.category-header {
  font-size: 24px;
  text-align: left;
  font-family: Open Sans, sans-serif;
  font-weight: 600;
  text-transform: uppercase;
}

.detail-category .category-header {
  margin: 0 0 1.25rem;
}
.detail-category .category-description {
  margin-bottom: 1.875rem;
}
.detail-category .artsy-shop-results-bar {
  margin: 1.25rem 0;
}
.detail-category .artsy-shop-results-bar > a {
  margin-bottom: 5px;
  margin-right: 5px;
}

.filter .desktop-filter {
  margin-bottom: 0.625rem;
}
@media (max-width: 768px) {
  .filter .desktop-filter {
    margin-bottom: 0;
  }
}

.artsy-shop-filter-menu {
  text-align: left;
  white-space: nowrap;
}
.artsy-shop-filter-menu .btn-filter {
  line-height: 2;
  padding: 3px 35px;
  height: auto;
  text-transform: uppercase;
  border: 1px solid #000000;
}

.artsy-product-sorting {
  position: relative;
}
.artsy-product-sorting tr {
  color: #FFFFFF;
  background: #000;
}
.artsy-product-sorting tr td:first-child {
  line-height: 2;
  padding: 3px 10px;
  border-radius: 10px;
}
.artsy-product-sorting td {
  position: relative;
  vertical-align: middle;
  background-clip: padding-box;
}

.select-sort {
  border: none;
  outline: none;
  float: right;
  padding: 10px 0;
  appearance: none;
}

.desktop-filter .artsy-shop-filter-menu {
  float: left;
  overflow: visible;
  width: 40%;
  max-width: 136px;
  min-width: 100px;
}
.desktop-filter .artsy-product-sorting {
  float: right;
  width: 200px;
}
.desktop-filter .artsy-product-sorting .sod_list_wrapper {
  right: -10px !important;
}
.desktop-filter .artsy-product-sorting .sod_label {
  text-align: left !important;
  padding-left: 6px;
}

#artsy-shop-sidebar.fade-in {
  opacity: 1;
}

#artsy-shop-sidebar {
  display: none;
}

#artsy-shop-sidebar {
  -webkit-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}

.artsy-shop-sidebar-header #artsy-shop-sidebar {
  display: none;
  opacity: 0;
}

.all-filters {
  display: none;
}

.small-block-grid- > .widget {
  width: 20%;
  padding-top: 0.9375rem;
  padding-left: 0;
}
.small-block-grid- > .widget .count {
  display: none;
}

.artsy-widget-title {
  font-family: Josefin Sans;
  font-size: 16px;
  line-height: 1.2;
}

.widget .artsy-widget-title {
  margin-bottom: 0.9375rem;
}

.artsy-shop-widget-col li {
  margin-bottom: 0.875rem;
}
.artsy-shop-widget-col li a {
  font-size: 14px;
  color: #000000;
}
.artsy-shop-widget-col li a:hover {
  color: #dc9814;
}
.artsy-shop-widget-col .current {
  color: #dc9814;
}

.chosen {
  position: relative;
}
.chosen a {
  position: relative;
  display: inline-block;
  line-height: 26px;
  color: #dc9814 !important;
  height: 28px;
  padding: 0 11px 0 33px;
  border: 1px solid #dc9814;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  max-width: 100%;
  max-width: calc(100% + 12px);
  margin-top: -3px;
  margin-bottom: -9px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.chosen a:before {
  display: block;
  position: absolute;
  top: 4px;
  left: 8px;
  font-family: artsy-font;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  content: "\e610";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.widget_layered_nav .chosen,
.widget_layered_nav_filters .chosen {
  left: -12px;
  z-index: 1;
}

#artsy-shop-filters-reset,
#artsy-shop-search-taxonomy-reset {
  position: relative;
  color: #000;
  line-height: 1.4;
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: top;
  overflow: hidden;
  border: 1px solid;
  border-radius: 30px;
  padding: 5px 15px 5px 40px;
}
#artsy-shop-filters-reset:hover,
#artsy-shop-search-taxonomy-reset:hover {
  text-decoration: none;
}
#artsy-shop-filters-reset i,
#artsy-shop-search-taxonomy-reset i {
  position: absolute;
  top: 9px;
  left: 12px;
  font-size: 15px;
  line-height: 1;
  color: inherit;
}

.artsy-shop-results-bar a {
  display: inline-block;
}

@media all and (max-width: 568px) {
  .artsy-shop-results-bar.is-category {
    display: block;
  }
  .artsy-shop-results-bar.has-filters.is-category #nm-shop-search-taxonomy-reset {
    display: inline-block;
  }
}
@media (min-width: 768px) {
  .artsy-shop-results-bar.has-filters.is-category #nm-shop-search-taxonomy-reset #artsy-shop-search-taxonomy-reset,
  .artsy-shop-results-bar.is-category #artsy-shop-search-taxonomy-reset {
    display: none;
  }
}

.artsy-shop-product .dropdown-category-mobile {
  display: none;
}

@media (max-width: 768px) {
  .artsy-shop-product .detail-category {
    margin-top: 1.25rem;
  }
  .artsy-shop-product .detail-category .category-description {
    margin: 0;
  }
  .artsy-shop-product .dropdown-category-mobile {
    display: block;
  }
  .artsy-shop-product .dropdown-category-mobile select {
    border: 1.5px solid #000000;
    border-radius: 10px;
    padding: 8px 15px;
    width: 100%;
    font-size: 16px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAUCAMAAACtdX32AAAAdVBMVEUAAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAhMdQaAAAAJ3RSTlMAAAECAwQGBwsOFBwkJTg5RUZ4eYCHkJefpaytrsXGy8zW3+Do8vNn0bsyAAAAYElEQVR42tXROwJDQAAA0Ymw1p9kiT+L5P5HVEi3qJn2lcPjtIuzUIJ/rhIGy762N3XaThqMN1ZPALsZPEzG1x8LrFL77DHBnEMxBewz0fJ6LyFHTPL7xhwzWYrJ9z22AqmQBV757MHfAAAAAElFTkSuQmCC) !important;
    background-position: 100% !important;
    background-repeat: no-repeat !important;
    margin-bottom: 40px;
  }
  .left-menu-desktop {
    display: none;
  }
  .desktop-filter .artsy-shop-filter-menu {
    width: 100%;
    font-size: 13px;
  }
  .desktop-filter .artsy-shop-filter-menu .btn-filter {
    display: block;
    text-align: center;
    padding: 0;
    line-height: 42px;
    border: 0.5px solid #000000;
  }
  .desktop-filter .artsy-product-sorting {
    width: 70%;
    font-size: 13px;
  }
  .small-block-grid- > .widget {
    width: 32%;
    padding-top: 1.25rem;
    padding-right: 0.9375rem;
  }
}
.content-page ul li {
  list-style-type: disc;
  list-style-position: inside;
}
.content-page ol li {
  list-style-position: inside;
}
.content-page #fileupload {
  display: none;
}
.content-page #choose_file {
  font-size: 14px;
  width: 180px;
  height: 40px;
  background-color: #fff;
  color: #000;
  border-style: solid;
  -webkit-appearance: none;
}

.content-page .woocommerce-order-details ul li {
  list-style-type: none;
  font-size: 13px;
}
.content-page .woocommerce-order-details p {
  display: inline-block;
}

.artsy-order-track {
  padding: 55px 0;
}

.artsy-order-track-top {
  width: 100%;
  max-width: 703px;
  margin: 0 auto 30px;
  text-align: center;
}

.artsy-order-track-form {
  width: 100%;
  max-width: 502px;
  margin: 0 auto;
  padding: 27px 37px;
  background: #f7f7f7;
}

.form-actions,
.form-actions:last-child,
.form-group,
.form-group:last-child,
.form-row,
.form-row:last-child {
  margin-bottom: 20px;
}

.form-row label,
.form-row .woocommerce-form__label {
  display: inline-block;
  line-height: 1.4;
  color: #282828;
  padding-top: 5px;
  padding-bottom: 8px;
}
.form-row .input-text,
.form-row .form-row select {
  border: solid 1px #ddd;
  display: block;
  width: 100%;
}

.artsy-order-track-form .form-actions {
  padding-top: 14px;
}
.artsy-order-track-form .form-actions .button {
  display: block;
  width: 100%;
  padding: 15px 0;
}

.button:hover,
input[type=submit]:hover {
  color: #fff;
}

.button:active,
.button:focus,
input[type=submit]:active,
input[type=submit]:focus {
  outline: 0;
}

input.input-text,
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
select,
textarea {
  font-family: inherit;
  line-height: 1.6;
  outline: 0;
  padding: 8px 10px;
  border: 1px solid #e7e7e7;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
}

.wpcf7 .wpcf7-form-control {
  font-size: 16px;
  line-height: 1.4;
  width: 100%;
  -webkit-appearance: none;
}

.wpcf7 input.wpcf7-submit {
  display: inline-block;
  width: auto;
  padding: 11px 17px;
  margin-right: 15px;
}

input[type=submit]:hover {
  color: #fff;
}

.button:active,
.button:focus,
input[type=submit]:active,
input[type=submit]:focus {
  outline: 0;
}

.button,
input[type=submit],
.widget_tag_cloud a,
.widget_product_tag_cloud a,
.add_to_cart_inline .add_to_cart_button,
#artsy-shop-sidebar-popup-button {
  color: #fff;
  background-color: #282828;
}

.onsale {
  display: block;
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 1;
  line-height: 1;
  color: #373737;
  padding: 4px 8px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  background: #fff;
}

@media (min-width: 769px) {
  .artsy-single-product-showcase .onsale {
    top: 30px;
  }
}

.product-album-page .product.product_cat-album .product-main-thumbnail {
  height: 100%;
}

@media all and (min-width: 1230px) {
  .product .product-main-thumbnail {
    box-shadow: inherit;
    width: 100%;
    height: max-content;
    aspect-ratio: 5/7;
  }
}
/* Loader animation */
.blockUI.blockOverlay:after {
  display: block;
  content: " ";
  position: absolute;
  top: 50%;
  right: 50%;
  width: 12px;
  height: 12px;
  margin: -6px -6px 0 0;
  opacity: 1;
  background: #dc9814;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: dotFade 0.8s infinite;
  animation: dotFade 0.8s infinite;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  z-index: 100;
}

.artsy-loader:after {
  display: block;
  content: " ";
  position: absolute;
  top: 50%;
  right: 50%;
  width: 12px;
  height: 12px;
  margin: -6px -6px 0 0;
  opacity: 1;
  background: #dc9814;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: dotFade 0.8s infinite;
  animation: dotFade 0.8s infinite;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.artsy-loader.artsy-loader-light:after {
  background: #fff;
}

@-webkit-keyframes dotFade {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes dotFade {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/* #Checkout: Thank you
--------------------------------------------------------------- */
.artsy-checkout-ty {
  max-width: 802px;
  margin: 0 auto;
  padding-bottom: 64px;
  overflow: hidden;
}

.woocommerce-order-received .woocommerce {
  padding-top: 50px;
}
.woocommerce-order-received .woocommerce > .artsy-shop-notice {
  display: none;
}
.woocommerce-order-received .artsy-shop-notice {
  margin-bottom: 0;
  padding: 0;
}
.woocommerce-order-received .artsy-shop-notice i {
  font-size: 24px;
  vertical-align: middle;
  margin-right: 8px;
}
.woocommerce-order-received ul.order_details {
  color: inherit;
}
.woocommerce-order-received .woocommerce-table--order-downloads {
  width: 100%;
  margin: 0 0 49px;
}
.woocommerce-order-received .woocommerce-table--order-downloads tr th {
  padding: 19px;
  vertical-align: middle;
  font-size: 16px;
  color: #282828;
  padding-top: 0;
}
.woocommerce-order-received .woocommerce-table--order-downloads tr th:first-child {
  padding-right: 0;
  padding-left: 0;
}
.woocommerce-order-received .woocommerce-table--order-downloads tr th:last-child {
  padding-right: 0;
  padding-left: 0;
}
.woocommerce-order-received .woocommerce-table--order-downloads tr td {
  padding: 19px;
  vertical-align: middle;
  border-top: 1px solid #eee;
}
.woocommerce-order-received .woocommerce-table--order-downloads tr td:first-child {
  padding-right: 0;
  padding-left: 0;
}
.woocommerce-order-received .woocommerce-table--order-downloads tr td:last-child {
  padding-right: 0;
  padding-left: 0;
}
.woocommerce-order-received .woocommerce-table--order-downloads tr td:last-child a {
  margin-right: 10px;
}
.woocommerce-order-received .woocommerce-table--order-downloads tr td:last-child a:last-child {
  margin-right: 0;
}
.woocommerce-order-received .customer_details {
  padding-top: 36px;
}
.woocommerce-order-received .customer_details tbody tr th {
  padding: 10px 0;
  border-top: 0;
}
.woocommerce-order-received .customer_details tbody tr td {
  padding: 10px 0;
  border-top: 0;
}

.woocommerce-thankyou-order-received {
  font-size: 18px;
  color: #03a678;
  margin-bottom: 0;
}

.artsy-checkout-ty-order-details-top {
  margin: 43px 0 42px;
  padding: 20px 0 18px;
  text-align: center;
  background: #f7f7f7;
}

.woocommerce-thankyou-order-details {
  display: inline-block;
  font-size: 14px;
  line-height: 1.8;
  margin-top: 0;
  text-align: left;
}
.woocommerce-thankyou-order-details li {
  display: inline-block;
  line-height: inherit;
  margin: 0 21px;
  padding: 0;
  border-bottom: 0 none;
  overflow: visible;
}
.woocommerce-thankyou-order-details li strong {
  display: block;
  font-size: 14px;
  font-weight: inherit;
  color: #282828;
}

.woocommerce-thankyou-order-failed-actions {
  padding-top: 37px;
  text-align: center;
}

@media all and (max-width: 1080px) {
  .artsy-checkout-ty-order-details-top {
    padding: 20px 20px 0;
    text-align: left;
    overflow: hidden;
  }
  .woocommerce-thankyou-order-details {
    display: block;
  }
  .woocommerce-thankyou-order-details li {
    display: block;
    margin: 0 0 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e1e1e1;
  }
  .woocommerce-thankyou-order-details li:last-child {
    border-bottom: 0 none;
  }
  .woocommerce-thankyou-order-details li strong {
    font-size: inherit;
    display: inline;
  }
}
@media all and (max-width: 767px) {
  .bacs_details li {
    float: none;
    margin-right: 0;
  }
  .woocommerce-product-gallery .onsale {
    top: 11px;
    right: 95px;
  }
}
@media all and (max-width: 550px) {
  .woocommerce-thankyou-order-details li strong {
    display: block;
  }
  .woocommerce-order-received .woocommerce-table--order-downloads tr th.download-remaining {
    display: none;
  }
  .woocommerce-order-received .woocommerce-table--order-downloads tr td.download-remaining {
    display: none;
  }
}
/* #Order
--------------------------------------------------------------- */
/* Order details */
.woocommerce-order-details__title {
  font-size: 22px;
  margin-bottom: 16px;
}

.woocommerce-table--order-details {
  width: 100%;
  color: #282828;
}
.woocommerce-table--order-details thead {
  display: none;
}
.woocommerce-table--order-details tbody tr td {
  padding-top: 17px;
  padding-bottom: 17px;
  border-bottom: 1px solid #eee;
}
.woocommerce-table--order-details tbody tr:first-child td {
  border-top: 1px solid #eee;
}
.woocommerce-table--order-details tbody tr td.product-name strong {
  font-weight: inherit;
}
.woocommerce-table--order-details tbody tr td.product-name .wc-item-meta {
  padding-top: 8px;
  padding-bottom: 1px;
}
.woocommerce-table--order-details tbody tr td.product-name .wc-item-downloads {
  padding-top: 8px;
  padding-bottom: 1px;
  font-size: 13px;
}
.woocommerce-table--order-details tbody tr td.product-name .wc-item-downloads a {
  text-decoration: underline;
}
.woocommerce-table--order-details tbody tr td.product-total {
  padding-left: 19px;
  text-align: right;
}
.woocommerce-table--order-details tfoot tr th {
  padding-bottom: 12px;
}
.woocommerce-table--order-details tfoot tr td {
  padding-bottom: 12px;
  padding-left: 19px;
  text-align: right;
}
.woocommerce-table--order-details tfoot tr td .shipped_via {
  display: block;
}
.woocommerce-table--order-details tfoot tr:first-child th {
  padding-top: 20px;
}
.woocommerce-table--order-details tfoot tr:first-child td {
  padding-top: 20px;
}
.woocommerce-table--order-details tfoot tr:nth-last-child(2) th {
  padding-bottom: 19px;
}
.woocommerce-table--order-details tfoot tr:nth-last-child(2) td {
  padding-bottom: 19px;
}
.woocommerce-table--order-details tfoot tr:last-child th {
  font-size: 20px;
  padding-top: 17px;
  padding-bottom: 17px;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.woocommerce-table--order-details tfoot tr:last-child td {
  font-size: 20px;
  padding-top: 17px;
  padding-bottom: 17px;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}

td.woocommerce-table__product-total.product-total {
  font-family: Montserrat;
  font-size: 18px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: 1.5px;
  text-align: right;
  color: #000000;
}

table.order_payment {
  float: right;
  margin-top: 30px;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  line-height: 36px;
  letter-spacing: 0.5px;
}

.order_payment th {
  padding-right: 100px;
  letter-spacing: 0.43px;
  color: #8d8d8d;
}
.order_payment td {
  float: right;
}

.woocommerce-order-payment tr:last-child {
  border-top: solid 1px #eeeeee;
  font-weight: 700;
}

section.woocommerce-order-printing {
  float: left;
  width: 48%;
  margin-top: 30px;
}

td.product-thumbnail {
  width: 75px;
  line-height: 1.4;
  padding: 19px 0;
  vertical-align: middle;
}

td.woocommerce-table__product-name.product-name {
  padding-left: 20px;
  font-size: 15px;
}
td.woocommerce-table__product-name.product-name a {
  color: #dc9814;
}

#artsy-shop-browse-wrap .artsy-infload-controls .artsy-infload-btn:hover {
  background-color: #454545;
}
#artsy-shop-browse-wrap #pvt-load-more-spinner {
  display: none;
  text-align: center;
  padding: 20px;
}
#artsy-shop-browse-wrap #pvt-load-more-spinner span {
  font-size: 14px;
  color: #999;
}

.artsy-shop-notice a {
  display: none;
}

.product-type-gift-card .woocommerce-product-gallery__wrapper {
  box-shadow: none;
}

.product-type-gift-card .woocommerce-product-gallery__image {
  padding: 0;
}

.gift_card_template_button {
  float: none;
}

.ywgc-main-form-preview-container {
  display: none;
}

.grecaptcha-badge {
  visibility: hidden;
}

.textheader {
  cursor: pointer;
}

@media (min-width: 1280px) {
  .discounPoster {
    display: flex;
    margin: 0 auto !important;
    max-width: 1013px;
  }
  .Titleleft {
    text-align: center;
    font-size: 32px;
    text-transform: uppercase;
    margin-bottom: 15px;
    width: 87%;
  }
  .leftdepression {
    text-align: center;
    font-size: 15px;
    width: 87%;
    margin-bottom: 9px;
  }
  #hs-rsp-div .leftsection .inputemail {
    width: 87%;
    font-size: 15px;
    margin-bottom: 27px;
    height: 50px;
    border: 1px solid #0a0a0a;
  }
  #hs-rsp-div > .popupdiscount {
    width: 1114px;
    margin: 10px 10px 10px 10px;
  }
  .buttonsignup {
    width: 87%;
    background-color: #151414;
    color: white;
    font-size: 18px;
    text-transform: uppercase;
    height: 50px;
    margin-bottom: 27px;
  }
  .showcode {
    border-style: dashed;
    border-width: 4px;
    border-left-width: 4px;
    border-right-width: 4px;
    border-color: gray;
    height: 74px;
    width: 87%;
    margin-top: 10px;
    font-size: 17px;
    text-align: center;
    margin-bottom: 29px;
  }
  .conditions {
    font-size: 13px;
    width: 90%;
    text-align: center;
  }
  .popupdiscount {
    display: flex;
  }
  .popupdiscount .showdiscount {
    margin-top: 17px;
  }
  .popupdiscount .spinner-border {
    width: 32px;
    height: 32px;
    border: 3px solid #eee;
    border-right-color: transparent;
    border-radius: 50%;
    animation: spinner-border 0.35s linear infinite;
    margin-left: 20%;
    z-index: 10000000;
    position: absolute;
    margin-top: -1%;
  }
  .rightsecsition img {
    height: 453px;
  }
  .leftsection #erroremail {
    font-size: 16px;
    position: absolute;
    margin-top: -22px;
    color: red;
  }
  .total.horizontal-padding.mobile-12.tablet-3.desktop-3.text-center {
    margin-top: -90px;
  }
}
@media (max-width: 1280px) {
  .popupdiscount {
    position: relative;
  }
  .popupdiscount .leftsection p.leftdepression {
    margin-bottom: 13px;
  }
  .popupdiscount .spinner-border {
    width: 32px;
    height: 32px;
    border: 3px solid #eee;
    border-right-color: transparent;
    border-radius: 50%;
    animation: spinner-border 0.35s linear infinite;
    margin-left: 44%;
    z-index: 10000000;
    position: absolute;
    margin-top: -4%;
  }
  .leftsection {
    position: absolute;
    z-index: 1000;
    background-color: rgba(255, 255, 255, 0.9215686275);
    height: 380px;
  }
  .leftsection #erroremail {
    color: red;
    margin-top: -8px;
    margin-bottom: 4px;
    line-height: 1.3;
  }
  #hs-rsp-div > .popupdiscount {
    height: 380px;
  }
  #hs-rsp-div .leftsection .inputemail {
    width: 100%;
    margin-bottom: 9px;
    border: 1px solid #0a0a0a;
  }
  #hs-rsp-image-wrap .rightsecsition img {
    height: 380px;
  }
  .Titleleft {
    text-align: center;
    margin-bottom: 4px;
    font-size: 31px;
  }
  .buttonsignup {
    width: 100%;
    margin-bottom: 10px;
    background-color: #151414;
    color: white;
    font-size: 18px;
    text-transform: uppercase;
    height: 41px;
  }
  .showcode {
    border-style: dashed;
    border-width: 4px;
    border-color: gray;
    height: 41px;
    font-size: 17px;
    margin-bottom: 4px;
  }
}
.artsy-order-track .form-row label {
  font-size: 14px;
  font-family: "Open sans", sans-serif;
  text-transform: none;
  font-weight: normal;
  letter-spacing: normal;
}
.artsy-order-track .form-row input {
  font-weight: normal;
  font-family: "Open sans", sans-serif;
}
.artsy-order-track .form-actions .button {
  text-transform: none;
  letter-spacing: normal;
}

.titlepage {
  text-transform: uppercase;
  font-family: Montserrat;
  font-size: 24px;
  font-weight: 600;
}

#artsy-shop-widgets-ul .artsy-pa-color {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 9px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
#artsy-shop-widgets-ul .artsy-pa-color.artsy-pa-color-white {
  border: 1px solid #ccc;
}

@media (max-width: 768px) {
  .desktop-filter {
    border: none;
  }
  .desktop-filter .row {
    margin: 0px;
    flex-direction: column-reverse;
  }
  .desktop-filter .artsy-product-sorting .sod_label {
    display: none;
  }
  .desktop-filter .artsy-product-sorting tr {
    background: #FFFFFF;
  }
  .desktop-filter .artsy-product-sorting tr td:first-child {
    padding: 0;
  }
  .desktop-filter .artsy-product-sorting tr .sod_select {
    padding: 0;
    line-height: 0;
  }
  .desktop-filter .artsy-product-sorting tr .sod_select:before {
    display: none;
  }
  .desktop-filter .artsy-product-sorting tr img {
    width: 35px;
    height: 35px;
  }
  .desktop-filter .artsy-product-sorting {
    float: right;
    width: auto;
  }
  .detail-category .category-header {
    text-align: center;
    font-size: 24px;
    margin: 0;
  }
}
@media (max-width: 576px) {
  .desktop-filter .row {
    margin: 0px;
    flex-direction: column-reverse;
  }
  .desktop-filter .artsy-product-sorting .sod_label {
    display: none;
  }
  .desktop-filter .artsy-product-sorting tr {
    background: #FFFFFF;
  }
  .desktop-filter .artsy-product-sorting tr td:first-child {
    padding: 0;
  }
  .desktop-filter .artsy-product-sorting tr .sod_select {
    padding: 0;
    line-height: 0;
  }
  .desktop-filter .artsy-product-sorting tr .sod_select:before {
    display: none;
  }
  .desktop-filter .artsy-product-sorting tr img {
    width: 35px;
    height: 35px;
  }
  .detail-category .category-header {
    font-size: 18px;
  }
}
@media (min-width: 769px) {
  .vc_row.wpb_row.desktop-blocks.pagenotfound {
    margin: 30px;
    max-width: 1286px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .vc_row.wpb_row.desktop-blocks.pagenotfound .separator {
    margin-bottom: 50px;
  }
}
.artsy-single-product .related.products {
  margin: 3.75rem 0;
}
.artsy-single-product .footer-text .slick-poster {
  display: none;
}
.artsy-single-product .footer-text .row-line-text {
  display: none;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  /* Only for "webkit" browsers */
  .contact-form select {
    background-color: #d3d3d3;
    background-image: url("../images/select-arrow@2x.gif");
    background-position: 98.5% 50%;
    background-repeat: no-repeat;
    background-size: 8px 4px;
  }
}
#artsy-shop-products .category-description {
  font-size: 14px;
  line-height: 22px;
}
#artsy-shop-products .category-description h1 {
  font-size: 24px;
  font-weight: 600;
}

.influencer-description .category-header {
  text-align: left;
}

@-moz-document url-prefix() {
  @media only screen and (min-width: 769px) {
    .desktop-country-display .namecountry {
      display: inline-flex;
    }
  }
  #addFrameList {
    display: inline-flex;
  }
}
.error,
.error1 {
  color: red;
  font-size: 10px;
  position: absolute;
}

#artsy-left-menu .sub-menu {
  margin-top: 10px;
}
#artsy-left-menu .sub-menu .toggle-icon {
  font-size: 20px;
}
#artsy-left-menu .hideitemmenu {
  display: none;
}

#artsy-left-menu .bold-title a {
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 26px;
  letter-spacing: 0.6px;
  color: #000000;
  font-family: Montserrat;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.7px;
  line-height: 36px;
}

.heading-filter {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}

.action-tag-product .create-album-product {
  cursor: pointer;
}
.action-tag-product .create-album-product.disable-action {
  opacity: 0.5;
  pointer-events: none;
}
.action-tag-product .create-album-product .img-action-product img {
  width: 24px;
  height: 24px;
}
.action-tag-product .create-album-product h4 {
  font-size: 0.9rem;
  margin: 5px 0 0;
  color: #333;
}
.action-tag-product .popup-choose-size {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: none;
  z-index: 1000;
  overflow-y: auto;
}
.action-tag-product .popup-choose-size.active {
  display: block !important;
}
.action-tag-product .popup-choose-size .popup-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.action-tag-product .popup-choose-size .popup-wrapper .popup-content {
  background: #fff;
  padding: 20px;
  border-radius: 8px;
  max-width: 500px;
  width: 90%;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  font-family: "Arial", sans-serif;
  color: #333;
}
.action-tag-product .popup-choose-size .popup-wrapper .popup-content h3 {
  margin: 0 0 15px;
  font-size: 1.5rem;
  font-weight: 600;
  text-align: center;
}
.action-tag-product .popup-choose-size .popup-wrapper .popup-content .variation-list {
  margin-bottom: 20px;
  max-height: 300px;
  overflow-y: auto;
}
.action-tag-product .popup-choose-size .popup-wrapper .popup-content .variation-list::-webkit-scrollbar {
  width: 8px;
}
.action-tag-product .popup-choose-size .popup-wrapper .popup-content .variation-list::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.action-tag-product .popup-choose-size .popup-wrapper .popup-content .variation-list::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 4px;
}
.action-tag-product .popup-choose-size .popup-wrapper .popup-content .variation-list .variation-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  border-bottom: 1px solid #ddd;
  transition: background 0.2s;
}
.action-tag-product .popup-choose-size .popup-wrapper .popup-content .variation-list .variation-item:hover {
  background: #f8f9fa;
}
.action-tag-product .popup-choose-size .popup-wrapper .popup-content .variation-list .variation-item .size {
  font-weight: 500;
  font-size: 1rem;
  flex: 1;
}
.action-tag-product .popup-choose-size .popup-wrapper .popup-content .variation-list .variation-item .price {
  font-size: 0.9rem;
  color: #000;
  margin: 0 15px;
  flex: 1;
  text-align: center;
}
.action-tag-product .popup-choose-size .popup-wrapper .popup-content .variation-list .variation-item button.select-variation {
  background: #000;
  color: #fff;
  border: none;
  padding: 8px 15px;
  border-radius: 4px;
  font-size: 0.9rem;
  cursor: pointer;
  transition: background 0.3s;
}
.action-tag-product .popup-choose-size .popup-wrapper .popup-content .variation-list .variation-item button.select-variation:hover {
  background: #333;
}
.action-tag-product .popup-choose-size .popup-wrapper .popup-content .variation-list .variation-item button.select-variation:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.3);
}
.action-tag-product .popup-choose-size .popup-wrapper .popup-content .design-info {
  margin-bottom: 20px;
  padding: 10px;
  background: #f8f9fa;
  border-radius: 4px;
}
.action-tag-product .popup-choose-size .popup-wrapper .popup-content .design-info h4 {
  margin: 0 0 10px;
  font-size: 1.1rem;
  font-weight: 500;
}
.action-tag-product .popup-choose-size .popup-wrapper .popup-content .design-info p {
  margin: 0;
  font-size: 0.9rem;
  line-height: 1.5;
}
.action-tag-product .popup-choose-size .popup-wrapper .popup-content .close-popup {
  background: #6c757d;
  color: #fff;
  border: none;
  padding: 10px;
  width: 100%;
  border-radius: 4px;
  font-size: 1rem;
  cursor: pointer;
  transition: background 0.3s;
}
.action-tag-product .popup-choose-size .popup-wrapper .popup-content .close-popup:hover {
  background: #5a6268;
}
.action-tag-product .popup-choose-size .popup-wrapper .popup-content .close-popup:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(108, 117, 125, 0.3);
}

@media (max-width: 768px) {
  .action-tag-product .popup-choose-size .popup-content {
    width: 95%;
    padding: 15px;
  }
  .action-tag-product .popup-choose-size .popup-content h3 {
    font-size: 1.2rem;
  }
  .action-tag-product .popup-choose-size .popup-content .variation-list .variation-item {
    flex-wrap: wrap;
    padding: 8px;
  }
  .action-tag-product .popup-choose-size .popup-content .variation-list .variation-item .size,
  .action-tag-product .popup-choose-size .popup-content .variation-list .variation-item .price {
    font-size: 0.85rem;
    flex: 100%;
    text-align: left;
    margin-bottom: 5px;
  }
  .action-tag-product .popup-choose-size .popup-content .variation-list .variation-item button.select-variation {
    width: 100%;
    padding: 10px;
  }
  .action-tag-product .popup-choose-size .popup-content .design-info h4 {
    font-size: 1rem;
  }
  .action-tag-product .popup-choose-size .popup-content .design-info p {
    font-size: 0.85rem;
  }
  .action-tag-product .popup-choose-size .popup-content .close-popup {
    padding: 8px;
    font-size: 0.9rem;
  }
}
@keyframes spinner-border {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.full-w {
  width: 100%;
}

.weight-medium {
  font-weight: 500;
}

.artsy-single-product-bg .artsy-single-product-top {
  margin-top: 1.25rem;
}
.woocommerce-breadcrumb {
  font-family: Open Sans, sans-serif;
  color: #a1a1a1;
}
.woocommerce-breadcrumb a {
  color: #282828;
  display: inline-block;
}
.woocommerce-breadcrumb a:hover {
  color: #dc9814;
}
.woocommerce-breadcrumb .delimiter {
  padding: 0 7px;
  color: #282828;
}

.artsy-single-product-menu {
  text-align: right;
}
.artsy-single-product-menu a {
  margin-left: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 10px;
  font-weight: 400;
  font-stretch: normal;
  color: #a1a1a1;
  text-decoration: underline;
}
.artsy-single-product-menu a:hover {
  color: #dc9814;
}

.artsy-single-product-summary-col .product_gallery_box {
  float: left;
  width: 58.33333333%;
}
@media (max-width: 991px) and (min-width: 768px) {
  .artsy-single-product-summary-col .product_gallery_box {
    float: none;
  }
}
.artsy-single-product-summary-col .product_gallery_box .woocommerce-product-gallery .woocommerce-product-gallery--with-images {
  justify-content: center;
}
.artsy-single-product-summary-col .summary {
  padding-left: 5rem;
  width: 41.66666667%;
  float: right;
}

@media (hover: hover) and (pointer: fine) {
  .artsy-wishlist-button:hover i:before {
    transition: 0.2s color ease;
    content: "\f004";
  }
}
.product_gallery_box {
  position: relative;
}

.thumbnails-vertical .woocommerce-product-gallery__wrapper {
  float: right;
  margin-bottom: 15px !important;
}
@media (max-width: 991px) and (min-width: 768px) {
  .thumbnails-vertical .woocommerce-product-gallery__wrapper {
    max-width: none !important;
    width: 100%;
    padding: 23px 200px;
  }
}

.woocommerce-variation-description {
  display: none;
}

#selectSizeTitle {
  font-family: OpenSans sans-serif;
  font-size: 15px;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000;
}

.artsy-single-product-summary-col .summary .woocommerce-product-details__short-description {
  display: none;
}

.artsy-product-summary-inner-col .sizeTitleContainer {
  display: flex;
  position: relative;
}
.artsy-product-summary-inner-col .variations .value .sod_select::before {
  margin-top: -6px;
  align-self: anchor-center;
}
.artsy-product-summary-inner-col .variations .value .sod_select .sod_option {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.sizeTitleContainer #selectSizeTitle {
  margin: 10px 0;
}
.sizeTitleContainer #toggleSize {
  position: absolute;
  right: 0;
  top: 10px;
  font-size: 14px;
  line-height: 1.4;
}

.underline {
  color: #fff;
  width: 25px;
  height: 16px;
  padding: 3px 3px 1px 2px;
  background-color: #979797;
}

.inches {
  font-family: Josefin Sans, sans-serif;
  cursor: pointer;
}

.centimeters {
  font-family: Josefin Sans, sans-serif;
  cursor: pointer;
}

.artsy-product-summary-inner-col #product_detail_price_move {
  margin: 10px 0 40px;
}
.artsy-product-summary-inner-col #product_detail_price_move .price {
  margin-top: 0;
}

.price {
  line-height: 1;
  vertical-align: top;
  padding: 10px 0px;
  color: #a9a9a9;
}
.price del {
  margin-left: 15px;
}

.amount {
  font-family: Open Sans, sans-serif;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.75;
  letter-spacing: 1.6px;
}

ins .amount {
  letter-spacing: 1.6px;
  font-size: 26px;
  font-weight: 400;
  color: #282828;
}

@media only screen and (max-width: 768px) {
  .variations .amount {
    color: #000 !important;
    font-size: 16px;
    line-height: 3;
  }
  .variations ins .amount {
    color: #000 !important;
    font-size: 16px;
    line-height: 3;
  }
  .variations .label .label-size {
    font-weight: 700;
    font-size: 15px;
  }
}
del {
  font-size: 20px;
  color: #a9a9a9;
  line-height: 25px;
}

.value select {
  line-height: 1;
  color: #282828;
  width: 100%;
  height: 42px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0;
  border: 0 none;
  background: 0 0;
  outline: none;
}

.size-phrase {
  line-height: normal;
  color: #000;
  font-size: 15px;
}

.convertsite {
  cursor: pointer;
  float: right;
  margin-top: 10px;
  display: flex;
}

.single_variation_wrap {
  display: table;
  width: 100%;
}
.single_variation_wrap .woocommerce-variation {
  display: none !important;
}

.woocommerce-variation-add-to-cart .artsy-quantity-wrap {
  border: 0px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 15px;
  margin: 15px 0;
}
.woocommerce-variation-add-to-cart .artsy-quantity-wrap label {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
}
.woocommerce-variation-add-to-cart .artsy-quantity-wrap .quantity {
  display: flex;
  flex-direction: row;
  gap: 28px;
  align-items: center;
  height: 40px;
}
.woocommerce-variation-add-to-cart .artsy-quantity-wrap .artsy-qty-minus,
.woocommerce-variation-add-to-cart .artsy-quantity-wrap .artsy-qty-plus {
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #D9D9D9;
  border-radius: 100px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: transform 0.2s ease, background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
.woocommerce-variation-add-to-cart .artsy-quantity-wrap .artsy-qty-minus:hover,
.woocommerce-variation-add-to-cart .artsy-quantity-wrap .artsy-qty-plus:hover {
  transform: scale(1);
  background-color: #000;
  color: #fff;
  border-color: #000;
}
.woocommerce-variation-add-to-cart .artsy-quantity-wrap .artsy-qty-minus:active,
.woocommerce-variation-add-to-cart .artsy-quantity-wrap .artsy-qty-plus:active {
  transform: scale(1);
}
.woocommerce-variation-add-to-cart .artsy-quantity-wrap .input-text {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  color: #0D0C21;
  max-width: 50px;
  border: none;
}

.button-link-bg-black {
  margin-top: 20px;
  width: 100%;
  transition: 0.2s;
}
.button-link-bg-black:hover {
  background-color: #4a4a4a;
}

.description {
  font-size: 14px;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.71;
  letter-spacing: 0.7px;
  color: #000;
}
.description a {
  color: #a1a1a1;
  text-decoration: underline;
}
.description a:hover {
  color: #2a2a2a;
}

.meta_wrapper {
  font-size: 14px;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.71;
  letter-spacing: 0.7px;
  color: #000;
  text-transform: uppercase;
}
.meta_wrapper a,
.meta_wrapper .sku {
  font-weight: 400;
}

.meta .meta_wrapper {
  margin-bottom: 1.25rem;
}

.product-new-desc .description {
  padding-right: 3.75rem;
}

.posted_in a,
.tagged_as a {
  color: #000;
  text-transform: lowercase;
  text-decoration: underline;
}

@media (max-width: 768px) {
  .artsy-single-product-showcase {
    padding-top: 0;
    padding-bottom: 1.25rem;
  }
  .artsy-single-product-summary-col .woocommerce-product-gallery {
    width: 100%;
    margin-top: 10px;
  }
  .artsy-single-product-summary-col .summary {
    padding-top: 1.25rem;
    padding-left: 0;
    width: 100%;
  }
  .product-desc-wrapper .row-line {
    margin-bottom: 1.25rem;
  }
  .thumbnails-vertical .woocommerce-product-gallery__wrapper {
    float: none;
    padding-left: 0;
    width: 100%;
    margin-bottom: 50px;
  }
  .product-new-desc .description {
    padding-right: 0.9375rem;
  }
}
@media only screen and (min-width: 769px) {
  #addFrameList div,
  #addMountList div {
    padding: 0;
  }
}
#addFrameList div {
  text-align: center;
}

@media only screen and (min-width: 800px) {
  #addFrameList.row,
  #addMountList.row {
    display: block;
  }
}
#addFrameList.row {
  margin-left: 0;
}

#addFrameList div.col-xs-3,
#addMountList div.col-xs-3 {
  margin-right: 15px;
  margin-left: 15px;
  margin-bottom: 10px;
  margin-top: 5px;
}

.artsy-lightbox {
  position: relative;
}

span.product_frame_name {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  color: #000;
  padding-top: 12px;
  padding-bottom: 12px;
  display: block;
}

#addFrameList .button-frame {
  cursor: pointer;
}

div.button-frame {
  font-size: 10px;
  height: 30px;
  line-height: 3;
  cursor: pointer;
}

#addFrameList div.button-frame.button {
  min-width: 103px;
  text-align: center;
  align-content: center;
  margin-top: 20px;
  margin-bottom: 0px;
  width: 120px;
  height: 34px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  text-transform: capitalize;
}

.artsy-variable-add-to-cart-button {
  border-radius: 100px;
  min-height: 50px;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  text-transform: none !important;
}

.chx-accessories {
  display: none;
}

#addFrame #order_frame {
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
  text-align: center;
}

@media only screen and (min-width: 800px) {
  span#arrow_order_click {
    display: none;
  }
}
.product .summary .single_variation_wrap .artsy-quantity-wrap label:not(.artsy-qty-label-abbrev) {
  display: block;
  top: 0;
  text-align: center;
  color: #282828;
  line-height: 42px;
  background-color: #fff;
}

.div-accessories .price .woocommerce-Price-amount.amount {
  color: #000;
  line-height: 17px;
  font-size: 18px;
}

.artsy-single-product .summary #product_detail_price_mov .price del .amount {
  font-size: 16px;
  color: inherit;
  text-decoration: line-through;
  vertical-align: bottom;
  line-height: 23px;
}

span#click-oder-frame {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.product .summary .single_variation_wrap .artsy-quantity-wrap#addFrame label {
  position: relative;
  font-family: "Open Sans", sans-serif;
  font-size: 32px;
  font-weight: 700;
  color: #000000;
  line-height: 44px;
  text-align: center;
}

@media only screen and (max-width: 768px) {
  .woocommerce-product-gallery__image:first-child {
    position: relative;
  }
}

@media only screen and (max-width: 768px) {
  .addframe-desktop {
    display: none !important;
  }
}

@media only screen and (min-width: 769px) {
  .addframe-mobile {
    display: none !important;
  }
}

@media (max-width: 400px) {
  .artsy-product-summary-inner-col .bundled_item_cart_content .sod_select:before {
    top: 10px !important;
  }
}
@media only screen and (max-width: 768px) {
  .artsy-product-summary-inner-col .bundled_product .variations tr .value .sod_select:before {
    top: 0;
    right: 0;
  }
  #addFrameList div.button-frame.button {
    min-width: auto;
    line-height: 1.5;
    padding-right: 10px;
    padding-left: 10px;
    height: auto;
  }
}
.addframe-mobile .btnblock-mobile {
  margin-left: -4%;
  margin-bottom: 12px;
}
.addframe-mobile .btnblock-mobile div.product_frame_name {
  font-size: 14px;
  text-align: left !important;
  font-weight: 600;
  margin-top: 13px;
}
.addframe-mobile .btnblock-mobile .price .amount {
  font-size: 15px;
  color: #282828;
  line-height: 3;
}
.addframe-mobile .btnblock-mobile .price ins .amount {
  font-size: 12px;
  color: #282828;
}
.addframe-mobile .btnblock-mobile .price del .amount {
  font-size: 12px;
  margin-left: -10px;
  line-height: 19px;
  color: #a9a9a9;
}

.product .summary .price ins {
  text-decoration: none;
}

.woocommerce-product-gallery__image {
  position: relative;
}

@media (max-width: 568px) {
  .artsy-page-content-wrap .woocommerce-product-gallery {
    margin-top: 20px;
  }
}

@media (max-width: 1080px) {
  .woocommerce-product-gallery {
    float: none;
    width: auto !important;
    padding-right: 0;
  }
}

.artsy-single-product-bg .artsy-single-product-summary-col .summary h1.product_title {
  font-size: 18px;
}
.artsy-single-product-bg .artsy-single-product-summary-col .artsy-wishlist-button {
  width: auto;
  height: auto;
}
.artsy-single-product-bg .artsy-single-product-summary-col .artsy-wishlist-button i {
  font-size: 22px;
  width: auto;
  height: auto;
}
@media (max-width: 769px) {
  .artsy-single-product-bg .artsy-single-product-summary-col .artsy-wishlist-button i {
    font-size: 20px;
  }
}

.artsy-mobile {
  margin: 0px;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 1020px) {
  .artsy-mobile .header-title .product_title {
    width: 100% !important;
    font-size: 24px !important;
  }
}

.woocommerce-product-gallery__image a img {
  height: auto;
  width: 100%;
}

@media only screen and (min-width: 800px) {
  .variations .sod_label .price {
    float: right;
  }
  .variations .sod_label .price .amount {
    color: #000 !important;
    font-size: 16px;
  }
  .sod_select .sod_option.active .price .amount {
    color: #eee !important;
  }
  .variations .sod_list_wrapper .sod_list .price {
    float: right;
    margin-right: 27px;
  }
  .variations .sod_list_wrapper .sod_list .price .amount {
    color: #000;
    font-size: 16px;
  }
}
.product .summary .product_title {
  font-size: 26px;
  line-height: 1.2;
}

.artsy-single-product-bg .artsy-single-product-summary-col .summary .header-title h1.product_title {
  width: 100%;
  display: inline-flex;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 1.2px;
  color: #000000;
  white-space: normal !important;
  word-break: break-word;
  overflow-wrap: break-word;
}
@media only screen and (min-width: 769px) {
  .artsy-single-product-bg .artsy-single-product-summary-col .summary .header-title h1.product_title {
    font-size: 24px;
  }
}
.artsy-single-product-bg .artsy-single-product-summary-col .summary .header-title .artsy-shop-loop-wishlist-button-product-page {
  width: 8%;
  display: inline-flex;
  text-align: end;
  vertical-align: inherit;
  padding-left: 0.625rem;
}

.product:not(.product-type-bundle) .summary .header-title h1.product_title {
  font-family: Montserrat;
  text-transform: uppercase;
  font-size: 32px;
  font-weight: 600;
}
@media only screen and (max-width: 768px) {
  .product:not(.product-type-bundle) .summary .header-title h1.product_title {
    font-size: 22px;
  }
  .product:not(.product-type-bundle) .lb_size {
    font-size: 16px;
    margin: 0 0 10px;
  }
  .product:not(.product-type-bundle) label, .product:not(.product-type-bundle) h3 {
    font-size: 16px;
  }
  .product:not(.product-type-bundle) .woocommerce-variation-add-to-cart .artsy-quantity-wrap .input-text {
    font-size: 16px;
  }
  .product:not(.product-type-bundle) .woocommerce-variation-add-to-cart .artsy-quantity-wrap .artsy-qty-plus {
    font-size: 16px;
    width: 30px;
    height: 30px;
  }
  .product:not(.product-type-bundle) .artsy-product-summary-inner-col .button-add-to-cart .single_add_to_cart_button {
    font-size: 16px;
    min-height: 45px;
    margin-top: 15px;
  }
  .product:not(.product-type-bundle) .info-price .total-price h3 {
    font-size: 16px;
  }
}

.product-type-bundle .summary .header-title h1.product_title {
  font-family: "Josefin Sans";
}
.product-type-bundle .bundle_wrap .bundle_add_to_cart_button {
  text-transform: none;
}

/* Summary: Variations */
.artsy-product-summary-inner-col {
  /* Nếu chỉ có một nút con trong .button-add-to-cart, đặt width là 100% */
  /* Nếu có thêm một nút khác (.button-save-permanent hoặc .saved-permanent), chia mỗi cái 50% */
}
.artsy-product-summary-inner-col .gift_card_template_button {
  margin-top: 0;
}
.artsy-product-summary-inner-col .button-add-to-cart {
  display: flex;
  gap: 30px;
}
@media (max-width: 576px) {
  .artsy-product-summary-inner-col .button-add-to-cart {
    flex-direction: column;
    width: 100%;
    gap: 0px;
  }
}
.artsy-product-summary-inner-col .button-add-to-cart .single_add_to_cart_button, .artsy-product-summary-inner-col .button-add-to-cart .button-save-permanent, .artsy-product-summary-inner-col .button-add-to-cart .saved-permanent {
  font-family: "Open Sans", sans-serif;
  margin-top: 30px;
  margin-bottom: 20px;
  border-radius: 100px;
  cursor: pointer;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  text-align: center;
}
.artsy-product-summary-inner-col .button-add-to-cart .button-save-permanent, .artsy-product-summary-inner-col .button-add-to-cart .saved-permanent {
  border: 1px solid #121212;
  color: #121212;
  background-color: #FFFFFF;
}
.artsy-product-summary-inner-col .button-add-to-cart .button-save-permanent:hover, .artsy-product-summary-inner-col .button-add-to-cart .saved-permanent:hover {
  opacity: 0.82;
}
.artsy-product-summary-inner-col .button-add-to-cart .button-save-permanent.permanent-save {
  display: none;
}
.artsy-product-summary-inner-col .button-add-to-cart button {
  flex: 1; /* Mặc định tất cả các nút sẽ có độ rộng bằng nhau */
}
.artsy-product-summary-inner-col .button-add-to-cart button:disabled {
  background: #ccc;
  color: #666;
  cursor: auto;
  border: none;
  position: relative;
}
.artsy-product-summary-inner-col .button-add-to-cart button:disabled .badge-coming {
  position: absolute;
  top: -8px;
  right: -3px;
  background: #0056b3;
  color: #fff;
  font-size: 13px;
  padding: 3px 8px;
  border-radius: 15px;
  font-weight: 600;
  white-space: nowrap;
  opacity: 1;
}
.artsy-product-summary-inner-col .button-add-to-cart:has(.single_add_to_cart_button:not(:has(~ .button-save-permanent, ~ .saved-permanent))) .single_add_to_cart_button {
  width: 100%;
}
.artsy-product-summary-inner-col .button-add-to-cart:has(.button-save-permanent, .saved-permanent) button {
  width: 50% !important;
}
@media (max-width: 576px) {
  .artsy-product-summary-inner-col .button-add-to-cart:has(.button-save-permanent, .saved-permanent) button {
    width: 100% !important;
  }
}
.artsy-product-summary-inner-col .create-product-album-detail {
  padding: 5px 10px;
  background: #000;
  color: #fff;
  font-size: 18px;
  min-height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  border-radius: 25px;
}
@media (max-width: 768px) {
  .artsy-product-summary-inner-col .create-product-album-detail {
    min-height: 45px;
    font-size: 16px;
  }
}
.artsy-product-summary-inner-col .button-save-permanent, .artsy-product-summary-inner-col .saved-permanent {
  border: 1px solid #121212;
  color: #121212;
  background-color: #FFFFFF;
}
.artsy-product-summary-inner-col .button-save-permanent:hover, .artsy-product-summary-inner-col .saved-permanent:hover {
  opacity: 0.82;
}
.artsy-product-summary-inner-col .button {
  font-family: inherit;
  width: 100%;
  padding: 14px;
  margin-top: 20px;
}
.artsy-product-summary-inner-col .variations {
  table-layout: fixed;
  border-collapse: separate !important;
  color: #282828;
  width: 100%;
  margin-bottom: -1px;
  border: 0 none;
}
.artsy-product-summary-inner-col .variations tr td {
  position: relative;
  border-top: 1px solid #dadada;
  border-right: 1px solid #dadada;
  border-left: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
  vertical-align: middle;
  background-clip: padding-box;
}
.artsy-product-summary-inner-col .variations tr:last-child td {
  border-bottom: 1px solid #dadada;
}
.artsy-product-summary-inner-col .variations tr .label {
  line-height: 20px;
  padding: 11px 0 11px 16px;
  border-right: 0 none;
  cursor: pointer;
}
@media only screen and (min-width: 800px) {
  .artsy-product-summary-inner-col .variations tr .label {
    width: 50%;
  }
}
@media (max-width: 768px) {
  .artsy-product-summary-inner-col .variations tr .ywgc-amount-value.value .sod_select:before {
    top: unset;
  }
}
.artsy-product-summary-inner-col .variations tr .value {
  text-align: right;
  border-left: 0 none;
}
@media (max-width: 768px) {
  .artsy-product-summary-inner-col .variations tr .value .sod_select:before {
    right: 18px;
    top: 18px;
  }
}
.artsy-product-summary-inner-col .variations tr .value select {
  line-height: 1;
  color: #282828;
  width: 100%;
  height: 42px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0;
  border: 0 none;
  background: none;
}
.artsy-product-summary-inner-col .variations tr .value select option {
  padding-left: 0;
}
.artsy-product-summary-inner-col .variations tr .value .artsy-select-hidden {
  display: none;
}
.artsy-product-summary-inner-col .variations tr .reset_variations {
  display: none !important;
}

.artsy-single-product #header-bottom-bar {
  display: none;
}

.lb_size {
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  margin-top: 10px;
  margin-bottom: 16px;
}

form.cart p label {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  color: #0D0C21;
  text-transform: capitalize;
  display: block;
  margin: 13px 0 6px 0;
}

.input_field {
  border: 1px solid #ddd !important;
  background: #fff;
  border-radius: 0 !important;
  height: 44px !important;
  padding: 0 12px !important;
  font-weight: 300 !important;
  box-sizing: border-box;
  width: 100%;
  display: block;
  max-width: 5750px;
}

.woocommerce-variation-add-to-cart p {
  margin-bottom: 24px;
}

.info-price {
  margin-top: 18px;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  padding-bottom: 10px;
  border-bottom: 1px solid #C4C4C4;
}
.info-price h3 {
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
}
.info-price .price-delivering,
.info-price .total-price {
  display: flex;
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.info-price .price-delivering h3,
.info-price .total-price h3 {
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  color: #828282;
}
.info-price .total-price #product_detail_price_move {
  margin: 0;
}
.info-price .total-price #product_detail_price_move .price {
  padding: 0;
}
.info-price .total-price #product_detail_price_move .price bdi {
  font-family: "Open Sans", sans-serif;
  font-size: 18px !important;
  font-weight: 600;
  line-height: 24px;
}
.info-price .total-price #product_detail_price_move .price del {
  display: none;
}

#artsy-variations-form .label-size {
  font-weight: 700;
  font-size: 15px;
}

#addFrameList .addframe-desktop {
  max-height: 370px;
  overflow: auto;
  align-items: center;
  justify-content: flex-start;
  gap: 5%;
  margin-left: 0px;
  /* Tùy chỉnh thanh cuộn */
}
#addFrameList .addframe-desktop::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}
#addFrameList .addframe-desktop::-webkit-scrollbar-thumb {
  background-color: #d5d5d5;
  /* Màu của thanh cuộn */
  border-radius: 10px;
  /* Bo tròn các góc của thanh cuộn */
}
#addFrameList .addframe-desktop::-webkit-scrollbar-thumb:hover {
  background-color: #b7b6b6;
}
#addFrameList .addframe-desktop .price {
  padding: 12px 0 0;
}
#addFrameList .addframe-desktop .price bdi {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
#addFrameList .addframe-desktop .price del {
  margin-left: 0;
}
#addFrameList .addframe-desktop .price del .amount {
  font-size: 14px;
  color: #a9a9a9;
}
#addFrameList .product-item {
  width: 30%;
  box-sizing: border-box;
  margin-bottom: 15px;
}

.single_variation_wrap .button:hover {
  opacity: 0.82;
}

@media only screen and (max-width: 768px) {
  .artsy-single-product .product-new-desc .meta.col-md-4 {
    margin-top: 1.25rem;
  }
}

.artsy-single-product #product_detail_price_move .price .woocommerce-Price-amount.amount {
  font-size: 26px;
  font-weight: 400;
  color: #282828;
}
.artsy-single-product #product_detail_price_move .price del .woocommerce-Price-amount.amount {
  font-size: 16px;
  color: #a9a9a9;
}

.artsy-shop-loop-price .price_notsale .woocommerce-Price-amount.amount {
  color: #282828;
  font-size: 12px;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: 0.43px;
  text-align: center;
  padding-right: 20px;
  font-weight: 700;
}

@media only screen and (max-width: 768px) {
  .artsy-single-product #hs-rsp-div {
    height: 100% !important;
  }
}

.product .summary .stock.out-of-stock {
  margin-bottom: 0;
  background: #b1b1b1;
  display: inline-block;
  line-height: 1;
  color: #fff;
  padding: 5px 10px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
}

.Out-of-stocks1 {
  font-family: OpenSans;
  font-weight: 400;
  font-stretch: normal;
  font-style: italic;
  letter-spacing: normal;
  text-align: right;
  color: #979797;
}

.button.disabled,
.button.loading,
.button[disabled] {
  cursor: default;
  opacity: 0.82;
  background: #828282;
}

.disable-action {
  opacity: 0.4;
}

.artsy-single-product.product.product-type-variable .artsy-single-product-summary-row .sod_select:before {
  top: 18px;
}

#artsy-wishlist {
  padding: 0px;
}
#artsy-wishlist .artsy-wishlist-top {
  padding-bottom: 22px;
}
#artsy-wishlist .artsy-wishlist-top h1 {
  font-size: 24px;
}
#artsy-wishlist #artsy-wishlist-photowall {
  display: table;
  width: 100%;
}
@media only screen and (max-width: 769px) {
  #artsy-wishlist #artsy-wishlist-photowall {
    display: block;
    width: auto;
    margin: 0 -8px;
    overflow: hidden;
  }
}
#artsy-wishlist #artsy-wishlist-photowall ul li.thumbnail a {
  display: block;
}
@media only screen and (max-width: 769px) {
  #artsy-wishlist #artsy-wishlist-photowall ul li.thumbnail a img {
    vertical-align: middle;
  }
}
@media only screen and (max-width: 769px) {
  #artsy-wishlist #artsy-wishlist-photowall ul li.title {
    width: auto;
    border-top: 0 none;
    padding-top: 16px;
  }
}
@media only screen and (min-width: 769px) {
  #artsy-wishlist #artsy-wishlist-photowall ul li.title ul.artsy-variations-list li {
    display: inline-flex;
  }
  #artsy-wishlist #artsy-wishlist-photowall ul li.title ul.artsy-variations-list li .values {
    padding-left: 13px;
  }
}
#artsy-wishlist #artsy-wishlist-photowall ul li.title .woocommerce-loop-product__title {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  text-align: left;
  color: #000000;
}
#artsy-wishlist #artsy-wishlist-photowall ul li.title .woocommerce-loop-product__title a {
  color: inherit;
}
@media only screen and (max-width: 769px) {
  #artsy-wishlist #artsy-wishlist-photowall ul li.title .woocommerce-loop-product__title a {
    display: block;
    color: #000000;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
}
@media only screen and (max-width: 769px) {
  #artsy-wishlist #artsy-wishlist-photowall ul li.stock {
    display: none;
  }
}
#artsy-wishlist #artsy-wishlist-photowall ul li.stock span.instock {
  color: #1bbc9b;
  white-space: nowrap;
}
#artsy-wishlist #artsy-wishlist-table {
  display: table;
  width: 100%;
}
@media only screen and (max-width: 769px) {
  #artsy-wishlist #artsy-wishlist-table {
    display: block;
    width: auto;
    margin: 0 -8px;
    overflow: hidden;
  }
}
#artsy-wishlist #artsy-wishlist-table ul li.thumbnail a {
  display: block;
}
@media only screen and (max-width: 769px) {
  #artsy-wishlist #artsy-wishlist-table ul li.thumbnail a img {
    vertical-align: middle;
  }
}
#artsy-wishlist #artsy-wishlist-table ul .product-details-inf {
  display: flex;
  width: 75%;
  padding: 21px 0 21px 0;
}
@media (max-width: 991px) {
  #artsy-wishlist #artsy-wishlist-table ul .product-details-inf {
    width: 65%;
  }
}
@media (max-width: 767px) {
  #artsy-wishlist #artsy-wishlist-table ul .product-details-inf {
    display: block;
  }
}
#artsy-wishlist #artsy-wishlist-table ul .product-details-inf li.title {
  width: 75%;
}
@media (max-width: 767px) {
  #artsy-wishlist #artsy-wishlist-table ul .product-details-inf li.title {
    width: 100%;
  }
}
#artsy-wishlist #artsy-wishlist-table ul .product-details-inf li.title .woocommerce-loop-product__title, #artsy-wishlist #artsy-wishlist-table ul .product-details-inf li.title .artsy-variations-list {
  margin: 0 20px 0 20px;
}
@media only screen and (min-width: 769px) {
  #artsy-wishlist #artsy-wishlist-table ul .product-details-inf li.title ul.artsy-variations-list li {
    display: inline-flex;
  }
  #artsy-wishlist #artsy-wishlist-table ul .product-details-inf li.title ul.artsy-variations-list li .values {
    padding-left: 13px;
  }
}
#artsy-wishlist #artsy-wishlist-table ul .product-details-inf li.title .woocommerce-loop-product__title {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  text-align: left;
  color: #000000;
}
#artsy-wishlist #artsy-wishlist-table ul .product-details-inf li.title .woocommerce-loop-product__title a {
  color: inherit;
  word-break: break-word;
}
@media only screen and (max-width: 769px) {
  #artsy-wishlist #artsy-wishlist-table ul .product-details-inf li.title .woocommerce-loop-product__title a {
    display: block;
    color: #000000;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
}
@media only screen and (max-width: 769px) {
  #artsy-wishlist #artsy-wishlist-table ul .product-details-inf li.stock {
    display: none;
  }
}
#artsy-wishlist #artsy-wishlist-table ul .product-details-inf li.stock span.instock {
  color: #1bbc9b;
  white-space: nowrap;
}
#artsy-wishlist #artsy-wishlist-photowall > ul, #artsy-wishlist #artsy-wishlist-table > ul {
  position: relative;
  display: flex;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
  width: 100%;
}
#artsy-wishlist #artsy-wishlist-photowall > ul:first-child > li {
  border-top: 1px solid #eee;
}
@media only screen and (min-width: 769px) {
  #artsy-wishlist #artsy-wishlist-photowall > ul > li {
    vertical-align: middle;
    padding: 21px 0 21px 0;
    border-bottom: 1px solid #eee;
  }
  #artsy-wishlist #artsy-wishlist-table > ul > li {
    vertical-align: middle;
    padding: 21px 0 21px 0;
  }
}
#artsy-wishlist #artsy-wishlist-table.products .product {
  border-bottom: 1px solid #eee;
  margin-top: 15px;
}
#artsy-wishlist #artsy-wishlist-table.products .product:first-child {
  border-top: 1px solid #eee;
}
#artsy-wishlist #artsy-wishlist-table.products .price {
  padding: 0;
  white-space: nowrap;
  width: 25%;
  justify-items: flex-end;
  align-content: center;
  margin-right: 20px;
}
@media only screen and (max-width: 767px) {
  #artsy-wishlist #artsy-wishlist-table.products .price {
    text-align: center;
    font-size: 15px;
    justify-items: flex-start;
    margin-left: 20px;
  }
}
#artsy-wishlist #artsy-wishlist-table.products .price ins {
  color: #dc9814;
  text-decoration: none;
  background: 0 0;
}
#artsy-wishlist #artsy-wishlist-table.products .price ins .woocommerce-Price-amount.amount {
  color: #282828;
  font-size: 15px;
}
#artsy-wishlist #artsy-wishlist-table.products .price del {
  text-decoration: line-through;
  color: #a9a9a9;
}
#artsy-wishlist #artsy-wishlist-table.products .price del .woocommerce-Price-amount.amount {
  color: #a9a9a9;
  font-size: 14px;
}
#artsy-wishlist #artsy-wishlist-table.products .remove {
  width: 5%;
  text-align: center;
  padding-top: 27px;
  position: absolute;
  top: 12px;
  right: 21px;
  align-self: anchor-center;
  height: 100%;
}
#artsy-wishlist #artsy-wishlist-table.products .remove .artsy-wishlist-remove {
  position: absolute;
  border: 1px solid #000;
  border-radius: 50%;
  background: #fff;
  line-height: 1;
  top: 0;
  right: 0;
  align-self: anchor-center;
}

.artsy-wishlist-button.added {
  color: #dc9814;
}

#artsy-wishlist-photowall > ul:first-child > li {
  border-top: 1px solid #eee;
}

@media only screen and (max-width: 769px) {
  #artsy-wishlist-photowall > ul:nth-of-type(2n+1), #artsy-wishlist-table > ul:nth-of-type(2n+1) {
    clear: both;
  }
  #artsy-wishlist-table > ul:first-child > li {
    border-top: 0 none !important;
  }
  #artsy-wishlist-table > ul > li {
    display: block;
    padding: 0;
    border-bottom: 0 none;
  }
  #artsy-wishlist #artsy-wishlist-table ul li.thumbnail a img {
    width: 100%;
    height: auto;
  }
  #artsy-wishlist-photowall ul li.thumbnail a, #artsy-wishlist-table ul li.thumbnail a {
    width: auto;
    user-select: none;
    pointer-events: none;
  }
}
#artsy-wishlist-photowall ul li.actions {
  display: none;
}

#artsy-wishlist-photowall > ul:first-child > li {
  border-top: 1px solid #eee;
}

.artsy-variations-list {
  font-size: 12px;
  line-height: 1.6;
  padding: 9px 0 0;
}

#nm-wishlist-table .nm-variations-list .label {
  display: inline-block;
}

#nm-wishlist-table .nm-variations-list .values span {
  display: inline-block;
  margin-right: 3px;
}

#artsy-wishlist .woocommerce-variation-add-to-cart {
  text-align: center;
  margin: 20px 0;
}
#artsy-wishlist .woocommerce-variation-add-to-cart .artsy-variable-add-to-cart-button {
  min-width: 200px;
  line-height: 2;
}
#artsy-wishlist .woocommerce-variation-add-to-cart .artsy-variable-add-to-cart-button:hover {
  background-color: #4a4a4a;
}

#artsy-wishlist-empty.show {
  display: block !important;
}

#artsy-wishlist-empty {
  display: none !important;
  padding: 50px 0 55px;
  text-align: center;
}
#artsy-wishlist-empty p {
  margin-bottom: 0;
}
#artsy-wishlist-empty p.icon i {
  display: inline-block;
  font-size: 28px;
  line-height: 1;
  color: #282828;
  vertical-align: middle;
}
#artsy-wishlist-empty h1 {
  font-size: 22px;
  padding-top: 16px;
}
#artsy-wishlist-empty .note {
  padding: 20px 0 18px;
}
#artsy-wishlist-empty .note i {
  line-height: 1;
  color: #dc9814;
  vertical-align: text-top;
}
#artsy-wishlist-empty .button {
  padding: 8px 14px 9px;
  line-height: 2;
}

#artsy-related .separator-text h2, .product-desc-wrapper .separator-text h2 {
  height: 24px;
  font-size: 16px;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 1.64px;
  text-align: center;
  color: #000;
}

#artsy-related .artsy-divider {
  margin-bottom: 20px;
  position: relative;
  min-height: 2px;
  text-align: center;
}
@media (min-width: 769px) {
  #artsy-related .artsy-divider {
    margin-bottom: 50px;
  }
}
#artsy-related .artsy-divider .artsy-divider-line {
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 10;
  display: block;
  content: " ";
  width: 100%;
  height: 1px;
  transform: translateY(-50%);
}
#artsy-related .artsy-divider .artsy-divider-title {
  position: relative;
  display: inline-block;
  line-height: 1.6;
  padding-right: 14px;
  background: #fff;
  padding-left: 14px;
}

.artsy-wishlist-button.added i:before {
  content: "\f004";
}

#artsy-wishlist-table li.remove .artsy-font-close2 {
  color: #000000;
}
#artsy-wishlist-table li.remove .artsy-font-close2:hover {
  color: #2a2a2a;
}
#artsy-wishlist-table .price .price_notsale {
  font-size: 14px;
  color: #282828;
}

.artsy-wishlist-share ul li a:not(:hover) {
  color: #a2a2a2;
}

.artsy-wishlist-share {
  padding-top: 50px;
  padding-bottom: 51px;
}
.artsy-wishlist-share ul li {
  display: inline-block;
  margin-right: 15px;
}

.artsy-wishlist-products .artsy-variations-list .values span {
  padding-right: 11px;
}

#artsy-wishlist .artsy-wishlist-top.wishtlist-gallery {
  margin-top: 50px;
  padding-bottom: 0;
}

.artsy-wishlist-products ul li.thumbnail {
  width: 20%;
  align-content: center;
}
@media (max-width: 991px) {
  .artsy-wishlist-products ul li.thumbnail {
    width: 30%;
  }
}

@media only screen and (max-width: 768px) {
  .photo-wall .artsy-variations-list {
    display: none;
  }
}
@media only screen and (min-width: 769px) {
  .wishListEmty {
    height: 34.5vh;
  }
}
.artsy-poster-wall-heading {
  font-size: 48px;
  text-align: center;
  font-family: Josefin sans;
  font-weight: 600;
  font-style: normal;
  margin: 0.67em 0;
}

.widget-panel-open #artsy-widget-panel {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

.artsy-widget-panel-inner {
  width: auto;
  height: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
  margin-right: -15px;
  padding: 44px 28px 175px 28px;
}

.artsy-widget-panel-header {
  /* position: absolute; */
  top: 0;
  left: 0;
  z-index: 110;
  font-size: 16px;
  line-height: 1;
  color: #282828;
  width: 100%;
}

.artsy-widget-panel-header-inner {
  height: auto;
  overflow: hidden;
  position: relative;
}

.artsy-cart-panel-title {
  margin: 0;
  font-family: "Open Sans", sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 36px;
  color: #000000;
}
.artsy-cart-panel-title p {
  font-size: 14px;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  line-height: 20px;
  margin-top: 15px;
}

#artsy-widget-panel-close {
  position: absolute;
  top: 0;
  right: 0;
  overflow: hidden;
  -webkit-tap-highlight-color: transparent;
  color: #000000;
}

.artsy-font.cart-close-btn {
  font-size: 30px;
  float: right;
  position: relative;
  top: 2px;
}

#artsy-cart-panel-loader {
  visibility: hidden;
  position: absolute;
  top: -1px;
  left: -1px;
  z-index: 105;
  width: 1px;
  height: 1px;
  opacity: 1;
  background: #fff;
}

.artsy-cart-panel-list-wrap {
  padding: 0;
}

.artsy-cart-items-heading {
  margin: 5px 0;
}
.artsy-cart-items-heading .heading-text {
  width: 40%;
  font-family: Montserrat;
  font-size: 15px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  color: #000;
  display: inline-block;
}
.artsy-cart-items-heading .heading-line {
  border-top: 1px solid #D9D9D9;
  width: 100%;
  height: 1px;
  position: relative;
  top: 11px;
  display: inline-block;
}

.artsy-cart-panel-summary {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 102;
  width: 100%;
  color: #000;
}

.artsy-cart-panel-summary-inner {
  background: #fff;
  padding: 0 20px 37px;
  overflow: hidden;
}

#artsy-cart-panel-continue {
  font-size: 18px;
  font-family: "Open Sans", sans-serif;
  font-weight: 500;
  padding: 8px 15px;
  text-transform: none;
  border-radius: 100px;
  color: #000;
  border-color: #5f5f5f;
  width: 100%;
  border: 1px solid #aaa;
  opacity: 1;
  background: 0 0;
  text-align: center;
  line-height: 30px;
}

#artsy-widget-panel {
  position: fixed;
  top: 0;
  left: 100%;
  z-index: 1020;
  line-height: 1.2;
  max-width: 500px;
  width: 42%;
  min-width: 410px;
  height: 100%;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: -webkit-transform 0.25s ease;
  transition: transform 0.25s ease;
  background: #fff;
}
#artsy-widget-panel .product_list_widget > li:not(:last-child) {
  overflow: visible;
  display: flex;
  width: 100%;
  min-height: 0;
  margin: 0;
  position: relative;
}
#artsy-widget-panel .product_list_widget > li:not(:last-child) > div {
  vertical-align: middle;
  border-color: #464646;
  display: table-cell;
  border-bottom: none;
}
#artsy-widget-panel .product_list_widget li img {
  position: static;
  width: 100%;
  height: auto;
}
#artsy-widget-panel .artsy-cart-panel-item-thumbnail {
  width: 100px;
  height: 140px;
}
#artsy-widget-panel .remove {
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 100;
  display: block;
  font-size: 16px;
  line-height: 24px;
  width: 20px;
  height: 20px;
  text-align: right;
  padding: 0px;
}
#artsy-widget-panel .artsy-cart-panel-quantity-pricing {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: start;
  line-height: 22px;
  width: 100%;
  padding-bottom: 0;
}
#artsy-widget-panel .artsy-cart-panel-quantity-pricing table.variations {
  display: inline-block;
  margin-top: -9px;
  font-size: 15px;
  flex: 2;
}
#artsy-widget-panel .artsy-cart-panel-quantity-pricing table.variations tbody {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
#artsy-widget-panel .artsy-cart-panel-quantity-pricing table.variations tbody tr {
  display: flex;
  width: 100%;
  gap: 10px;
}
#artsy-widget-panel .artsy-cart-panel-quantity-pricing table.variations tbody tr td {
  align-content: center;
}
#artsy-widget-panel .artsy-cart-panel-quantity-pricing table.variations .reset_variations {
  display: none;
}
#artsy-widget-panel .artsy-cart-panel-quantity-pricing .data-add-to-cart {
  display: inline-block;
}
#artsy-widget-panel .quantity-price {
  display: flex;
  gap: 24px;
  align-items: center;
  padding-top: 16px;
  width: 100%;
  justify-content: space-between;
}
#artsy-widget-panel .product-quantity {
  flex: 1;
  float: left;
  font-size: 16px;
}
#artsy-widget-panel .artsy-quantity-wrap {
  width: auto;
  border: 0 none;
  overflow: visible;
}
#artsy-widget-panel .artsy-quantity-wrap label {
  display: none;
}
#artsy-widget-panel .artsy-quantity-wrap .quantity {
  display: flex;
  border: 1px solid #D9D9D9;
  border-radius: 4px;
  width: 110px;
  justify-content: flex-start;
  gap: 0;
}
#artsy-widget-panel .artsy-quantity-wrap .quantity .artsy-font-minus,
#artsy-widget-panel .artsy-quantity-wrap .quantity .artsy-qty-plus {
  font-size: 10px;
  line-height: 26px;
  vertical-align: top;
  transition: color 0.2s ease;
  height: auto;
  position: relative;
  display: inline-block;
  cursor: pointer;
  flex: 1;
  align-content: center;
  text-align: center;
  color: #121212;
  font-size: 11px;
}
#artsy-widget-panel .artsy-quantity-wrap .quantity .artsy-font-minus {
  border-right: 1px solid #D9D9D9;
}
#artsy-widget-panel .artsy-quantity-wrap .quantity .artsy-qty-plus {
  border-left: 1px solid #D9D9D9;
}
#artsy-widget-panel .artsy-quantity-wrap .quantity .qty {
  flex: 2;
  max-width: 55px;
  height: auto;
  display: inline-block;
  vertical-align: top;
  padding: 0;
  border: 0 none;
  text-align: center;
  background: 0 0;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  color: #000000;
}
#artsy-widget-panel .artsy-cart-panel-item-price .amount {
  font-size: 16px;
  margin-top: 0;
  display: inline-block;
  font-weight: inherit;
  letter-spacing: normal;
}
#artsy-widget-panel .artsy-cart-panel-item-price .amount bdi,
#artsy-widget-panel .artsy-cart-panel-item-price .amount span {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  /* text-align: right; */
  color: #000000;
}
#artsy-widget-panel .artsy-cart-panel-item-price del {
  display: none;
  margin-left: 0px;
}
#artsy-widget-panel .artsy-cart-panel-item-price del .woocommerce-Price-amount.amount {
  font-size: 13px !important;
  color: darkgray;
  text-decoration: line-through;
}
#artsy-widget-panel .artsy-cart-panel-item-price ins {
  color: #000000;
}
#artsy-widget-panel .mini_add_to_cart_button {
  position: absolute;
  top: 7px;
  right: -1px;
  z-index: 100;
  display: block;
  font-size: 16px;
  line-height: 30px;
  width: 28px;
  height: 28px;
  text-align: right;
  opacity: 0.5;
}
#artsy-widget-panel .mini_add_to_cart_button .artsy-also-like-plus {
  top: 7px;
  position: relative;
  border-radius: 50%;
  background-color: #008205;
  padding: 2px;
  font-size: 14px;
  color: #f2f2f2;
}
#artsy-widget-panel .total {
  margin-bottom: 0;
  border-bottom: none;
  width: 100%;
  font-size: 16px;
  line-height: 1;
  padding-top: 22px;
  border-top: 1px solid #D9D9D9;
}
#artsy-widget-panel .total strong {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 36px;
  text-align: left;
  color: #000000;
}
#artsy-widget-panel .total bdi {
  font-family: "Open Sans", sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  text-align: right;
  color: #000000;
}
#artsy-widget-panel span.total {
  border: none;
}
#artsy-widget-panel .artsy-cart-panel-summary-subtotal {
  float: right;
}
#artsy-widget-panel .buttons {
  margin-bottom: 0;
  margin-top: 30px;
}
#artsy-widget-panel .buttons .button.checkout {
  float: none;
  margin-top: 12px;
  padding: 12px;
  display: block;
  border-radius: 100px;
  font-family: "Open Sans", sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  text-align: center;
  width: 100%;
  height: 60px;
  text-transform: none;
}
#artsy-widget-panel .buttons .button.checkout:hover {
  text-decoration-line: none;
}
#artsy-widget-panel .buttons.deactive {
  pointer-events: none;
  position: relative;
}
#artsy-widget-panel .buttons.deactive a {
  background: #ccc;
  color: #666;
  cursor: auto;
}
#artsy-widget-panel .buttons.deactive .badge-coming {
  position: absolute;
  top: -8px;
  right: -3px;
  background: #0056b3;
  color: #fff;
  font-size: 13px;
  padding: 3px 8px;
  border-radius: 15px;
  font-weight: 600;
  white-space: nowrap;
  opacity: 1;
}
#artsy-widget-panel .artsy-cart-panel-empty .product_list_widget .empty {
  display: block;
}
#artsy-widget-panel .artsy-cart-panel-empty .buttons.artsy-cart-empty-button {
  display: block;
}
#artsy-widget-panel .buttons.artsy-cart-empty-button {
  display: none;
}
#artsy-widget-panel dl.variation {
  display: none;
}
#artsy-widget-panel dl.variation .variation-Partof {
  display: block;
  line-height: inherit;
  margin: 2px 0 3px;
  font-size: 12px;
  color: #a5a5a5;
}
#artsy-widget-panel dl.variation .variation-Size {
  display: none;
}
@media (max-width: 550px) {
  #artsy-widget-panel {
    width: 370px;
    min-width: auto;
  }
  #artsy-widget-panel .artsy-cart-panel-quantity-pricing table.variations tbody tr {
    padding-top: 0px;
  }
  #artsy-widget-panel .artsy-cart-panel-quantity-pricing table.variations tbody tr td, #artsy-widget-panel .artsy-cart-panel-quantity-pricing table.variations tbody tr .value {
    font-size: 14px;
  }
  #artsy-widget-panel .woocommerce-mini-cart .sod_select:before {
    width: 7px;
    height: 7px;
    top: 5px;
  }
  #artsy-widget-panel .buttons .button.checkout {
    height: 56px;
    padding: 12px;
    font-size: 20px;
  }
}

.woocommerce-mini-cart.cart_list.product_list_widget {
  position: relative;
  color: #282828;
  padding: 7px 0 6px;
}
.woocommerce-mini-cart.cart_list.product_list_widget .empty {
  display: none;
  font-size: 16px;
  margin-bottom: 0;
  padding: 21px 0 36px;
}

.artsy-cart-panel-thumbnail-wrap {
  position: relative;
  overflow: hidden;
  padding: 10px;
  width: 100%;
  background-color: #F4F4F4;
}

.artsy-cart-panel-thumbnail-loader {
  background: rgba(255, 255, 255, 0.82);
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.artsy-cart-panel-item-details {
  padding-left: 24px;
  width: 80%;
}
.artsy-cart-panel-item-details > * {
  padding-bottom: 12px;
}
.artsy-cart-panel-item-details .artsy-font.artsy-font-close2 {
  top: 7px;
  position: relative;
  border-radius: 50%;
  background-color: #000;
  padding: 2px;
  font-size: 14px;
}

.bundled_mini_cart_item {
  border: none !important;
  padding-bottom: 16px;
}

.artsy-cart-panel-product-title {
  display: block;
  color: #000;
  padding-right: 20px;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  text-align: left;
  max-width: 90%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.artsy-cart-panel-product-title:hover {
  text-decoration-line: none;
  text-decoration: none;
  color: #000000;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

.mini_cart_item {
  padding-bottom: 16px;
  padding-top: 16px;
  border-top: 1px solid #D9D9D9;
}
.mini_cart_item .variations tr {
  padding-top: 5px;
}
.mini_cart_item .variations tr td {
  border: none;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #121212;
  text-align: left;
}
.mini_cart_item .variations tr .value {
  padding-left: 0;
  font-size: 16px;
  font-family: "Open Sans", sans-serif;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  color: #121212;
}
.mini_cart_item .variations tr .value .sod_select {
  padding-right: 40px;
  line-height: normal;
}
.mini_cart_item .variations tr .value .sod_select .sod_label {
  font-weight: 600;
}
.mini_cart_item .variations tr .value .sod_select .sod_option {
  padding: 5px 16px;
}

.mini_cart_item:first-child {
  padding-top: 0;
  border: none;
}

.bundle_container_mini_cart_item .bundled_mini_cart_item {
  border: none;
}

.mini-cart-price-saved {
  display: none;
  margin-top: -12px;
  float: right;
  font-size: 14px;
}

#artsy-widget-panel-overlay {
  z-index: 1010;
}

.artsy-page-overlay.show {
  visibility: visible;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
}

.artsy-page-overlay {
  right: 0;
  bottom: 0;
  left: 0;
  transition: opacity 0.2s ease;
  background: rgba(0, 0, 0, 0.73);
  position: fixed;
}

.woocommerce-mini-cart .sod_select:before {
  width: 8px;
  height: 8px;
  font-family: "Open Sans", sans-serif;
  font-size: 36px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.67;
  letter-spacing: 1.8px;
  color: #000;
  content: "";
  position: absolute;
  border: solid #000;
  border-width: 0 1px 1px 0;
  top: 7px;
  right: 23px;
  transform: rotateZ(45deg);
}

.artsy-shop-notice a {
  display: none;
}

.artsy-shop-notice {
  position: relative;
  text-align: center;
}

.arsty-cart-panel-thumbnail-loader {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.82);
}

.artsy-loader:after {
  display: block;
  content: " ";
  position: absolute;
  top: 50%;
  right: 50%;
  width: 12px;
  height: 12px;
  margin: -6px -6px 0 0;
  opacity: 1;
  background: #dc9814;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: dotFade 0.8s infinite;
  animation: dotFade 0.8s infinite;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.loading .artsy-cart-panel-thumbnail-loader {
  display: block;
}
@media (max-width: 768px) {
  .loading .artsy-cart-panel-thumbnail-loader {
    display: none;
  }
}
@media (max-width: 768px) {
  .loading .artsy-cart-item-loader {
    display: block;
    opacity: 0.82;
  }
}

.artsy-cart-item-loader {
  display: none;
  position: absolute;
  top: 0;
  bottom: 1px;
  left: 0;
  z-index: 101;
  width: 100%;
  height: auto;
  opacity: 0;
  background: #fff;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}

.woocommerce-cart-form__cart-item .variation-Partof {
  font-size: 12px;
}

.artsy-cart-empty {
  margin: 50px 0 55px;
  color: #282828;
  text-align: center;
}

.artsy-cart-empty p.icon i {
  display: inline-block;
  font-size: 28px;
  line-height: 1;
  vertical-align: middle;
}

.return-to-shop a {
  padding: 8px 14px;
  height: auto;
}

.woocommerce-mini-cart .choose-product-content {
  align-content: center;
  padding-right: 10px;
}
.woocommerce-mini-cart .choose-product {
  appearance: none;
  width: 20px;
  height: 20px;
  border: 2px solid #000000;
  border-radius: 4px;
  background-color: #fff;
  cursor: pointer;
  display: inline-block;
  position: relative;
}
.woocommerce-mini-cart .choose-product:checked {
  background-color: #000000;
  color: #fff;
}
.woocommerce-mini-cart .choose-product::after {
  content: "\f00c";
  font-family: "Font Awesome 5 Pro";
  color: #fff;
  font-size: 14px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.postertype {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  color: #000000;
  text-align: left;
}

.step-text {
  font-family: "Open Sans", sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  text-align: left;
  text-transform: unset;
  display: inline-block;
  color: #121212;
}

.woocommerce-additional-fields .form-row.notes label .required {
  display: none !important;
}

.arrow-up-14 {
  height: 14px;
  width: 14px;
  border: solid #000;
  border-width: 2px 0 0 2px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  margin-top: 8px;
}

.arrow-down-14 {
  height: 12px;
  width: 12px;
  border: solid #000;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  margin-top: 8px;
}

.woocommerce-checkout .woocommerce > form.woocommerce-cart-form,
.woocommerce-checkout .woocommerce form.checkout {
  margin: 0 auto;
  float: none;
  width: 100%;
  padding: 0;
}
.woocommerce-checkout .woocommerce > form.woocommerce-cart-form .button,
.woocommerce-checkout .woocommerce form.checkout .button {
  font-family: Montserrat;
  letter-spacing: 1.5px;
}
.woocommerce-checkout .woocommerce .woocommerce-message {
  padding-top: 2.5rem;
}
.woocommerce-checkout #customer_details {
  margin-bottom: 1.875rem;
}

.woocommerce-cart-form .step-part {
  margin-bottom: 1rem;
}
.woocommerce-cart-form .shop_table {
  margin-bottom: 1.875rem;
  width: 100%;
}

.step-part .heading-line {
  height: 0.5px;
  margin-top: 13px;
  background-color: #dddddd;
}

.padding-bottom-10 {
  padding-bottom: 10px !important;
}

.no-border {
  border: 0;
}

.buy-for-free-shipping {
  padding-bottom: 30px !important;
  padding-top: 30px !important;
  background-color: #DFFCE7;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px !important;
  text-align: center;
}
.buy-for-free-shipping span {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  text-align: center;
}

.product-quantity {
  color: #000;
  display: inline-block;
  font-size: 14px !important;
}

.artsy-qty-minus,
.artsy-qty-plus {
  display: inline-block;
  font-size: 12px;
  line-height: 42px;
  font-weight: 400;
  color: #282828;
  text-align: center;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.qty {
  display: inline-block;
  line-height: 42px;
  vertical-align: top;
  padding: 0;
  border: 0 none;
  text-align: center;
  background: 0 0;
  border: 0 none;
  outline: none;
  font-size: 16px;
}

.input-text {
  outline: none;
}

.input-text::-webkit-outer-spin-button,
.input-text::-webkit-inner-spin-button {
  -webkit-appearance: none;
  -moz-appearance: textfield;
  margin: 0;
}

.clear {
  clear: both;
}

.artsy-product-details .product-subtotal {
  display: inline-block;
}
.artsy-product-details .product-subtotal .woocommerce-Price-amount bdi,
.artsy-product-details .product-subtotal .woocommerce-Price-amount span {
  font-family: "Open Sans", sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 36px;
  padding-right: 10px;
}
.artsy-product-details .product-subtotal del {
  color: #a9a9a9;
  font-size: 15px;
  display: none;
}

.cart_item .product-thumbnail {
  width: 4.6875rem;
}
.cart_item .artsy-product-details {
  padding-left: 1.25rem;
}

.product-thumbnail img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

.artsy-product-details > a {
  font-size: 14px;
  color: #282828;
}

.artsy-quantity-wrap label {
  display: none;
}
.artsy-quantity-wrap .artsy-qty-label-abbrev {
  display: none;
}
.artsy-quantity-wrap .quantity {
  display: inline-block;
}

.product-detail-item .product-quantity .quantity {
  display: flex;
  border: 1px solid #D9D9D9;
  border-radius: 4px;
  width: 110px;
  justify-content: flex-start;
  gap: 0;
}
.product-detail-item .product-quantity .quantity .artsy-qty-minus,
.product-detail-item .product-quantity .quantity .artsy-qty-plus {
  width: 12px;
  font-size: 10px;
  line-height: 26px;
  vertical-align: top;
  transition: color 0.2s ease;
  height: auto;
  position: relative;
  display: inline-block;
  cursor: pointer;
  flex: 1;
  align-content: center;
  text-align: center;
  color: #121212;
  font-size: 11px;
}
.product-detail-item .product-quantity .quantity .qty {
  width: 20px;
  flex: 2;
  height: auto;
  display: inline-block;
  vertical-align: top;
  padding: 0;
  border: 0 none;
  text-align: center;
  background: 0 0;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  color: #000000;
}
.product-detail-item .product-quantity .quantity .artsy-font-minus {
  border-right: 1px solid #D9D9D9;
}
.product-detail-item .product-quantity .quantity .artsy-qty-plus {
  border-left: 1px solid #D9D9D9;
}

.artsy-product-quantity-pricing {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.artsy-product-quantity-pricing .variations {
  width: 100%;
  display: inline-block;
}
.artsy-product-quantity-pricing .variations tbody {
  display: flex;
  gap: 20px;
}
.artsy-product-quantity-pricing .variations tbody tr {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.artsy-product-quantity-pricing .variations td.label {
  display: inline !important;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  color: #828282;
}
.artsy-product-quantity-pricing .variations td.value {
  display: flex;
  justify-content: center;
  align-items: center;
}
.artsy-product-quantity-pricing .variations td.value .sod_select::before {
  top: 6px;
}
.artsy-product-quantity-pricing .variations td.value .sod_select .sod_label {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  padding-right: 3px;
}
.artsy-product-quantity-pricing .variations td {
  padding: 0 !important;
}
.artsy-product-quantity-pricing .variations .value {
  border: none;
}
.artsy-product-quantity-pricing .variations .value .reset_variations {
  display: none;
}
.artsy-product-quantity-pricing .data-add-to-cart {
  display: inline;
}
.artsy-product-quantity-pricing .product-subtotal {
  float: right;
  margin-right: 35px;
}

.product-remove > .remove {
  display: inline-block;
  font-size: 16px;
  color: #282828;
  width: 16px;
  height: 16px;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
.product-remove .artsy-font-close2 {
  color: #a1a1a1;
  font-size: 16px;
  padding: 2px;
  font-weight: bold;
  border-radius: 50%;
  background-color: #000000;
}
.product-remove .artsy-font-close2:hover {
  background-color: #767676;
  color: #ffffff;
}

.artsy-coupon-gift-wrap {
  font-family: Montserrat;
  font-size: 12px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 1.5px;
  color: #000;
}
.artsy-coupon-gift-wrap .ywgc_have_code {
  margin: 15px 0;
}
.artsy-coupon-gift-wrap .ywgc_enter_code {
  padding: 0;
  margin: 0;
}
.artsy-coupon-gift-wrap .ywgc_enter_code > div {
  margin: 0;
}

.ywgc_enter_code .gift-card-row {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.ywgc_enter_code .gift-card-row .button {
  width: 140px;
  color: #000;
  background-color: transparent;
  border: 1px solid #dddddd;
}

.ywgc_enter_code .gift-card-row {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.ywgc_enter_code .gift-card-row .button {
  width: 140px;
  color: #000;
  background-color: transparent;
  border: 1px solid #dddddd;
}

#artsy-coupon-btn,
.ywgc-show-giftcard {
  display: block;
  color: inherit;
  text-decoration: underline;
  text-transform: uppercase;
  font-weight: 600;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
}

.button-bg-white {
  color: #000;
  background-color: transparent;
  border: 1px solid #dddddd;
  outline: none;
  cursor: pointer;
}

.remark {
  font-family: "Open Sans";
  font-size: 12px;
  font-weight: 400;
  font-stretch: normal;
  font-style: italic;
  line-height: normal;
  letter-spacing: 0.43px;
  color: #8d8d8d;
}

.woocommerce-message {
  color: #03a678;
  font-size: 18px;
}
.woocommerce-message .artsy-font-check {
  font-size: 24px;
  position: relative;
  top: 3px;
  margin-right: 8px;
}

.artsy-shop-notice {
  position: relative;
  text-align: center;
}
.artsy-shop-notice li {
  list-style: none !important;
}
.artsy-shop-notice .artsy-font-close {
  font-size: 24px;
  line-height: 1;
  vertical-align: middle;
}

.button {
  text-transform: uppercase;
  cursor: pointer;
}

.action .input-text,
.gift-card-row .input-text {
  padding-left: 12px;
  border: solid 1px #ddd;
  border-right: 0;
  width: 100%;
  font-family: Montserrat;
  font-size: 12px;
  font-weight: 600;
  line-height: 25px;
  margin: 0;
}
.action .button,
.gift-card-row .button {
  width: 200px;
  font-size: 12px;
  height: auto;
  min-width: fit-content;
  font-weight: 600;
  letter-spacing: 1.5px;
}
.action .button:hover,
.gift-card-row .button:hover {
  color: #2a2a2a;
}

.artsy-coupon .action {
  display: flex;
  flex-direction: row;
  width: 100%;
}

.artsy-coupon-inner .artsy-coupon {
  margin-top: 20px;
}
.artsy-coupon-inner .remark {
  margin-top: 10px;
}

.cart_totals .shop_table {
  font-size: 12px;
  letter-spacing: 0.43px;
  color: #8d8d8d;
}
.cart_totals .shop_table tr td {
  text-align: right;
}
.cart_totals .shop_table tr td:first-child {
  text-align: left;
}
.cart_totals .shop_table .woocommerce-remove-coupon {
  display: inline-block;
  font-size: 16px;
  color: #282828;
  width: 16px;
  height: 16px;
}
.cart_totals .shop_table .woocommerce-remove-coupon i {
  color: #a1a1a1;
  font-size: 16px;
  padding: 1px;
  font-weight: bold;
  border-radius: 50%;
  background-color: #000000;
}

.actions .artsy-coupon-gift-wrap {
  width: 48%;
  float: left;
}
.actions .cart-collaterals {
  width: 48%;
  float: right;
}
.actions .cart-collaterals .wc-send-email-partner {
  float: right;
}
.actions .cart-collaterals .wc-send-email-partner .button {
  border-radius: 100px;
  padding: 8px 15px;
  border-radius: 100px;
  padding: 8px 15px;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  text-transform: none;
}

.shipping .shipping-calculator-button {
  color: #000000;
}
.shipping .shipping-calculator-button:hover {
  color: #2a2a2a;
}
.shipping .shipping-calculator-form {
  margin-top: 0.625rem;
}

.cart-discount th,
.shipping th {
  text-align: left;
  min-width: 135px;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: #828282;
}
.cart-discount td,
.shipping td {
  font-family: "Open Sans", sans-serif;
  font-weight: 500;
  font-size: 18px;
  padding-top: 0 !important;
}
.cart-discount td:not(:first-child),
.shipping td:not(:first-child) {
  color: #000000;
}
.cart-discount ul li,
.shipping ul li {
  list-style: none;
}

.order-total {
  border-top: 1px solid #ddd;
}
.order-total td:first-child {
  text-transform: uppercase;
  padding-top: 40px;
  min-width: 135px;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: #828282;
}
.order-total .float-right {
  color: #000000;
  font-weight: 600;
}
.order-total .float-right bdi {
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
}
.order-total .price_saved {
  padding-top: 0 !important;
  margin-left: 65%;
}

.checkout-partner {
  border-top: none !important;
}

.wc-proceed-to-nextstep {
  text-align: right;
}
.wc-proceed-to-nextstep .button {
  padding: 0.9375rem 1.25rem;
  width: 170px;
  height: 50px;
  border-radius: 100px;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 18px;
  text-transform: none;
}

.cart_totals > h2 {
  display: none;
}

.woocommerce-cart-form > .shop_table.cart > tr:first-child td {
  padding: 0;
}

.shop_table.cart tr {
  position: relative;
}
.shop_table.cart tr td {
  padding-bottom: 1.25rem;
  padding-top: 1.25rem;
  line-height: 1.4;
  vertical-align: middle;
}
@media (max-width: 768px) {
  .shop_table.cart tr > td.padding-bottom-10 {
    padding-top: 0;
  }
}
.shop_table.cart .cart_item {
  border-bottom: 1px solid #ddd;
}
.shop_table.cart .cart_item .product-remove {
  text-align: right;
  padding: 0px;
  padding-bottom: 20px;
  padding-top: 25px;
}
.shop_table.cart .cart_item .product-remove > .remove {
  margin-top: 21%;
}
.shop_table.cart .product-remove .product-subtotal.mobile {
  display: none;
}

#customer_details .form-row {
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 1.5px;
  color: #000;
  margin-right: 0px;
  margin-left: 0px;
}
#customer_details .form-row label {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  display: inline-block;
  padding-top: 0px;
  padding-bottom: 8px;
  text-transform: none;
}
#customer_details .form-row select,
#customer_details .form-row .input-text {
  display: block;
  width: 100%;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  border-radius: 0px;
}
#customer_details .form-row textarea {
  height: 9.375rem;
}
#customer_details #shipping_country_field .woocommerce-input-wrapper {
  border-radius: 0px;
}
#customer_details #shipping_country_field .woocommerce-input-wrapper strong {
  display: block;
  width: 100%;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  padding: 8px 10px;
  border: 1px solid #e7e7e7;
}
#customer_details #shipping_address_2_field {
  display: none !important;
}

.form-row-first,
.form-row-last {
  width: 48%;
}

.form-row-first {
  float: left;
}

.form-row-last {
  float: right;
}

.required {
  color: red;
  text-decoration: none;
}

.shipping_address {
  overflow: auto;
}

#ship-to-different-address {
  display: none;
}

.billing-address-content {
  display: none;
}

.shipping-address-content {
  padding: 0px;
}
.shipping-address-content .shipping_address {
  padding: 0px;
}
.shipping-address-content .woocommerce-shipping-fields__field-wrapper {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  flex-wrap: wrap;
  /* Chiều cao của select2 */
}
.shipping-address-content .woocommerce-shipping-fields__field-wrapper .form-row {
  width: 48%;
  margin: 0px;
}
.shipping-address-content .woocommerce-shipping-fields__field-wrapper #shipping_address_book_field {
  width: 100%;
}
.shipping-address-content .woocommerce-shipping-fields__field-wrapper .select2-container--default .select2-selection--single {
  height: 42px;
  padding: 5px 10px;
  box-sizing: border-box;
  border-radius: 0px;
  border: solid 1px #ddd;
  /* Điều chỉnh văn bản bên trong */
  /* Mũi tên sổ xuống */
}
.shipping-address-content .woocommerce-shipping-fields__field-wrapper .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 30px;
  padding-left: 0px;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  color: #000000;
  font-weight: 500;
  text-transform: capitalize;
}
.shipping-address-content .woocommerce-shipping-fields__field-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 100%;
}
@media (max-width: 1024px) {
  .shipping-address-content .woocommerce-shipping-fields__field-wrapper .form-row {
    width: 47%;
  }
}
@media (max-width: 768px) {
  .shipping-address-content .woocommerce-shipping-fields__field-wrapper .form-row {
    width: 100%;
  }
}

.woocommerce-error {
  position: relative;
  text-align: center;
  font-size: 18px;
}
.woocommerce-error ul li {
  list-style: none;
}
.woocommerce-error .artsy-font-close {
  position: relative;
  top: -2px;
  margin-right: 8px;
}

.accept-maketing label,
.woocommerce-terms-and-conditions-wrapper label {
  font-weight: 400;
  font-family: "Open Sans";
  text-transform: none;
  letter-spacing: normal;
  font-size: 14px;
}

.woocommerce-terms-and-conditions-wrapper .required {
  display: none;
}

.validate-required a {
  color: #dc9814;
}
.validate-required a:hover {
  color: #282828;
}

.klarna-checkout-select-other-wrapper .button {
  height: auto;
}

.checkmark {
  border: 1.5px solid #dddddd;
  background-color: #ffffff;
  width: 20px;
  height: 20px;
}
.checkmark:hover {
  background-color: #ddd;
}
.checkmark:after {
  display: none;
  content: "";
  position: absolute;
  left: 5px;
  top: 0;
  width: 7px;
  height: 12px;
  border: solid #000;
  border-width: 0 1px 1px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.checkbox {
  display: block;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.checkbox .checkmark {
  position: absolute;
  top: 0;
  left: 0;
}
.checkbox input[type=checkbox] {
  width: 0;
  height: 0;
  position: absolute;
  opacity: 0;
}
.checkbox input[type=radio] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.checkbox .text {
  font-weight: 600;
  line-height: 20px;
}
.checkbox input:checked ~ .checkmark {
  border: 1.5px solid #000000;
}
.checkbox input:checked ~ .checkmark:after {
  display: block;
}

.woocommerce-shipping-fields {
  text-transform: uppercase;
  font-family: Montserrat;
  font-size: 12px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 1.5px;
}
.woocommerce-shipping-fields .checkbox {
  margin: 1.25rem 0 1.875rem;
}

.woocommerce-billing-fields #ship-to-different-address {
  padding: 1.25rem;
}
.woocommerce-billing-fields h3:first-child {
  display: none;
}

form.checkout .col-12 {
  overflow: auto;
}
form.checkout .checkbox {
  height: 20px;
  padding-left: 2.5rem;
  padding-top: 0;
  line-height: 20px;
}
form.checkout .woocommerce-error {
  position: relative;
}
form.checkout .step-part {
  margin-bottom: 1rem;
}
form.checkout select {
  background-color: #fff;
  background-image: url("../images/select-arrow@2x.gif");
  background-position: 98.5% 50%;
  background-repeat: no-repeat;
  background-size: 8px 4px;
}

.stripe-icon {
  display: inline-block;
  width: auto;
  vertical-align: middle;
  line-height: 70px;
}

.cards-icon .stripe-icon {
  max-width: 40px;
  padding-left: 3px;
  margin: 0;
}
.cards-icon img {
  vertical-align: middle;
}

.wc-payment-form .wc-stripe-elements-field {
  height: 2.5rem;
}

.payment_box {
  font-size: 12px;
}
.payment_box ul {
  margin-top: 0.625rem;
}
.payment_box .wc-payment-form {
  width: 209%;
  padding-top: 1.25rem;
}

#stripe-payment-data {
  padding-top: 0.625rem;
}
#stripe-payment-data a {
  color: #dc9814;
}
#stripe-payment-data a:hover {
  color: #2a2a2a;
}
#stripe-payment-data li {
  margin-bottom: 10px;
}
#stripe-payment-data li span {
  vertical-align: middle;
}

.stripe-source-errors li {
  text-align: left;
  font-family: Montserrat;
  font-weight: 600;
}

.place-order .button {
  height: 3.125rem;
  width: 20.625rem;
  margin-bottom: 1.25rem;
  adding: 0.9375rem 1.25rem;
  border-radius: 100px;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  text-transform: none;
}
.place-order .woocommerce-privacy-policy-text {
  max-width: 25.625rem;
  margin: 0 auto;
}

.woocommerce-privacy-policy-text p {
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  font-stretch: normal;
  font-style: italic;
  line-height: normal;
  letter-spacing: 0.43px;
  text-align: center;
  color: #4F4F4F;
}
.woocommerce-privacy-policy-text p a {
  color: #dc9814;
}
.woocommerce-privacy-policy-text p a:hover {
  color: #000000;
}

.method-name {
  line-height: 70px;
  vertical-align: middle;
  border: solid 1px #ddd;
}
.method-name label {
  display: inline-block;
  vertical-align: middle;
  font-family: "Open Sans";
  font-size: 12px;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.43px;
  color: #000;
}
.method-name .cards-icon {
  display: inline-block;
  width: 120px;
  vertical-align: middle;
  float: right;
  line-height: 70px;
  margin-right: 25px;
}

.wc_payment_methods {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.payment_methods > li {
  width: 48%;
  display: block;
  border: 0;
  padding: 0;
  margin-top: 10px;
}
.payment_methods > li:first-child {
  float: left;
}
.payment_methods > li p {
  padding-top: 5px;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 18px;
  color: #000000;
}
.payment_methods .method-name {
  padding-left: 1.5625rem;
}
.payment_methods li.active .method-name {
  border: 1px solid #000000;
}
.payment_methods #stripe-text:before {
  content: "Pay with your credit card via Stripe.";
}

.woocommerce-checkout-review-order ul li {
  list-style: none;
}
.woocommerce-checkout-review-order #payment {
  margin-top: 2.5rem;
}
.woocommerce-checkout-review-order .place-order {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 50px;
}

@media (max-width: 768px) {
  .step-text {
    font-size: 1rem;
  }
  .arrow-down-8 {
    height: 8px;
    width: 8px;
    border: solid #000;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    margin-top: 6px;
  }
  .arrow-up-8 {
    height: 8px;
    width: 8px;
    border: solid #000;
    border-width: 2px 0 0 2px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    margin-top: 6px;
  }
  .step-part .heading-line {
    margin-top: 1.875rem;
  }
  form.checkout .step-part,
  form.woocommerce-cart-form .step-part {
    margin-bottom: 1.875rem;
  }
  .actions .artsy-coupon-gift-wrap,
  .actions .cart-collaterals {
    width: 100%;
    float: none;
  }
  .remove .artsy-font-close2 {
    font-size: 18px;
  }
  .woocommerce .wc-proceed-to-nextstep .button {
    width: 100%;
  }
  .shop_table.cart .artsy-product-details .product-subtotal.desktop {
    display: none;
  }
  .shop_table.cart .artsy-product-quantity-pricing {
    margin-top: 16px;
  }
  .shop_table.cart .artsy-product-quantity-pricing .product-quantity {
    margin: 0;
  }
  .shop_table.cart .product-remove {
    padding-left: 5px;
    text-align: right;
  }
  .shop_table.cart .product-remove .remove {
    display: inline-block;
  }
  .shop_table.cart .product-remove .product-subtotal.mobile {
    display: block;
    margin-top: 1.25rem;
  }
  .shop_table.cart .actions .cart-collaterals {
    border-top: 1px solid #ddd;
    padding-top: 30px;
    margin-top: 30px;
  }
  .shop_table.cart .cart-collaterals .calculated_shipping td {
    padding: 10px 0;
  }
  .shop_table.cart .order-total .price_saved {
    margin-left: 50%;
  }
  .woocommerce-checkout .form-row-first,
  .woocommerce-checkout .form-row-last {
    width: 100%;
    float: none;
  }
  .woocommerce-checkout .payment_box .wc-payment-form {
    width: 100%;
  }
  .woocommerce-checkout .woocommerce-checkout-payment .payment_methods > li {
    width: 100%;
    float: none;
  }
  .woocommerce-checkout .woocommerce-checkout-payment .payment_methods > li .cards-icon {
    margin-right: 1.25rem;
  }
  .woocommerce-checkout .woocommerce-checkout-payment .payment_methods #stripe-text:before {
    content: "";
    display: none;
  }
  .woocommerce-checkout .woocommerce-checkout-payment .payment_methods .payment_method_kco {
    margin-top: 1.875rem;
  }
  .woocommerce-checkout .woocommerce-checkout-payment .payment_methods .payment_method_kco .cards-icon {
    margin-right: 0.625rem;
  }
  .woocommerce-checkout .woocommerce-checkout-payment .payment_methods .method-name {
    padding-left: 0.9375rem;
  }
  .woocommerce-checkout .woocommerce-checkout-payment .payment_methods .method-name .checkbox {
    padding-left: 1.875rem;
  }
  .woocommerce-checkout .place-order .button {
    width: 100%;
    margin-top: 2.5rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  .woocommerce-checkout .klarna-checkout-select-other-wrapper .button {
    font-size: 13px;
    padding: 20px 10px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .shop_table.card .order-total .price_saved {
    margin-left: 70%;
  }
}
.woocommerce-cart-form__cart-item .sod_label {
  font-size: 14px;
}
@media (max-width: 768px) {
  .woocommerce-cart-form__cart-item .sod_label {
    font-size: 12px;
  }
}
.woocommerce-cart-form__cart-item .woocommerce-Price-amount bdi {
  font-family: Montserrat;
}

#checkout-step-1 .woocommerce-cart-form__cart-item .product-thumbnail, #checkout-partner-step .woocommerce-cart-form__cart-item .product-thumbnail {
  padding-top: 15px;
}
#checkout-step-1 .woocommerce-cart-form__cart-item .product-thumbnail img, #checkout-partner-step .woocommerce-cart-form__cart-item .product-thumbnail img {
  min-width: 120px;
  box-sizing: border-box;
}
#checkout-step-1 .woocommerce-cart-form__cart-item .artsy-product-details, #checkout-partner-step .woocommerce-cart-form__cart-item .artsy-product-details {
  padding-top: 25px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
#checkout-step-1 .woocommerce-cart-form__cart-item .artsy-product-details .product-detail-item, #checkout-partner-step .woocommerce-cart-form__cart-item .artsy-product-details .product-detail-item {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
#checkout-step-1 .woocommerce-cart-form__cart-item .artsy-product-details .name-items-product a, #checkout-partner-step .woocommerce-cart-form__cart-item .artsy-product-details .name-items-product a {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  text-align: left;
  color: #000000;
}
#checkout-step-1 .woocommerce-cart-form__cart-item .artsy-product-details .name-items-product a:hover, #checkout-partner-step .woocommerce-cart-form__cart-item .artsy-product-details .name-items-product a:hover {
  color: #000000;
}
@media (min-width: 768px) and (max-width: 992px) {
  #checkout-step-1 .woocommerce-cart-form__cart-item .artsy-product-details, #checkout-partner-step .woocommerce-cart-form__cart-item .artsy-product-details {
    display: block;
  }
}
@media (max-width: 768px) {
  #checkout-step-1 .product-remove .product-subtotal.mobile, #checkout-partner-step .product-remove .product-subtotal.mobile {
    display: none;
  }
  #checkout-step-1 .artsy-product-details .product-subtotal.desktop, #checkout-partner-step .artsy-product-details .product-subtotal.desktop {
    display: block;
  }
  #checkout-step-1 .woocommerce-cart-form__cart-item .artsy-product-details, #checkout-partner-step .woocommerce-cart-form__cart-item .artsy-product-details {
    display: block;
  }
  #checkout-step-1 .woocommerce-cart-form__cart-item .artsy-product-details .name-items-product a, #checkout-partner-step .woocommerce-cart-form__cart-item .artsy-product-details .name-items-product a {
    font-size: 16px;
  }
  #checkout-step-1 .woocommerce-cart-form__cart-item .artsy-product-details .product-detail-item, #checkout-partner-step .woocommerce-cart-form__cart-item .artsy-product-details .product-detail-item {
    gap: 0;
  }
  #checkout-step-1 .woocommerce-cart-form__cart-item .artsy-product-details .product-subtotal .woocommerce-Price-amount bdi, #checkout-partner-step .woocommerce-cart-form__cart-item .artsy-product-details .product-subtotal .woocommerce-Price-amount bdi {
    font-size: 20px;
  }
  #checkout-step-1 .artsy-product-quantity-pricing, #checkout-partner-step .artsy-product-quantity-pricing {
    gap: 10px;
  }
  #checkout-step-1 .artsy-product-quantity-pricing .variations tbody, #checkout-partner-step .artsy-product-quantity-pricing .variations tbody {
    display: table-cell;
  }
  #checkout-step-1 .artsy-product-quantity-pricing .variations tbody tr, #checkout-partner-step .artsy-product-quantity-pricing .variations tbody tr {
    justify-content: unset;
  }
  #checkout-step-1 .artsy-product-quantity-pricing .variations td.label, #checkout-partner-step .artsy-product-quantity-pricing .variations td.label {
    font-size: 16px;
  }
  #checkout-step-1 .artsy-product-quantity-pricing .variations td.value .sod_select .sod_label, #checkout-partner-step .artsy-product-quantity-pricing .variations td.value .sod_select .sod_label {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  #checkout-step-1 .woocommerce-cart-form__cart-item .artsy-product-details, #checkout-partner-step .woocommerce-cart-form__cart-item .artsy-product-details {
    padding-top: 20px;
  }
  #checkout-step-1 .woocommerce-cart-form__cart-item .artsy-product-details .product-subtotal .woocommerce-Price-amount bdi, #checkout-partner-step .woocommerce-cart-form__cart-item .artsy-product-details .product-subtotal .woocommerce-Price-amount bdi {
    font-size: 18px;
  }
  #checkout-step-1 .woocommerce-cart-form__cart-item .product-thumbnail img, #checkout-partner-step .woocommerce-cart-form__cart-item .product-thumbnail img {
    min-width: 90px;
  }
  #checkout-step-1 .artsy-product-quantity-pricing, #checkout-partner-step .artsy-product-quantity-pricing {
    gap: 5px;
    margin-top: 10px;
  }
  #checkout-step-1 .artsy-product-quantity-pricing .variations td.label, #checkout-partner-step .artsy-product-quantity-pricing .variations td.label {
    font-size: 14px;
  }
  #checkout-step-1 .artsy-product-quantity-pricing .variations td.value .sod_select .sod_label, #checkout-partner-step .artsy-product-quantity-pricing .variations td.value .sod_select .sod_label {
    font-size: 14px;
  }
}

.artsy-page-content-wrap .woocommerce {
  padding: 0 8px 16px;
  max-width: 1280px;
  margin: 0 auto;
}
.artsy-page-content-wrap .woocommerce .mfp-hide {
  display: none;
}
.artsy-page-content-wrap .woocommerce > .ywgc_have_code {
  display: none;
}

.woocommerce > form.checkout,
.woocommerce > form.woocommerce-cart-form {
  margin-left: auto;
  margin-right: auto;
  float: none;
  width: 100%;
  padding: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.artsy-product-details dt,
.artsy-product-details dd {
  font-size: 11.5px;
}

.redirect-domain {
  padding: 20px 30px !important;
  line-height: 1.5;
  text-align: center;
}

.button-redirect {
  padding-bottom: 20px;
}

.button-redirect-domain {
  background-color: black;
  color: white;
  display: block;
  line-height: 45px;
  height: 45px;
  border-radius: 0;
  border: none;
  cursor: pointer;
  text-align: center;
  width: 45%;
  margin: auto;
  padding-bottom: 20px;
}

.country-name-change {
  font-weight: 700;
  padding-top: 10px !important;
}

.float-right {
  float: right;
}

#shipping_country_field .woocommerce-input-wrapper,
#billing_country_field .woocommerce-input-wrapper {
  width: 100%;
  display: block;
  color: black;
}
#shipping_country_field .woocommerce-input-wrapper strong,
#billing_country_field .woocommerce-input-wrapper strong {
  line-height: 1.6;
  font-size: 13px;
  text-transform: capitalize;
}

.artsy-checkout-ty .woocommerce-customer-details .addresses {
  padding-top: 20px;
}
.artsy-checkout-ty .woocommerce-customer-details .addresses .woocommerce-column__title {
  margin: 15px 0 10px;
  font-size: 22px;
}
.artsy-checkout-ty .woocommerce-customer-details .addresses p {
  margin-bottom: 5px;
}

@media only screen and (max-width: 1024px) {
  .artsy-checkout-ty .woocommerce-customer-details .addresses {
    display: flex;
    width: 100%;
  }
}
.woocommerce-additional-fields {
  margin-top: 30px;
}

#customer_details .wc-proceed-to-nextstep {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 30px;
  padding-bottom: 15px;
  padding-left: 0px;
  padding-right: 0px;
}
#customer_details .wc-proceed-to-nextstep .toltal-shipping-fee {
  width: 100%;
}
#customer_details .wc-proceed-to-nextstep .toltal-shipping-fee .shop_table {
  display: flex;
  flex-direction: column;
  align-items: end;
  width: 48%;
  float: right;
}
#customer_details .wc-proceed-to-nextstep .toltal-shipping-fee .shop_table tfoot {
  width: 100%;
}
#customer_details .wc-proceed-to-nextstep .toltal-shipping-fee .shop_table tfoot tr {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  padding-bottom: 10px;
}
#customer_details .wc-proceed-to-nextstep .toltal-shipping-fee .shop_table tfoot tr th {
  min-width: 120px;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: #828282;
}
#customer_details .wc-proceed-to-nextstep .toltal-shipping-fee .shop_table tfoot tr td {
  font-family: "Open Sans", sans-serif;
  font-weight: 500;
  font-size: 18px;
}
#customer_details .wc-proceed-to-nextstep .toltal-shipping-fee .shop_table tfoot tr td .woocommerce-Price-amount bdi, #customer_details .wc-proceed-to-nextstep .toltal-shipping-fee .shop_table tfoot tr td .woocommerce-Price-amount span {
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  text-align: right;
}
#customer_details .wc-proceed-to-nextstep .toltal-shipping-fee .shop_table tfoot .order-total {
  padding-top: 10px;
}
#customer_details .wc-proceed-to-nextstep .toltal-shipping-fee .shop_table tfoot .order-total td .woocommerce-Price-amount bdi, #customer_details .wc-proceed-to-nextstep .toltal-shipping-fee .shop_table tfoot .order-total td .woocommerce-Price-amount span {
  font-size: 20px;
}
@media (max-width: 768px) {
  #customer_details .wc-proceed-to-nextstep .toltal-shipping-fee .shop_table {
    width: 100%;
  }
}

.collection-category .detail-category {
  margin: 65px 0 25px 0;
}

img.collection-image {
  max-width: 100px;
  border-radius: 50%;
  float: right;
  margin-top: 20px;
}

.influencer-viewmore {
  text-align: center;
  position: relative;
}

.button-viewmore {
  text-align: center;
  cursor: pointer;
  font-size: 14px;
  width: 200px;
  color: #fff;
  background-color: #000;
  font-weight: 400;
  padding: 10px 30px;
  text-transform: uppercase;
  letter-spacing: 1px;
  transition: all 0.3s ease;
  display: inline-block;
  line-height: 2;
  white-space: nowrap;
  margin: 16px 0 6px;
}

a:hover.button-viewmore {
  opacity: 0.73;
  color: #fff;
}

.StudentDiscount {
  margin-top: 40px;
  margin-bottom: 40px;
}
.StudentDiscount #desktop-blocks {
  background-color: rgba(152, 152, 152, 0.2196078431);
  max-width: 1084px;
}
.StudentDiscount .imageleft {
  margin-left: -6%;
}
.StudentDiscount .content {
  margin-left: -2%;
  margin-top: 37px;
}
.StudentDiscount .discountHeading {
  margin-top: 10%;
  text-align: center;
  margin-bottom: 0.25em;
  font-size: 1.8125em;
  font-weight: 700;
  text-transform: uppercase;
}
.StudentDiscount .titleSite {
  margin-bottom: 1.3125em;
  text-align: center;
  color: #201b21;
}
.StudentDiscount .noiticeDiscount {
  margin-bottom: 0.875em;
  margin-top: 0;
  text-align: center;
}
.StudentDiscount .buttonDiscount {
  display: flex;
  align-items: center;
  justify-content: center;
}
.StudentDiscount .buttonDiscount button {
  background-color: #000 !important;
  color: #fff !important;
  font-weight: 700;
  font-family: "Open Sans", sans-serif !important;
  width: 218px;
  height: 49px;
  margin-top: 10%;
}

#desktop-blocks {
  margin: 0 auto !important;
  max-width: 1286px;
}

a {
  color: #dc9814;
  outline: 0;
  text-decoration: none;
  transition: color 0.2s ease;
}

.formDiscount .academicYear {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
}
.formDiscount .email {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
}
.formDiscount .name {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
}
.formDiscount .phone {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
}
.formDiscount .universityName {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
}
.formDiscount .titleform {
  text-align: center;
}

#hs-rsp-popup-bg .formDiscount #buttonRegister {
  margin-left: 35%;
  width: 200px;
  height: 45px;
  font-size: 19px;
  margin-top: 10px;
}

.student-discount .artsy-divider-title {
  height: 24px;
  font-size: 18px;
  line-height: normal;
  letter-spacing: 1.64px;
  color: #000;
  font-weight: 700;
}

.desktop-blocks.student-discount {
  margin-top: 50px;
  margin-bottom: 10px;
}

#academicYearMessageId.error {
  color: red;
  font-size: 12px;
  position: relative;
}

#emailMessageId.error {
  color: red;
  font-size: 12px;
  position: relative;
}

#nameMessageId.error {
  color: red;
  font-size: 12px;
  position: relative;
}

#phoneMessageId.error {
  color: red;
  font-size: 12px;
  position: relative;
}

#registerMessageId.error {
  color: red;
  font-size: 12px;
  position: relative;
}

#universityNameMessageId.error {
  color: red;
  font-size: 12px;
  position: relative;
}

.registerMessageId {
  color: red;
  font-size: 16px;
  text-align: center;
}

@media (min-width: 1280px) {
  .StudentDiscount .buttonDiscount {
    margin-bottom: 35px;
  }
}
@media (min-width: 1300px) {
  #hs-rsp-div > .formDiscount {
    width: 668px;
    margin-left: 20px;
    margin-right: 20px;
  }
}
.student-discount .artsy-divider-title.medium {
  font-size: 18px;
}

.desktop-blocks.student-page {
  padding-top: 60px;
}

@media (max-width: 767px) {
  #hs-rsp-div > .formDiscount {
    width: auto;
  }
  #hs-rsp-popup-bg .formDiscount #buttonRegister {
    margin-left: 17%;
  }
  .StudentDiscount {
    margin-bottom: -12px;
    margin-top: unset;
  }
  .StudentDiscount .imageleft {
    margin-left: unset;
  }
  .StudentDiscount .content {
    margin-left: unset;
    background-color: rgba(255, 255, 255, 0.8784313725);
    position: absolute;
    height: 100vh;
    margin-top: unset;
  }
  .StudentDiscount .content p {
    font-size: 15px;
  }
  .StudentDiscount .discountHeading {
    font-size: 21px;
  }
  .StudentDiscount #desktop-blocks {
    background-color: unset;
  }
  .container.customizemb {
    padding-right: unset;
    padding-left: unset;
  }
}
figure.woocommerce-product-gallery__wrapper {
  overflow: hidden;
  margin: 10px 40px;
}
@media (max-width: 768px) {
  figure.woocommerce-product-gallery__wrapper {
    margin: 10px 20px;
  }
}

.woocommerce-product-gallery__image:first-child {
  position: relative;
}

.gallery-col-6 .woocommerce-product-gallery {
  width: 50%;
}

.product.product-type-bundle .summary {
  padding-left: 15px;
}

.summary-col-6 .summary {
  width: 50%;
}

.product-type-bundle .artsy-product-summary-inner-col {
  width: 100%;
}
.product-type-bundle .artsy-product-summary-inner-col .variations tr {
  font-size: 14px;
}
.product-type-bundle .artsy-product-summary-inner-col .variations tr .label {
  width: 40%;
  padding: 11px 0 11px 0px;
}
.product-type-bundle .artsy-product-summary-inner-col .bundled_item_wrap label {
  font-size: 14px;
}
.product-type-bundle .artsy-single-product-showcase .summary.entry-summary .artsy-product-summary-inner-col-1 h1 {
  font-size: 26px;
  font-weight: 500;
  line-height: 1.2;
  text-transform: capitalize;
}

.product-type-bundle.entry-summary .header-title .artsy-wishlist-button {
  width: 36px;
  height: 43px;
  line-height: 69px;
  margin-top: 22px;
}

.product-type-bundle #product_detail_price_move {
  display: none;
}

.product .summary form.cart {
  padding-top: 10px;
}
.product .summary .button {
  font-family: inherit;
  width: 100%;
  padding: 5px 10px;
  margin-top: 30px;
  margin-bottom: 20px;
}

.bundle_form {
  margin: 0 4px 2em;
}

.bundle-title .product_title {
  display: none;
}

.bundle_availability {
  display: none;
}

.bundle_data .artsy-quantity-wrap {
  display: none;
}

.artsy-single-product-showcase .bundle_wrap .bundle_button #selectSizeTitle {
  display: none;
}

.product-type-bundle.product .summary .button {
  font-family: inherit;
  width: 100%;
  margin-top: 16px;
  height: 60px;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 700;
  padding: 18px;
  line-height: 24px;
  text-align: center;
}
.product-type-bundle.product .summary .price .amount {
  font-size: 20px;
  line-height: 1;
  color: #dc9814;
}
.product-type-bundle.product .summary .price del .woocommerce-Price-amount.amount {
  color: #a9a9a9;
  font-size: 16px;
}

@media all and (min-width: 1161px) {
  .bundled_product_images .bundled_product_image {
    height: 230px;
    line-height: 230px;
  }
}
@media all and (min-width: 1111px) and (max-width: 1160px) {
  .bundled_product_images .bundled_product_image {
    height: 220px;
    line-height: 220px;
  }
}
@media (max-width: 1080px) {
  .product-type-bundle .nm-single-product-showcase .summary.entry-summary .nm-product-summary-inner-col-2 {
    width: 100%;
  }
}
@media all and (min-width: 1081px) and (max-width: 1110px) {
  .bundled_product_images .bundled_product_image {
    height: 210px;
    line-height: 210px;
  }
}
.bundled_product_images .bundled_product_image .image.zoom {
  display: inline-block;
  vertical-align: middle;
  height: auto;
  position: relative;
}

.product-type-bundle .bundled_product_title.product_title {
  font-size: 16px;
  line-height: 1.4;
  margin-top: 20px;
  min-height: 45px;
  text-transform: none;
  font-weight: normal;
  font-family: Josefin Sans, sans-serif;
}

.bundled_product_title_link {
  color: #777;
}

.bundled_product .variations .label label {
  font-weight: normal;
}
@media (max-width: 768px) {
  .bundled_product .variations tr:first-child td.label {
    padding: 11px 0 11px 5px !important;
  }
}

.bundle_price .price {
  margin: 0;
}
.bundle_price .price del {
  margin-left: 0 !important;
}

@media (max-width: 1080px) {
  .product.product-type-bundle .summary {
    padding: 0;
    margin: 0;
    max-width: 100%;
    width: auto;
  }
}
@media (max-width: 768px) {
  .artsy-page-content-wrap .product-type-bundle .woocommerce-product-gallery {
    margin-top: 0px;
    padding: 0;
  }
}
.bundled_item_wrap .single_variation {
  display: block !important;
}
.bundled_item_wrap .woocommerce-variation-price {
  margin-top: 10px;
}
.bundled_item_wrap ins .amount {
  font-size: 20px;
  line-height: 1;
  color: #dc9814;
}
.bundled_item_wrap .price del {
  margin-left: 0;
}
.bundled_item_wrap .price del .woocommerce-Price-amount.amount {
  font-size: 16px !important;
  color: #a9a9a9 !important;
}

@media (max-width: 768px) {
  .product-type-bundle .bundled_item_button label {
    font-size: 13px;
  }
}

.bundled_item_cart_content .artsy-quantity-wrap {
  position: relative;
  width: 100%;
  border-top: 1px solid #dadada;
  border-right: 1px solid #dadada;
  border-left: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
  overflow: hidden;
}
.bundled_item_cart_content .artsy-quantity-wrap .quantity .artsy-qty-minus,
.bundled_item_cart_content .artsy-quantity-wrap .quantity .artsy-qty-plus {
  position: relative;
  display: inline-block;
  font-size: 12px;
  line-height: 42px;
  font-weight: 400;
  color: #282828;
  width: 23px;
  height: 42px;
  text-align: center;
  cursor: pointer;
  user-select: none;
}
@media (max-width: 768px) {
  .bundled_item_cart_content .artsy-quantity-wrap .quantity .artsy-qty-minus,
  .bundled_item_cart_content .artsy-quantity-wrap .quantity .artsy-qty-plus {
    width: 10px !important;
  }
}
.bundled_item_cart_content .artsy-quantity-wrap .qty {
  display: inline-block;
  line-height: 42px;
  width: 26px;
  height: 42px;
  vertical-align: top;
  padding: 0;
  border: 0 none;
  text-align: center;
  background: 0 0;
}

.artsy-font.flip:before {
  transform: scale(-1, 1);
  display: inline-block;
}

.bundle_price ins .amount {
  letter-spacing: 1.6px;
  font-size: 26px;
  font-weight: 400;
  color: #dc9814;
}

@media all and (min-width: 1161px) {
  .bundled_product_images .bundled_product_image {
    height: 230px;
    line-height: 230px;
  }
}
@media all and (min-width: 1111px) and (max-width: 1160px) {
  .bundled_product_images .bundled_product_image {
    height: 220px;
    line-height: 220px;
  }
}
@media all and (min-width: 1081px) and (max-width: 1110px) {
  .bundled_product_images .bundled_product_image {
    height: 210px;
    line-height: 210px;
  }
}
/* Large screen, 3 columns */
@media all and (min-width: 1045px) and (max-width: 1080px) {
  .bundled_product_image {
    height: 450px;
    line-height: 450px;
  }
}
@media all and (min-width: 1020px) and (max-width: 1045px) {
  .bundled_product_image {
    height: 435px;
    line-height: 435px;
  }
}
@media all and (min-width: 990px) and (max-width: 1019px) {
  .bundled_product_image {
    height: 425px;
    line-height: 425px;
  }
}
@media all and (min-width: 950px) and (max-width: 990px) {
  .bundled_product_image {
    height: 410px;
    line-height: 410px;
  }
}
@media all and (min-width: 910px) and (max-width: 949px) {
  .bundled_product_image {
    height: 390px;
    line-height: 390px;
  }
}
@media all and (min-width: 880px) and (max-width: 910px) {
  .bundled_product_image {
    height: 375px;
    line-height: 375px;
  }
}
@media all and (min-width: 840px) and (max-width: 879px) {
  .bundled_product_image {
    height: 360px;
    line-height: 360px;
  }
}
@media all and (min-width: 810px) and (max-width: 840px) {
  .bundled_product_image {
    height: 340px;
    line-height: 340px;
  }
}
@media all and (min-width: 780px) and (max-width: 810px) {
  .bundled_product_image {
    height: 325px;
    line-height: 325px;
  }
}
@media all and (min-width: 750px) and (max-width: 779px) {
  .bundled_product_image {
    height: 312px;
    line-height: 312px;
  }
}
/* Medium screen, 3 columns */
@media all and (min-width: 720px) and (max-width: 749px) {
  .bundled_product_image {
    height: 485px;
    line-height: 485px;
  }
}
@media all and (min-width: 700px) and (max-width: 720px) {
  .bundled_product_image {
    height: 465px;
    line-height: 465px;
  }
}
@media all and (min-width: 670px) and (max-width: 699px) {
  .bundled_product_image {
    height: 450px;
    line-height: 450px;
  }
}
@media all and (min-width: 650px) and (max-width: 670px) {
  .bundled_product_image {
    height: 430px;
    line-height: 430px;
  }
}
@media all and (min-width: 620px) and (max-width: 649px) {
  .bundled_product_image {
    height: 415px;
    line-height: 415px;
  }
}
@media all and (min-width: 600px) and (max-width: 620px) {
  .bundled_product_image {
    height: 400px;
    line-height: 400px;
  }
}
@media all and (min-width: 570px) and (max-width: 599px) {
  .bundled_product_image {
    height: 380px;
    line-height: 380px;
  }
}
@media all and (min-width: 550px) and (max-width: 570px) {
  .bundled_product_image {
    height: 362px;
    line-height: 362px;
  }
}
@media all and (min-width: 525px) and (max-width: 550px) {
  .bundled_product_image {
    height: 350px;
    line-height: 350px;
  }
}
@media all and (min-width: 500px) and (max-width: 525px) {
  .bundled_product_image {
    height: 330px;
    line-height: 330px;
  }
}
@media all and (min-width: 475px) and (max-width: 500px) {
  .bundled_product_image {
    height: 310px;
    line-height: 310px;
  }
}
@media all and (min-width: 450px) and (max-width: 475px) {
  .bundled_product_image {
    height: 295px;
    line-height: 295px;
  }
}
@media all and (min-width: 425px) and (max-width: 450px) {
  .bundled_product_image {
    height: 280px;
    line-height: 280px;
  }
}
@media all and (min-width: 400px) and (max-width: 425px) {
  .bundled_product_image {
    height: 260px;
    line-height: 260px;
  }
}
@media all and (min-width: 375px) and (max-width: 400px) {
  .bundled_product_image {
    height: 242px;
    line-height: 242px;
  }
}
@media all and (min-width: 350px) and (max-width: 375px) {
  .bundled_product_image {
    height: 225px;
    line-height: 225px;
  }
}
@media all and (min-width: 320px) and (max-width: 350px) {
  .bundled_product_image {
    height: 210px;
    line-height: 210px;
  }
}
@media all and (min-width: 300px) and (max-width: 320px) {
  .bundled_product_image {
    height: 190px;
    line-height: 190px;
  }
}
@media all and (max-width: 300px) {
  .bundled_product_image {
    height: 175px;
    line-height: 175px;
  }
}
.bundle_button .button {
  height: auto;
}

.container-main {
  position: relative;
  top: 50px;
  margin: 0 auto;
  width: 100%;
  height: auto;
  padding: 0 122px;
  z-index: 2;
}
.container-main .container-upload {
  width: auto;
  margin: 0 auto;
  min-height: 700px;
}
@media (max-width: 1024px) {
  .container-main .container-upload {
    min-height: 650px;
  }
}
@media (max-width: 767px) {
  .container-main .container-upload {
    min-height: 600px;
  }
}
.container-main .container-upload .heading {
  height: 126px;
  text-align: center;
}
.container-main .container-upload .heading h1 {
  font-size: 32px;
  font-weight: 700;
  margin: 0 auto;
}
.container-main .container-upload .heading p {
  font-weight: 500;
  font-size: 18px;
  max-width: 720px;
  margin: 0 auto;
}
.container-main .container-upload .upload-area {
  max-width: 820px;
  text-align: center;
  border-radius: 30px;
  border: 1px dashed rgb(196, 196, 196);
  background-color: rgb(246, 246, 246);
  height: 300px;
  margin: 50px auto 0;
  padding: 38px 0;
}
.container-main .container-upload .upload-area img {
  width: 80px;
  height: 80px;
}
.container-main .container-upload .upload-area h1 {
  margin: 16px 0;
  font-weight: 700;
  font-size: 24px;
}
.container-main .container-upload .upload-area .upload-area:hover {
  cursor: pointer;
}
.container-main .container-upload .upload-area .fileinput-button {
  width: 151px;
  height: 44px;
  border-radius: 22px;
  padding: 8px;
  cursor: pointer;
}
.container-main .container-upload .upload-area .fileinput-button span {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}
.container-main .container-upload .upload-area .fileinput-button input {
  width: 100%;
}
.container-main .container-upload .upload-area .thumbnail {
  width: 80px;
  height: 80px;
  padding: 2px;
  border: 2px solid lightgray;
  border-radius: 3px;
  float: left;
}
.container-main .container-upload .upload-area .thumbnail + .thumbnail {
  margin: 0 8px;
}
.container-main .container-upload .upload-area .uploaded-image {
  width: 30px;
  height: 30px;
}
.container-main .container-upload #file {
  display: none;
}
.container-main .container-upload .upload-warning {
  text-align: center;
  font-weight: 400;
  font-size: 18px;
  height: auto;
  max-width: 750px;
  margin: auto;
  margin-top: 12px;
}
.container-main .container-upload .upload-warning p {
  color: rgb(79, 79, 79);
}
.container-main .container-upload-list {
  width: 100%;
  margin: 0 -12px;
}
.container-main .container-upload-list .uploaded-list {
  display: block;
  width: 100%;
}
.container-main .container-upload-list .uploaded-list .uploaded-item {
  display: inline-block;
  border-radius: 10px;
  overflow: hidden;
  margin: 0;
  position: relative;
  padding: 12px;
  height: max-content;
  aspect-ratio: 5/7;
}
.container-main .container-upload-list .uploaded-list .uploaded-item .image-group {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: calc(100% - 40px);
  border: 1px solid #F2F2F2;
  background-color: rgba(242, 242, 242, 0.7019607843);
}
.container-main .container-upload-list .uploaded-list .uploaded-item .image-group .progress {
  height: 12px;
  border-radius: 0;
  position: absolute;
  bottom: -1px;
  left: 0px;
  z-index: 1000;
  width: 100%;
  display: none;
}
.container-main .container-upload-list .uploaded-list .uploaded-item .image {
  float: left;
  width: 100%;
  padding: 10px;
  height: 400px;
  border: none;
}
.container-main .container-upload-list .uploaded-list .uploaded-item .preview {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
}
.container-main .container-upload-list .uploaded-list .uploaded-item .preview img {
  margin: 0 auto;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}
.container-main .container-upload-list .uploaded-list .uploaded-item .preview canvas {
  object-fit: cover;
}
.container-main .container-upload-list .uploaded-list .uploaded-item .info {
  width: calc(100% - 30px);
  padding: 15px;
  background-color: #ffffff;
  position: absolute;
  border: 1px solid #EBEBEB;
  border-radius: 12px;
  display: none;
  top: 20px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}
.container-main .container-upload-list .uploaded-list .uploaded-item .info .field-input {
  width: 100%;
  margin-top: 10px;
}
.container-main .container-upload-list .uploaded-list .uploaded-item .info .field-input .title-label,
.container-main .container-upload-list .uploaded-list .uploaded-item .info .field-input .tag-label {
  display: block;
  width: auto;
  align-content: center;
  font-size: 10px;
  color: #828282;
  margin-bottom: 5px;
}
.container-main .container-upload-list .uploaded-list .uploaded-item .info .field-input .title-input {
  width: 100%;
  border-radius: 10px;
  font-weight: 400;
  color: #828282;
  overflow: hidden;
}
.container-main .container-upload-list .uploaded-list .uploaded-item .info .field-input .title-input input {
  width: 100%;
  border: none;
  font-size: 12px;
  background: #EFEFEF;
  padding: 8px;
}
.container-main .container-upload-list .uploaded-list .uploaded-item .info .field-input .title-input input:focus {
  outline: none;
}
.container-main .container-upload-list .uploaded-list .uploaded-item .info .field-input .title-input input:focus::placeholder {
  color: transparent;
}
.container-main .container-upload-list .uploaded-list .uploaded-item .info .field-input .input.input-tags {
  border-radius: 6px;
  font-weight: 400;
  font-size: 18px;
  color: #828282;
  overflow-x: hidden;
}
.container-main .container-upload-list .uploaded-list .uploaded-item .info .field-input .input.input-tags::-webkit-scrollbar {
  width: 10px;
  border-radius: 10px;
}
.container-main .container-upload-list .uploaded-list .uploaded-item .info .field-input .input.input-tags::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  background-clip: padding-box;
}
.container-main .container-upload-list .uploaded-list .uploaded-item .info .field-input .input.input-tags::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  border-radius: 10px;
}
.container-main .container-upload-list .uploaded-list .uploaded-item .info .field-input .input.input-tags::-webkit-scrollbar-corner {
  border-radius: 10px;
  /* Bo góc cho phần góc */
}
.container-main .container-upload-list .uploaded-list .uploaded-item .info .field-input .input.input-tags .tags {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  max-width: 100%;
  margin-bottom: 0;
  min-width: fit-content;
  background: #EFEFEF;
}
.container-main .container-upload-list .uploaded-list .uploaded-item .info .field-input .input.input-tags .tags .tag-item {
  display: flex;
  align-items: center;
  padding: 3px;
  box-sizing: border-box;
  font-size: 12px;
}
.container-main .container-upload-list .uploaded-list .uploaded-item .info .field-input .input.input-tags .tags .tag-item .tag-container {
  background-color: #fff;
  border-radius: 24px;
  display: flex;
  align-items: center;
  padding: 5px 10px;
}
.container-main .container-upload-list .uploaded-list .uploaded-item .info .field-input .input.input-tags .tags .tag-item .tag-container .tag-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 100%;
  align-content: center;
}
.container-main .container-upload-list .uploaded-list .uploaded-item .info .field-input .input.input-tags .tags .tag-item .tag-container .delete-button {
  border: none;
  color: #828282;
  margin: 0 0 0px 8px;
  font-size: 12px;
  cursor: pointer;
  background: none;
}
.container-main .container-upload-list .uploaded-list .uploaded-item .info .field-input .input.input-tags .tag-input {
  min-width: 20%;
  flex: 1;
}
.container-main .container-upload-list .uploaded-list .uploaded-item .info .field-input .input.input-tags .tag-input input {
  width: 100%;
  height: 100%;
  font-size: 12px;
  border: 0;
  background: #EFEFEF;
  padding: 8px;
}
.container-main .container-upload-list .uploaded-list .uploaded-item .info .field-input .input.input-tags .tag-input input:focus {
  outline: 0;
}
.container-main .container-upload-list .uploaded-list .uploaded-item .info .tag {
  height: auto;
}
.container-main .container-upload-list .uploaded-list .uploaded-item .info .field-input + .field-input {
  margin-top: 10px;
}
.container-main .container-upload-list .uploaded-list .uploaded-item .info .print {
  display: flex;
  justify-content: space-between;
  height: 24px;
  align-items: center;
  margin-top: 22px;
}
.container-main .container-upload-list .uploaded-list .uploaded-item .info .print .print-option {
  display: flex;
  align-items: center;
  margin-bottom: 0;
}
.container-main .container-upload-list .uploaded-list .uploaded-item .info .print .print-option input[type=checkbox] {
  height: 20px;
  width: 20px;
  border: 1px solid #828282;
  border-radius: 4px;
  margin-top: 0;
  accent-color: #121212;
}
.container-main .container-upload-list .uploaded-list .uploaded-item .info .print .print-option p {
  font-size: 18px;
  font-weight: 600;
  margin-left: 10px;
  line-height: 24px;
  margin-bottom: 0;
}
.container-main .container-upload-list .uploaded-list .uploaded-item .info .dimension {
  margin-top: 3px;
  display: none;
}
.container-main .container-upload-list .uploaded-list .uploaded-item .info .dimension .label {
  font-weight: 400;
  font-size: 10px;
  color: #828282;
  padding: 0;
  margin: 0;
}
.container-main .container-upload-list .uploaded-list .uploaded-item .info .dimension .select {
  border: none;
  font-size: 12px;
  width: 100%;
  background: #EFEFEF;
  padding: 8px;
  border-radius: 6px;
}
.container-main .container-upload-list .uploaded-list .uploaded-item .info .dimension .select:focus {
  border: 0;
  outline: 0;
}
.container-main .container-upload-list .uploaded-list .uploaded-item .info .date-post .title {
  font-weight: 400;
  font-size: 10px;
  color: #828282;
  padding: 0;
  margin: 0;
}
.container-main .container-upload-list .uploaded-list .uploaded-item .info .date-post .date-value {
  border: none;
  font-size: 12px;
  -webkit-appearance: auto;
  width: 100%;
  background: #EFEFEF;
  padding: 8px;
  border-radius: 6px;
}
.container-main .container-upload-list .uploaded-list .uploaded-item .info .materials {
  display: none;
  gap: 10px;
  align-items: center;
  justify-content: flex-start;
  height: auto;
  margin-top: 3px;
}
.container-main .container-upload-list .uploaded-list .uploaded-item .info .materials .title {
  width: auto;
  font-size: 10px;
  margin: 0;
  color: #828282;
  font-weight: 400;
  padding: 0;
}
.container-main .container-upload-list .uploaded-list .uploaded-item .info .materials .materials-list {
  display: flex;
  justify-content: flex-start;
}
.container-main .container-upload-list .uploaded-list .uploaded-item .info .materials .materials-list .option-material {
  position: relative;
  text-align: center;
  margin-bottom: 0;
  padding: 3px;
}
.container-main .container-upload-list .uploaded-list .uploaded-item .info .materials .materials-list .option-material .checked {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 15%;
  right: 0;
  left: 0;
  margin: auto;
}
.container-main .container-upload-list .uploaded-list .uploaded-item .info .materials .materials-list .option-material .img-main {
  width: 28px;
  height: 28px;
  cursor: pointer;
}
.container-main .container-upload-list .uploaded-list .uploaded-item .info .materials .materials-list .option-material p {
  width: 100%;
  font-size: 9px;
  margin-top: 5px;
  color: #828282;
  padding: 0;
  text-align: center;
  line-height: 16px;
  font-weight: 400;
}
@media only screen and (max-width: 1215px) {
  .container-main .container-upload-list .uploaded-list .uploaded-item .info .materials .materials-list {
    display: flex;
    flex-direction: column;
  }
  .container-main .container-upload-list .uploaded-list .uploaded-item .info .materials .materials-list .bottom,
  .container-main .container-upload-list .uploaded-list .uploaded-item .info .materials .materials-list .top {
    padding-left: 20px;
  }
  .container-main .container-upload-list .uploaded-list .uploaded-item .info .materials .materials-list .top:last-child,
  .container-main .container-upload-list .uploaded-list .uploaded-item .info .materials .materials-list .bottom:last-child {
    margin-left: 30px;
  }
  .container-main .container-upload-list .uploaded-list .uploaded-item .info .materials .materials-list .bottom {
    margin-top: 8px;
  }
}
@media only screen and (max-width: 910px) {
  .container-main .container-upload-list .uploaded-list .uploaded-item .info .materials .materials-list {
    display: flex;
    flex-direction: row;
  }
  .container-main .container-upload-list .uploaded-list .uploaded-item .info .materials .materials-list .top,
  .container-main .container-upload-list .uploaded-list .uploaded-item .info .materials .materials-list .bottom {
    display: flex;
    padding-left: 0;
  }
}
@media only screen and (max-width: 1300px) {
  .container-main .container-upload-list .uploaded-list .uploaded-item .info .print {
    width: 100%;
  }
}
.container-main .container-upload-list .uploaded-list .uploaded-item .info i {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}
.container-main .container-upload-list .uploaded-list .info-image-gr {
  display: flex;
  justify-content: space-between;
  margin-top: 16px;
}
.container-main .container-upload-list .uploaded-list .info-image-gr .image-title {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  max-width: 70%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.container-main .container-upload-list .uploaded-list .info-image-gr .btn-gr {
  display: flex;
}
.container-main .container-upload-list .uploaded-list .info-image-gr .btn-gr i {
  color: #828282;
  margin-left: 8px;
  font-size: 18px;
  cursor: pointer;
}
.container-main .container-upload-list .uploaded-list .message-warning {
  position: absolute;
  bottom: 0px;
  left: 0px;
  font-size: 12px;
  color: #c30404;
  width: 100%;
  text-align: left;
  background-color: rgba(242, 242, 242, 0.7019607843);
}
.container-main .container-upload-list .uploaded-list .message-warning span {
  padding: 10px;
  display: block;
}
.container-main .container-upload-list .uploaded-list .icon-success, .container-main .container-upload-list .uploaded-list .icon-warning {
  position: absolute;
  bottom: 65px;
  width: 28px;
  height: 28px;
  right: 27px;
  background: #FFFFFF;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #0EC85C;
}
@media (max-width: 576px) {
  .container-main .container-upload-list .uploaded-list .icon-success, .container-main .container-upload-list .uploaded-list .icon-warning {
    bottom: 50px;
    right: 25px;
  }
}
.container-main .container-upload-list .uploaded-list .uploaded-item + .uploaded-item {
  margin-top: 20px;
}
.container-main .container-upload-list .uploaded-list .upload-to-server {
  margin-top: 20px;
}
.container-main .container-upload-list .uploaded-list .upload-to-server .add,
.container-main .container-upload-list .uploaded-list .upload-to-server .save-value-image {
  background-color: #121212;
  color: #ffffff;
  height: 100%;
  border-radius: 10px;
  padding: 5px;
  cursor: pointer;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.container-main .container-upload-list .uploaded-list .upload-to-server .add .loader,
.container-main .container-upload-list .uploaded-list .upload-to-server .save-value-image .loader {
  display: none;
  background-color: #121212;
  color: #ffffff;
  align-content: center;
  width: 18px;
  height: 18px;
  margin-bottom: 0;
  animation: spin 2s linear infinite;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.container-main .container-upload-list .uploaded-list .upload-to-server .add .success,
.container-main .container-upload-list .uploaded-list .upload-to-server .save-value-image .success {
  display: block;
  width: 18px;
  height: 18px;
  margin-right: 10px;
}
.container-main .container-upload-list .uploaded-list .upload-to-server .add p,
.container-main .container-upload-list .uploaded-list .upload-to-server .save-value-image p {
  font-size: 12px;
  margin-bottom: 0;
  color: #fff;
  text-align: center;
  padding: 0;
}
.container-main .action-container {
  display: none;
  margin-top: 35px;
}
.container-main .action-container .action {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.container-main .action-container .action .upload-image {
  width: 228px;
  height: 50px;
  background-color: #ededed;
  border-radius: 10px;
  text-align: center;
  align-content: center;
  cursor: pointer;
}
.container-main .action-container .action .upload-image .title {
  display: block;
  height: 100%;
  align-content: center;
  color: #4f4f4f;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  margin-left: 2px;
  cursor: pointer;
}
.container-main .action-container .action .upload-image .title i {
  width: 20px;
  height: 20px;
}
.container-main .action-container .action .upload-image input {
  display: none;
}
.container-main .action-container .action .submit {
  width: 210px;
  height: 50px;
  border-radius: 100px;
  background-color: #121212;
  text-align: center;
  color: #ffffff;
  align-content: center;
  cursor: pointer;
}
.container-main .action-container .action .submit span {
  font-weight: 700;
  font-size: 24px;
  line-height: 36px;
}
@media (max-width: 767px) {
  .container-main .container-upload-list {
    margin: 0;
  }
  .container-main .container-upload-list .uploaded-list .uploaded-item {
    padding: 8px;
  }
  .container-main .container-upload-list .uploaded-list .uploaded-item .info {
    position: fixed;
    inset: 0px;
    z-index: 10000;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.6);
    margin: 0px;
    width: 100%;
  }
  .container-main .container-upload-list .uploaded-list .uploaded-item .info .container-info {
    background: #FFF;
    padding: 20px;
    width: 100%;
    border-radius: 10px;
    position: relative;
  }
  .container-main .container-upload-list .uploaded-list .uploaded-item .info .materials .materials-list {
    flex-direction: row;
    margin-top: 10px;
  }
  .container-main .container-upload-list .uploaded-list .uploaded-item .image-group {
    height: calc(100% - 28px);
  }
}
@media (max-width: 768px) {
  .container-main .image-group {
    height: calc(100% - 16px);
  }
}

.photobook-print-container .container-main .container-upload-list .uploaded-list .uploaded-item .info {
  top: 50px;
}
.photobook-print-container .container-main .container-upload-list .uploaded-list .uploaded-item .info .materials {
  margin: 15px 0;
}
@media (min-width: 576px) and (max-width: 767px) {
  .photobook-print-container .container-main .container-upload-list .uploaded-list .uploaded-item .info .container-info {
    width: 70%;
  }
}

.bar {
  height: 18px;
  background-color: #5cb85c;
  animation: progress-bar-stripes 2s linear infinite;
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.fileupload-processing .fileupload-process,
.files .processing .preview {
  background-size: 32px 32px !important;
}

.navigation-upload-page {
  position: relative;
  padding-bottom: 20px;
}
.navigation-upload-page .breadcrumb {
  color: #828282;
  background-color: #fff;
  padding: 0;
}
.navigation-upload-page .breadcrumb a {
  color: #000;
  margin-right: 6px;
}
.navigation-upload-page .breadcrumb a:hover {
  text-decoration: none;
}

.title-gr {
  justify-content: space-between;
  align-items: center;
}
.title-gr .title-page {
  font-size: 32px;
  font-weight: 700;
}
.title-gr .another-files-text {
  font-size: 18px;
  cursor: pointer;
}
.title-gr .another-files-text i {
  color: #ADADAD;
}
@media (max-width: 767px) {
  .title-gr {
    align-items: center;
  }
  .title-gr .title-page {
    font-size: 24px;
  }
}

.bundle-action {
  padding-top: 40px;
  margin-top: 40px;
  border-top: 1px solid #D9D9D9;
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
.bundle-action .dimension-gr {
  display: flex;
  height: fit-content;
  align-items: center;
  font-weight: 700;
  font-size: 20px;
  justify-content: space-between;
}
.bundle-action .dimension-gr .dimension {
  display: none;
  align-items: center;
}
.bundle-action .dimension-gr .dimension .select-dimension {
  font-size: 18px;
  margin-left: 15px;
  width: 200px;
  border: 1.5px solid #D5D5D5;
  padding: 8px 20px;
  font-size: 16px;
  border-radius: 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAUCAMAAACtdX32AAAAdVBMVEUAAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAhMdQaAAAAJ3RSTlMAAAECAwQGBwsOFBwkJTg5RUZ4eYCHkJefpaytrsXGy8zW3+Do8vNn0bsyAAAAYElEQVR42tXROwJDQAAA0Ymw1p9kiT+L5P5HVEi3qJn2lcPjtIuzUIJ/rhIGy762N3XaThqMN1ZPALsZPEzG1x8LrFL77DHBnEMxBewz0fJ6LyFHTPL7xhwzWYrJ9z22AqmQBV757MHfAAAAAElFTkSuQmCC) !important;
  background-position: 100% !important;
  background-repeat: no-repeat !important;
}
.bundle-action .dimension-gr .date-full-item {
  height: fit-content;
  align-items: center;
  font-weight: 700;
  font-size: 20px;
}
.bundle-action .dimension-gr .date-full-item input {
  border-radius: 10px;
  font-size: 18px;
  padding: 8px 15px;
  width: 350px;
}
.bundle-action .top-bundle-action {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.bundle-action .top-bundle-action .add-to-collection-gr {
  align-items: center;
}
.bundle-action .top-bundle-action .add-to-collection-gr h3 {
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
}
.bundle-action .top-bundle-action .add-to-collection-gr .collection-content {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 13px;
  margin-top: 20px;
}
.bundle-action .top-bundle-action .add-to-collection-gr .collection-content .name-collection {
  width: 460px;
  border: 1.5px solid #D5D5D5;
  border-radius: 10px;
  padding: 8px 15px;
}
.bundle-action .top-bundle-action .add-to-collection-gr .collection-content .dropdow-collections {
  position: absolute;
  display: none;
  width: 460px;
  border: 1px solid #D9D9D9;
  border-radius: 20px;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3019607843);
  box-shadow: 0px 4px 8px 3px rgba(0, 0, 0, 0.1490196078);
  top: 40px;
  margin-top: 5px;
  padding: 20px 0px;
  z-index: 10;
  background-color: #FFFFFF;
  max-width: 100%;
}
.bundle-action .top-bundle-action .add-to-collection-gr .collection-content .dropdow-collections .save-collection {
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  padding-bottom: 10px;
  padding-left: 20px;
}
.bundle-action .top-bundle-action .add-to-collection-gr .collection-content .dropdow-collections .list-collections {
  padding: 0px 5px;
  max-height: 300px;
  overflow: auto;
  /* Tùy chỉnh thanh cuộn */
}
.bundle-action .top-bundle-action .add-to-collection-gr .collection-content .dropdow-collections .list-collections::-webkit-scrollbar {
  width: 8px;
  /* Đặt chiều rộng cho thanh cuộn dọc */
  height: 8px;
  /* Đặt chiều cao cho thanh cuộn ngang */
}
.bundle-action .top-bundle-action .add-to-collection-gr .collection-content .dropdow-collections .list-collections::-webkit-scrollbar-thumb {
  background-color: #D9D9D9;
  /* Màu của thanh cuộn */
  border-radius: 10px;
  /* Bo tròn các góc của thanh cuộn */
}
.bundle-action .top-bundle-action .add-to-collection-gr .collection-content .dropdow-collections .list-collections::-webkit-scrollbar-thumb:hover {
  background-color: #bdbbbb;
  /* Màu khi hover lên thanh cuộn */
}
.bundle-action .top-bundle-action .add-to-collection-gr .collection-content .dropdow-collections .list-collections p {
  font-family: "Open Sans", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 28px;
  padding-left: 20px;
}
.bundle-action .top-bundle-action .add-to-collection-gr .collection-content .dropdow-collections .collection-item {
  padding-bottom: 10px;
}
.bundle-action .top-bundle-action .add-to-collection-gr .collection-content .dropdow-collections .collection-item p {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  cursor: pointer;
  padding: 4px 15px;
  color: #4F4F4F;
}
.bundle-action .top-bundle-action .add-to-collection-gr .collection-content .dropdow-collections .collection-item p:hover {
  border-radius: 10px;
  color: #FFFFFF;
  background: #121212;
}
.bundle-action .top-bundle-action .add-to-collection-gr .collection-content .share-after-upload {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.bundle-action .top-bundle-action hr {
  border: 1px solid #C4C4C4;
  height: 34px;
  display: none;
}
.bundle-action .material-gr {
  display: none;
  align-items: center;
  font-size: 20px;
  font-weight: 700;
}
.bundle-action .material-gr .materials-list {
  display: flex;
  margin-left: 20px;
}
.bundle-action .material-gr .materials-list .option-material {
  margin-right: 15px;
  text-align: center;
  font-size: 18px;
  font-weight: 400;
  color: #828282;
  padding-top: 40px;
  position: relative;
}
.bundle-action .material-gr .materials-list .option-material .img-main {
  width: 40px;
  height: 40px;
}
.bundle-action .material-gr .materials-list .option-material .checked {
  position: absolute;
  width: 30px;
  height: 30px;
  top: 45%;
  right: 0;
  left: 0;
  margin: auto;
}
.bundle-action .material-gr .materials-list .option-material p {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  padding-top: 8px;
}
.bundle-action .date-input-p {
  font-size: 16px;
}
@media (max-width: 992px) {
  .bundle-action .top-bundle-action .add-to-collection-gr .collection-content .name-collection {
    width: 300px;
  }
}
@media (max-width: 768px) {
  .bundle-action .top-bundle-action {
    display: block;
  }
  .bundle-action .top-bundle-action hr {
    border: none;
    height: 0;
  }
  .bundle-action .top-bundle-action .add-to-collection-gr {
    display: block;
  }
  .bundle-action .top-bundle-action .add-to-collection-gr .collection-content {
    margin-top: 15px;
  }
  .bundle-action .top-bundle-action .add-to-collection-gr .collection-content .name-collection {
    width: 100%;
    font-size: 14px;
  }
  .bundle-action .material-gr {
    display: none;
  }
  .bundle-action .material-gr .materials-list {
    margin-left: 0;
  }
  .bundle-action .material-gr .materials-list .option-material {
    padding-top: 15px;
  }
  .bundle-action .material-gr .materials-list .option-material .checked {
    top: 24%;
  }
  .bundle-action .dimension-gr {
    display: block;
  }
  .bundle-action .dimension-gr .dimension {
    display: none;
  }
  .bundle-action .dimension-gr .dimension .select-dimension {
    border: 1.5px solid #D5D5D5;
    border-radius: 10px;
    padding: 8px 15px;
    width: 100%;
    margin-top: 15px;
    margin-left: 0;
    font-size: 16px;
  }
  .bundle-action .dimension-gr .date-full-item {
    display: block;
    margin-top: 25px;
  }
  .bundle-action .dimension-gr .date-full-item .info-label {
    margin-top: 15px;
  }
  .bundle-action .dimension-gr .date-full-item input {
    font-size: 14px;
    width: 100%;
  }
  .bundle-action .dimension-gr .date-full-item .date-input-p {
    width: 100%;
    font-size: 16px;
    margin-top: 15px;
  }
}

#artsy-print .bundle-action .material-gr {
  display: flex;
}
#artsy-print.container-main .container-upload-list .uploaded-list .uploaded-item .info .dimension, #artsy-print.container-main .container-upload-list .uploaded-list .uploaded-item .info .materials {
  display: block;
}
#artsy-print.container-main .container-upload-list .uploaded-list .uploaded-item .info .dimension .label {
  color: #828282 !important;
  margin-bottom: 10px;
}
#artsy-print.container-main .container-upload-list .uploaded-list .uploaded-item .info .materials .materials-list {
  display: block;
  margin-top: 10px;
}
#artsy-print .submit-btn-gr .print-image {
  display: block;
}
#artsy-print .submit-btn-gr button:disabled {
  background: #ccc;
  color: #666;
  cursor: auto;
  border: none;
  position: relative;
}
#artsy-print .submit-btn-gr button:disabled .badge-coming {
  position: absolute;
  top: -8px;
  right: -3px;
  background: #0056b3;
  color: #fff;
  font-size: 13px;
  padding: 8px;
  border-radius: 15px;
  font-weight: 600;
  white-space: nowrap;
  opacity: 1;
}
@media (max-width: 576px) {
  #artsy-print .info-label {
    margin-bottom: 0;
  }
  #artsy-print.container-main .container-upload-list .uploaded-list .uploaded-item .info .materials .materials-list {
    display: flex;
  }
}

.info-label {
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0%;
  margin-bottom: 20px;
}

.submit-btn-gr {
  display: none;
  justify-content: center;
  padding: 70px 0 100px;
}
.submit-btn-gr button {
  margin: 0 20px;
  width: 250px;
  padding: 15px;
  font-size: 18px;
  background: #121212;
  color: #fff;
  border-radius: 30px;
  cursor: pointer;
}
.submit-btn-gr .print-image {
  display: none;
}
.submit-btn-gr.clicked button {
  background: #c3bcbc;
  border: none;
  cursor: auto;
  pointer-events: none;
}
@media (max-width: 767px) {
  .submit-btn-gr button {
    margin: 0;
    width: 100%;
    margin-bottom: 12px;
  }
}

.wp-admin .container-main .container-upload {
  margin-bottom: 200px;
}

@media (max-width: 767px) {
  .bundle-action {
    display: block;
  }
  .navigation-upload-page .breadcrumb {
    font-size: 14px;
  }
  .container-main .container-upload .heading h1 {
    height: auto;
    font-size: 20px;
    margin-bottom: 15px;
  }
  .container-main .container-upload .heading p {
    font-size: 14px;
  }
  .container-main .container-upload .upload-area h1 {
    font-size: 22px;
  }
  .container-main .container-upload .upload-area .fileinput-button span {
    font-size: 16px;
  }
  .container-main .container-upload .upload-warning {
    font-size: 14px;
  }
  .container-main .container-upload-list {
    margin: 0;
  }
}
/* Terms of Service Modal */
body.tos-modal-open {
  overflow: hidden;
}

.tos-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 99999;
}

.tos-modal-content {
  position: relative;
  background-color: #fff;
  border-radius: 8px;
  width: 90%;
  max-width: 650px;
  padding: 30px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  display: flex;
  flex-direction: column;
  max-height: 90vh;
}

.tos-close-btn {
  position: absolute;
  top: 15px;
  right: 20px;
  font-size: 28px;
  font-weight: bold;
  color: #888;
  cursor: pointer;
  line-height: 1;
  transition: color 0.2s;
  z-index: 10;
}
.tos-close-btn:hover {
  color: #000;
}

.tos-title {
  font-size: 20px;
  font-weight: 700;
  margin-top: 10px;
  margin-bottom: 5px;
  text-transform: uppercase;
}

.tos-subtitle {
  font-size: 14px;
  color: #555;
  margin-bottom: 20px;
}

.tos-body {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  margin-bottom: 20px;
}

.tos-body-title {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.tos-scroll-text {
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding: 15px;
  overflow-y: auto;
  flex-grow: 1;
  font-size: 16px;
  line-height: 1.5;
  color: #333;
  flex: 1;
}
.tos-scroll-text p {
  margin-bottom: 10px;
}

.tos-footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}

.tos-checkbox-label {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  transition: opacity 0.3s;
}
.tos-checkbox-label.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.tos-checkbox-label.disabled span {
  color: #888;
}
.tos-checkbox-label input[type=checkbox] {
  flex-shrink: 0;
  margin-top: 3px;
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.tos-checkbox-label input[type=checkbox]:disabled {
  cursor: not-allowed;
}

.tos-submit-btn {
  background-color: #000;
  color: #fff;
  border: none;
  border-radius: 4px;
  padding: 12px 24px;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  width: auto;
  transition: opacity 0.2s;
}
.tos-submit-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.tos-submit-btn:not(:disabled):hover {
  opacity: 0.8;
}

@media (max-width: 767px) {
  .tos-modal-content {
    padding: 20px;
  }
  .tos-close-btn {
    top: 10px;
    right: 12px;
  }
  .tos-title {
    text-align: center;
    font-size: 18px;
    margin-top: 15px;
    padding: 0 20px;
  }
  .tos-subtitle {
    text-align: center;
  }
}
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

.hidden {
  display: none !important;
}

.show {
  display: block !important;
}

.my-photos {
  position: relative;
  padding: 0;
}
.my-photos .interactive-panel {
  position: relative;
  display: flex;
  padding: 0;
  margin-top: 20px;
}
.my-photos .interactive-panel .tabs {
  position: relative;
  flex: 2;
}
.my-photos .interactive-panel .tabs .tab-list {
  display: flex;
  align-items: center;
  margin-bottom: 0;
  list-style: none;
  padding: 0;
  width: 100%;
}
.my-photos .interactive-panel .tabs .tab-list .tab-item:not(:first-child) {
  margin-left: 28px;
}
.my-photos .interactive-panel .tabs .tab-list .tab-item .tab-link {
  font-size: 22px;
  font-weight: 700;
  line-height: 44px;
  color: #828282;
  border: 0;
  outline: 0;
  background-color: #ffffff;
  cursor: pointer;
}
.my-photos .interactive-panel .tabs .tab-list .tab-item .tab-link.selected {
  color: #121212;
}
@media only screen and (max-width: 1024px) {
  .my-photos .interactive-panel .tabs .tab-list {
    display: none;
  }
}
.my-photos .interactive-panel .tabs .tab-dropdown-submenu {
  position: relative;
  display: none;
}
@media only screen and (max-width: 1024px) {
  .my-photos .interactive-panel .tabs .tab-dropdown-submenu {
    display: block;
    width: fit-content;
  }
  .my-photos .interactive-panel .tabs .tab-dropdown-submenu .dropdown-toggle-submenu {
    font-size: 22px;
    font-weight: 700;
    line-height: 44px;
    color: #121212;
    background: transparent;
    border: none;
    padding: 10px 0;
    width: 100%;
    text-align: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .my-photos .interactive-panel .tabs .tab-dropdown-submenu .dropdown-toggle-submenu:focus {
    outline: none;
    box-shadow: none;
  }
  .my-photos .interactive-panel .tabs .tab-dropdown-submenu .dropdown-toggle-submenu .selected-tab-submenu::after {
    border-style: solid;
    border-width: 0.12em 0.12em 0 0;
    content: "";
    display: inline-block;
    height: 0.45em;
    left: 10px;
    position: relative;
    transform: rotate(135deg);
    top: 18px;
    vertical-align: top;
    width: 0.45em;
  }
  .my-photos .interactive-panel .tabs .tab-dropdown-submenu .dropdown-toggle-submenu .selected-tab-submenu.active::after {
    top: 20px;
    transform: rotate(-45deg);
  }
  .my-photos .interactive-panel .tabs .tab-dropdown-submenu .dropdown-submenu {
    margin-left: 20px;
    border-radius: 20px;
    display: none;
    position: absolute;
    top: 100%;
    width: fit-content;
    background: white;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    pointer-events: cursor;
  }
  .my-photos .interactive-panel .tabs .tab-dropdown-submenu .dropdown-submenu li {
    border-top: 1px solid #f0f0f0;
  }
  .my-photos .interactive-panel .tabs .tab-dropdown-submenu .dropdown-submenu li.selected {
    background: whitesmoke;
  }
  .my-photos .interactive-panel .tabs .tab-dropdown-submenu .dropdown-submenu li.selected a {
    font-weight: bold;
  }
  .my-photos .interactive-panel .tabs .tab-dropdown-submenu .dropdown-submenu li a {
    display: block;
    padding: 12px 16px;
    color: black;
  }
  .my-photos .interactive-panel .tabs .tab-dropdown-submenu.open .dropdown-submenu {
    display: block;
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
  }
}
.my-photos .tools {
  display: flex;
  justify-content: flex-end;
  text-align: center;
  align-items: center;
  min-width: 30%;
}
.my-photos .tools .tag-input-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px;
  padding-right: 10px;
}
.my-photos .tools .search {
  width: 30px;
  height: 30px;
  align-content: center;
  margin-right: 18px;
  cursor: pointer;
}
.my-photos .tools .search i {
  width: 25px;
  height: 25px;
  font-size: 25px;
  color: #121212;
}
.my-photos .tools .icon-search {
  border: none;
  background-color: #FFFFFF;
  cursor: pointer;
}
.my-photos .tools .icon-search:focus {
  outline: none;
}
.my-photos .tools .icon-search img {
  width: 20px;
  height: 20px;
  transition: all 0.3s ease;
}
.my-photos .tools .icon-search img:hover {
  transform: scale(1.1);
}
.my-photos .tools .filter {
  width: 44px;
  height: 44px;
  align-content: center;
  background-color: #ededed;
  border-radius: 50%;
  cursor: pointer;
}
.my-photos .tools .filter i {
  font-size: 24px;
  color: #121212;
}
.my-photos .tools .filter .filter-wrapper {
  position: absolute;
  right: 0;
  display: none;
  width: 230px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.1490196078);
  border: 1px solid #f2f2f2;
  border-radius: 10px;
  background-color: #ffffff;
  z-index: 2;
}
.my-photos .tools .filter .filter-wrapper .option-list {
  padding: 10px;
}
.my-photos .tools .filter .filter-wrapper .option-list .option-item {
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  color: #8F8F8F;
  height: 34px;
  align-content: center;
}
.my-photos .tools .filter .filter-wrapper .option-list .option-item.selected {
  background-color: #000000;
  color: #ffffff;
}
.my-photos .time-filter {
  padding: 0;
  margin-top: 24px;
}
.my-photos .time-filter .filter-bar {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.my-photos .time-filter .filter-bar .search-container {
  flex: 1;
  min-width: 280px;
  border-radius: 10px;
}
.my-photos .time-filter .filter-bar .search-container form {
  margin: 0;
  padding: 0;
  width: 100%;
}
.my-photos .time-filter .filter-bar .search-container .search-input-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  padding: 10px 20px;
  background-color: #ffffff;
  gap: 10px;
  border: none;
  width: 100%;
}
.my-photos .time-filter .filter-bar .search-container .search-input-wrapper .search-icon {
  width: 20px;
  height: 20px;
  color: #666;
  flex-shrink: 0;
}
.my-photos .time-filter .filter-bar .search-container .search-input-wrapper .search-input {
  border: none;
  outline: none;
  flex: 1;
  padding: 0;
  font-size: 14px;
  color: #121212;
  background: transparent;
}
.my-photos .time-filter .filter-bar .search-container .search-input-wrapper .search-input::placeholder {
  color: #999;
}
.my-photos .time-filter .filter-bar .search-container .search-input-wrapper .search-input:focus {
  outline: none;
}
.my-photos .time-filter .filter-bar .filters-desktop {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 1;
}
.my-photos .time-filter .filter-bar .filters-desktop .filter-item {
  display: flex;
  align-items: center;
  gap: 8px;
  background-color: #f5f5f5;
  border: 1px solid #d9d9d9;
  border-radius: 10px;
  padding: 5px 20px;
  min-width: 200px;
}
.my-photos .time-filter .filter-bar .filters-desktop .filter-item .filter-icon {
  width: 20px;
  height: 20px;
  color: #e8b766;
  flex-shrink: 0;
}
.my-photos .time-filter .filter-bar .filters-desktop .filter-item select {
  border: none;
  background: transparent;
  outline: none;
  cursor: pointer;
  font-size: 14px;
  color: #121212;
  font-weight: 500;
  flex: 1;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-right: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23121212' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right center;
}
.my-photos .time-filter .filter-bar .filters-desktop .filter-item select option {
  background-color: #ffffff;
  color: #121212;
}
@media (max-width: 768px) {
  .my-photos .time-filter .filter-bar .filters-desktop .filter-item {
    min-width: 150px;
    padding: 5px 10px;
  }
  .my-photos .time-filter .filter-bar .filters-desktop .filter-item select {
    padding: 5px 15px;
  }
}
.my-photos .time-filter .filter-bar .filters-desktop .filter-item:hover {
  border-color: #e8b766;
  background-color: #fff9ed;
}
.my-photos .time-filter .filter-bar .filter-toggle-mobile {
  display: none;
  flex-direction: column;
  justify-content: space-between;
  width: 40px;
  height: 40px;
  padding: 8px;
  background-color: #f5f5f5;
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  cursor: pointer;
  margin-left: auto;
}
.my-photos .time-filter .filter-bar .filter-toggle-mobile span {
  display: block;
  width: 100%;
  height: 3px;
  background-color: #121212;
  border-radius: 2px;
  transition: all 0.3s ease;
}
.my-photos .time-filter .filter-bar .filter-toggle-mobile:hover {
  background-color: #e8e8e8;
}
.my-photos .time-filter .filter-bar .filter-toggle-mobile.active span:nth-child(1) {
  transform: rotate(45deg) translate(5px, 5px);
}
.my-photos .time-filter .filter-bar .filter-toggle-mobile.active span:nth-child(2) {
  opacity: 0;
}
.my-photos .time-filter .filter-bar .filter-toggle-mobile.active span:nth-child(3) {
  transform: rotate(-45deg) translate(5px, -5px);
}
.my-photos .time-filter .filters-mobile {
  display: none;
  flex-direction: column;
  background-color: #ffffff;
  border: 1px solid #d9d9d9;
  border-radius: 12px;
  margin-top: 10px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  position: absolute;
  z-index: 220;
  width: calc(100% - 60px);
}
.my-photos .time-filter .filters-mobile.show {
  display: flex !important;
}
.my-photos .time-filter .filters-mobile .filter-mobile-item, .my-photos .time-filter .filters-mobile .album-photobook-filter-mobile-item {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #121212;
  padding: 15px 20px;
  border: none;
  background: transparent;
  text-align: left;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.my-photos .time-filter .filters-mobile .filter-mobile-item:not(:last-child), .my-photos .time-filter .filters-mobile .album-photobook-filter-mobile-item:not(:last-child) {
  border-bottom: 1px solid #f0f0f0;
}
.my-photos .time-filter .filters-mobile .filter-mobile-item:hover, .my-photos .time-filter .filters-mobile .album-photobook-filter-mobile-item:hover {
  background-color: #f5f5f5;
}
.my-photos .time-filter .filters-mobile .filter-mobile-item:active, .my-photos .time-filter .filters-mobile .album-photobook-filter-mobile-item:active {
  background-color: #e8e8e8;
}
.my-photos .time-filter .filter-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9999;
  align-items: center;
  justify-content: center;
}
.my-photos .time-filter .filter-modal.show {
  display: flex !important;
}
.my-photos .time-filter .filter-modal .filter-modal-content {
  background-color: #ffffff;
  border-radius: 16px;
  width: 90%;
  max-width: 400px;
  max-height: 80vh;
  overflow-y: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.my-photos .time-filter .filter-modal .filter-modal-content .filter-modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  border-bottom: 1px solid #f0f0f0;
}
.my-photos .time-filter .filter-modal .filter-modal-content .filter-modal-header h3 {
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  color: #121212;
  margin: 0;
}
.my-photos .time-filter .filter-modal .filter-modal-content .filter-modal-header .close-modal {
  border: none;
  background: transparent;
  font-size: 28px;
  cursor: pointer;
  color: #666;
  padding: 0;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.my-photos .time-filter .filter-modal .filter-modal-content .filter-modal-header .close-modal:hover {
  color: #121212;
}
.my-photos .time-filter .filter-modal .filter-modal-content .filter-modal-body {
  padding: 20px;
}
.my-photos .time-filter .filter-modal .filter-modal-content .filter-modal-body select {
  width: 100%;
  padding: 12px 15px;
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  font-size: 14px;
  background-color: #f5f5f5;
  cursor: pointer;
  -webkit-appearance: auto;
}
.my-photos .time-filter .filter-modal .filter-modal-content .filter-modal-body select:focus {
  outline: none;
  border-color: #121212;
}
.my-photos .time-filter .filter-modal .filter-modal-content .filter-modal-body .apply-filter-btn {
  width: 100%;
  margin-top: 15px;
  padding: 12px;
  border: none;
  background-color: #121212;
  color: #ffffff;
  border-radius: 25px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.my-photos .time-filter .filter-modal .filter-modal-content .filter-modal-body .apply-filter-btn:hover {
  background-color: #000000;
}
.my-photos .time-filter .filter-modal .filter-modal-content .filter-modal-body .apply-filter-btn:active {
  transform: scale(0.98);
}
.my-photos .myphoto-content .artsy-shop-loop-price {
  display: none;
}
.my-photos .tab-content {
  padding: 0;
}
.my-photos .tab-content-detail {
  width: 100%;
  display: none;
  padding-top: 10px;
}
.my-photos .tab-content-detail .tab-container {
  margin-top: 20px;
}
.my-photos .tab-content-detail .tab-container .tab-label {
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  color: #0d0c21;
}
.my-photos .tab-content-detail .tab-container .product-list .product-detail {
  height: 295px;
  margin-bottom: 30px;
}
.my-photos .tab-content-detail .tab-container .product-list .product-detail .product-img {
  position: relative;
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
  padding: 10px;
  border-radius: 20px;
  background-color: #f4f4f4;
  overflow: hidden;
}
.my-photos .tab-content-detail .tab-container .product-list .product-detail .product-img i {
  position: absolute;
  bottom: 15px;
  left: 15px;
}
.my-photos .tab-content-detail .tab-container .product-list .product-detail .product-img .fa-lock {
  cursor: pointer;
}
.my-photos .tab-content-detail .tab-container .product-list .product-detail .product-img .product-tags {
  position: absolute;
  bottom: 15px;
  right: 15px;
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
}
.my-photos .tab-content-detail .tab-container .product-list .product-detail .product-img .product-tags .tag-detail {
  height: 24px;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  color: #121212;
  padding: 0 8px;
  background-color: #ffffff;
  align-content: center;
  border-radius: 20px;
  margin: 4px 0 0 4px;
}
.my-photos .tab-content-detail .tab-container .product-list .product-detail .product-img > img {
  max-height: 100%;
  max-width: 100%;
}
.my-photos .tab-content .head-content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: start;
  margin-top: 20px;
}
.my-photos .tab-content .head-content .is-search #search-reset {
  position: relative;
  color: #000;
  line-height: 1.4;
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: top;
  overflow: hidden;
  border: 1px solid;
  border-radius: 30px;
  padding: 8px 15px 8px 40px;
}
.my-photos .tab-content .head-content .is-search #search-reset:hover {
  text-decoration: none;
}
.my-photos .tab-content .head-content .is-search #search-reset .artsy-font-close2 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 12px;
  font-size: 15px;
  line-height: 1.4;
  color: inherit;
}
.my-photos .popup-public {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 999;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.3);
  display: none;
}
.my-photos .popup-public .content-gr {
  background-color: #fff;
  max-width: 600px;
  padding: 30px;
  border-radius: 15px;
}
.my-photos .popup-public .content-gr img {
  width: 100%;
}
.my-photos .popup-public .content-gr .note {
  text-align: center;
  font-weight: 600;
  padding: 20px 0 30px;
  line-height: 20px;
}
.my-photos .popup-public .content-gr .btn-gr {
  display: flex;
  justify-content: space-around;
}
.my-photos .popup-public .content-gr .btn-gr .btn {
  width: 240px;
  text-align: center;
  padding: 12px 0;
  border-radius: 30px;
  font-size: 18px;
  font-weight: 600;
}
.my-photos .popup-public .content-gr .btn-gr .cancel-btn {
  border: 1px solid #D9D9D9;
}
.my-photos .popup-public .content-gr .btn-gr .share-btn {
  background-color: #121212;
  color: #fff;
  display: flex;
  padding: 12px;
  align-items: center;
  justify-content: center;
}
.my-photos .popup-public .content-gr .btn-gr .share-btn .loader {
  background-color: #121212;
  color: #ffffff;
  align-content: center;
  width: 18px;
  height: 18px;
  margin-bottom: 0;
  animation: spin 2s linear infinite;
  margin-right: 6px;
}
.my-photos .popup-public .content-gr .btn-gr .share-btn .success {
  width: 18px;
  height: 18px;
  margin-right: 10px;
}
@media (max-width: 1200px) {
  .my-photos .interactive-panel .tabs .tab-list .tab-item .tab-link {
    font-size: 20px;
  }
}
@media (max-width: 992px) {
  .my-photos .choose-share-sticky {
    top: 62px;
  }
  .my-photos .time-filter .filter-bar {
    flex-wrap: wrap;
  }
  .my-photos .time-filter .filter-bar .search-container {
    flex: 1 1 100%;
    min-width: 100%;
    margin-bottom: 15px;
  }
  .my-photos .time-filter .filter-bar .filters-desktop {
    flex: 1 1 100%;
    flex-wrap: wrap;
  }
  .my-photos .time-filter .filter-bar .filters-desktop .filter-item {
    flex: 1 1 calc(33.33% - 10px);
    min-width: 150px;
  }
  .my-photos .tools {
    width: 100%;
    margin: 20px 0;
    flex-direction: row;
  }
  .my-photos .tools .search-container, .my-photos .tools .collections-options {
    padding: 0px;
    width: 50%;
  }
  .my-photos .tools .search-container .tag-input-container .tag-input, .my-photos .tools .collections-options #collection-select {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .my-photos .time-filter .filter-bar {
    flex-direction: row;
    flex-wrap: nowrap;
  }
  .my-photos .time-filter .filter-bar .filters-desktop {
    display: none !important;
  }
  .my-photos .time-filter .filter-bar .filters-desktop.filter-desktop__album-photobook {
    display: flex !important;
  }
  .my-photos .time-filter .filter-bar .filter-toggle-mobile {
    display: flex !important;
  }
  .my-photos .time-filter .filter-bar .search-container {
    min-width: calc(100% - 50px);
    margin-bottom: 0px;
  }
  .my-photos .time-filter .filter-bar .search-container .search-input-wrapper {
    padding: 8px 0px;
  }
  .my-photos .time-filter .filter-bar .search-container .search-input-wrapper .search-icon {
    width: 25px;
    height: 25px;
  }
  .my-photos .time-filter .filter-bar .search-container .search-input-wrapper .search-input {
    font-size: 14px;
  }
}
@media (max-width: 576px) {
  .my-photos .choose-share-sticky {
    top: 62px;
  }
  .my-photos .interactive-panel {
    padding: 0 15px;
    flex-direction: column-reverse;
  }
  .my-photos .time-filter {
    margin-top: 30px;
  }
  .my-photos .time-filter .filter-bar {
    flex-direction: row;
    flex-wrap: nowrap;
  }
  .my-photos .time-filter .filter-bar .search-container {
    min-width: calc(100% - 50px);
    margin-bottom: 0px;
  }
  .my-photos .time-filter .filter-bar .search-container .search-input-wrapper {
    padding: 8px 0px;
  }
  .my-photos .time-filter .filter-bar .search-container .search-input-wrapper .search-icon {
    width: 18px;
    height: 18px;
  }
  .my-photos .time-filter .filter-bar .search-container .search-input-wrapper .search-input {
    font-size: 13px;
  }
  .my-photos .time-filter .filter-bar .filter-toggle-mobile {
    width: 36px;
    height: 36px;
    padding: 6px;
    text-align: center;
    align-items: center;
    justify-content: center;
  }
  .my-photos .time-filter .filter-bar .filter-toggle-mobile i {
    font-size: 20px;
  }
  .my-photos .tools {
    width: 100%;
    margin: 20px 0;
    flex-direction: column;
  }
  .my-photos .tools .search-container, .my-photos .tools .collections-options {
    padding: 0px;
    width: 100%;
  }
  .my-photos .tools .search-container .tag-input-container .tag-input, .my-photos .tools .collections-options #collection-select {
    font-size: 14px;
    line-height: 20px;
    padding: 8px 15px;
    width: 100%;
  }
  .my-photos .tools .icon-search img {
    width: 18px;
    height: 18px;
    margin-right: 3px;
  }
}

.product-empty {
  text-align: center;
  padding: 50px 0 200px;
}
.product-empty img {
  width: 200px;
  height: auto;
  margin-bottom: 30px;
}
.product-empty .description {
  margin-bottom: 60px;
}
.product-empty .description p {
  font-size: 24px;
  font-weight: 600;
}
.product-empty a {
  background: #121212;
  border-radius: 100px;
  cursor: pointer;
  text-decoration: none;
  color: #fff;
  padding: 15px 65px;
  font-size: 18px;
}
@media (max-width: 768px) {
  .product-empty {
    padding: 30px 0 100px;
  }
  .product-empty img {
    width: 150px;
    height: auto;
    margin-bottom: 20px;
  }
  .product-empty .description {
    margin-bottom: 30px;
  }
  .product-empty .description p {
    font-size: 18px;
  }
  .product-empty a {
    padding: 12px 40px;
    font-size: 16px;
  }
}
@media (max-width: 576px) {
  .product-empty {
    padding: 20px 0 80px;
  }
  .product-empty img {
    width: 120px;
    height: auto;
    margin-bottom: 15px;
  }
  .product-empty .description {
    margin-bottom: 30px;
  }
  .product-empty .description p {
    font-size: 16px;
  }
  .product-empty a {
    padding: 10px 30px;
    font-size: 14px;
  }
}

#library {
  position: relative;
  display: flex;
  flex-direction: column;
}
#library .choose-albumphotobook {
  position: relative;
  top: 0px;
}

#choose-date-container {
  height: 300px;
}
#choose-date-container .detail-date {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
#choose-date-container .detail-date h3 {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  text-align: left;
}
#choose-date-container .action-container {
  margin-top: 25px;
  display: flex;
  justify-content: flex-end;
}

@media (max-width: 768px) {
  .image-picker.myimage-picker .footer {
    flex-direction: row !important;
    justify-content: flex-end !important;
  }
}
.image-picker.myimage-picker .myphoto-container .time-options {
  width: 100%;
}
.image-picker.myimage-picker .myphoto-container .time-options .years-list {
  gap: 10px;
}
.image-picker.myimage-picker .myphoto-container .time-options .years-list .year-container {
  margin-top: 10px;
}
.image-picker.myimage-picker .myphoto-container .time-options .months-options {
  margin-top: 15px;
}
.image-picker.myimage-picker .myphoto-container .time-options .months-options .months-list {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  white-space: nowrap;
  gap: 5px;
}
.image-picker.myimage-picker .myphoto-container .time-options .months-options .months-list::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  opacity: 0;
}
.image-picker.myimage-picker .myphoto-container .time-options .months-options .months-list::-webkit-scrollbar-thumb {
  background-color: transparent;
  border-radius: 10px;
}
.image-picker.myimage-picker .myphoto-container .time-options .months-options .months-list:hover::-webkit-scrollbar {
  opacity: 1;
}
.image-picker.myimage-picker .myphoto-container .time-options .months-options .months-list:hover::-webkit-scrollbar-thumb {
  background-color: rgba(189, 181, 181, 0.886);
}
.image-picker.myimage-picker .myphoto-container .time-options .months-options .months-list:hover::-webkit-scrollbar-track {
  background-color: rgba(203, 203, 203, 0.584);
}
.image-picker.myimage-picker .myphoto-container .time-options .months-options .months-list .month-item-picker {
  align-content: end;
}
.image-picker.myimage-picker .myphoto-container .time-options .months-options .months-list .month-container {
  margin-top: 10px;
}
.image-picker.myimage-picker .myphoto-container .time-options .footer-btns {
  position: absolute;
  right: 0;
  bottom: 0;
  margin-right: 10px;
  margin-bottom: 10px;
}
.image-picker.myimage-picker .myphoto-container .time-options .footer-btns .btn {
  margin-left: 10px;
}
.image-picker.myimage-picker .footer {
  display: flex;
  align-items: center;
  margin-top: 15px;
  position: relative;
  width: calc(100% - 20px);
  padding: 0px;
  justify-content: flex-end;
  gap: 10px;
}
.image-picker.myimage-picker .footer #cancel-btn {
  padding: 10px 40px;
  border: none;
  background-color: #000;
  color: #fff;
  cursor: pointer;
  border-radius: 20px;
}
.image-picker.myimage-picker .footer #continue-btn {
  padding: 10px 40px;
  border: none;
  background-color: #000;
  color: #fff;
  cursor: pointer;
  border-radius: 20px;
}

.woocommerce-photobook-container {
  font-family: "Open Sans", sans-serif;
  color: #000000;
  margin: 0;
  padding: 0 20px;
}

.artsy-page-wrap {
  min-height: 500px;
}

.woocommerce-photobook-container {
  position: relative;
  min-height: 700px;
}
.woocommerce-photobook-container .flash-message {
  position: sticky;
  right: 20%;
}
.woocommerce-photobook-container .woocommerce-breadcrumb {
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  color: #828282;
  text-transform: none;
  font-family: "Montserrat";
  margin-top: 50px;
}
.woocommerce-photobook-container .woocommerce-breadcrumb a,
.woocommerce-photobook-container .woocommerce-breadcrumb .delimiter {
  color: #000000;
}
.woocommerce-photobook-container .title-page {
  padding-top: 8px;
  font-weight: 700;
  font-size: 32px;
  line-height: 44px;
  padding-top: 24px;
}
.woocommerce-photobook-container .profile-details {
  padding-top: 50px;
}
@media (max-width: 768px) {
  .woocommerce-photobook-container .woocommerce-breadcrumb {
    margin-top: 0;
  }
  .woocommerce-photobook-container .woocommerce-breadcrumb a, .woocommerce-photobook-container .woocommerce-breadcrumb .current-page, .woocommerce-photobook-container .woocommerce-breadcrumb span {
    font-size: 13px;
  }
  .woocommerce-photobook-container .woocommerce-breadcrumb .delimiter {
    padding: 0 4px;
  }
}

.profile-avatar-container .avatar-container {
  position: relative;
  display: inline-block;
  width: 100px;
  height: 100px;
}
.profile-avatar-container .avatar-container .avatar {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
  border: 1px solid #D9D9D9;
}
.profile-avatar-container .avatar-container .upload-avatar {
  display: none;
  /* Ẩn input file */
}
.profile-avatar-container .avatar-container .edit-icon {
  position: absolute;
  bottom: 5px;
  right: 5px;
  width: 30px;
  height: 30px;
  background-color: white;
  border-radius: 50%;
  cursor: pointer;
}
.profile-avatar-container .profile-name {
  padding-top: 8px;
  font-size: 24px;
  font-weight: 500;
  line-height: 36px;
}
.profile-avatar-container .button-image {
  display: none;
}
.profile-avatar-container #action-buttons {
  display: none;
  padding-top: 20px;
}

#action-buttons .action-file {
  width: 140px;
  height: 34px;
  border-radius: 8px;
  padding: 8px 20px 8px 20px;
  box-shadow: none;
  margin: 0 10px;
  text-align: center;
  color: white;
  border: none;
}

.detail-container .profile-container {
  display: flex;
  flex-direction: column;
  margin-top: 40px;
}
.detail-container .overlay-full {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
  z-index: 200;
}
.detail-container .overlay-full-show {
  visibility: visible;
  opacity: 0.5;
}
.detail-container .profile-container--text {
  background-color: white;
}
.detail-container .profile-container--text .head-info-container #edit-media-mobile {
  display: none;
  text-decoration-line: underline;
}
.detail-container .info-hidden-row-container {
  background-color: white;
  padding: 20px;
  border: 1px solid #D9D9D9;
  border-radius: 10px;
  z-index: 2000;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  max-width: 90%;
}
.detail-container .profile-container--overlay {
  z-index: 300;
  padding: 20px;
  border-radius: 20px;
}
.detail-container #edit-info-btn {
  margin-top: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.detail-container #edit-info-btn .button-edit {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  border-radius: 8px;
  padding: 8px 20px 8px 20px;
  gap: 10px;
  text-align: center;
  color: white;
  background-color: #121212;
  cursor: pointer;
}

.info-hidden-row-container {
  display: flex;
  flex-direction: column;
  margin-top: 16px;
}
.info-hidden-row-container .lb-info-hidden {
  font-size: 24px;
  font-weight: 500;
  line-height: 36px;
  text-align: left;
  padding-bottom: 20px;
}
.info-hidden-row-container .info-dig-detail {
  display: flex;
  gap: 42px;
  justify-content: space-between;
}
.info-hidden-row-container .info-dig-detail .info-row {
  display: flex;
  flex-direction: column;
  width: 30%;
}
.info-hidden-row-container .info-dig-detail .info-row .lb-info {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
  text-align: left;
  color: #4F4F4F;
  margin-bottom: 10px;
}
.info-hidden-row-container .info-dig-detail .info-row .input-container {
  position: relative;
  display: inline-block;
}
.info-hidden-row-container .info-dig-detail .info-row .input-container .lb-info {
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  text-align: left;
}
.info-hidden-row-container .info-dig-detail .info-row .input-container .input-info {
  border: 1px #D9D9D9 solid;
  padding: 13px 50px 13px 17px;
  width: 100%;
  min-width: 250px;
  border-radius: 10px;
  color: #121212;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
}
.info-hidden-row-container .info-dig-detail .info-row .input-container .input-error {
  border: 1px solid red;
}
.info-hidden-row-container .info-dig-detail .info-row .input-container .input-info:focus {
  border: 1px solid #348BFF;
  outline: none;
}
.info-hidden-row-container .info-dig-detail .info-row .input-container .clear-text {
  width: 24px;
  height: 24px;
  line-height: 24px;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  font-size: 16px;
  color: #888;
  display: none;
}
.info-hidden-row-container .info-dig-detail .info-row .error-message {
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: red;
  padding: 3px 0 10px 0;
}
@media (max-width: 992px) {
  .info-hidden-row-container .info-dig-detail {
    flex-direction: column;
    gap: 32px;
  }
  .info-hidden-row-container .info-dig-detail .info-row {
    width: 100%;
  }
  .info-hidden-row-container .info-dig-detail .div-save-info {
    margin-top: 40px;
  }
}
.info-hidden-row-container .div-save-info {
  margin-top: 16px;
  display: flex;
  justify-content: flex-end;
}
.info-hidden-row-container .div-save-info .save-info-row {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  color: #FFFFFF;
  background-color: #121212;
  padding: 8px 47px 8px 47px;
  border-radius: 100px;
  cursor: pointer;
}
.info-hidden-row-container .vector-row {
  margin-top: 24px;
  border: 1px solid #ADADAD;
}

.edit-info-container {
  padding-top: 30px;
}

.no-scroll {
  overflow: hidden;
}

.info-container {
  border: 1px solid #D9D9D9;
  border-radius: 10px;
  padding: 4.7% 8.5% 4.2% 3%;
  margin-top: 30px;
  min-height: 173px;
  position: relative;
  display: flex;
  align-items: center;
}
.info-container .edit-media {
  display: none;
  position: absolute;
  right: 10px;
  top: 10px;
}
.info-container .info-container-flex {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  height: 56px;
  min-height: 56px;
  flex-direction: row;
  align-items: center;
  gap: 2%;
}
.info-container .info-container-flex .vector-col {
  border: 1px solid #C4C4C4;
  height: 100%;
}
.info-container .info-container-flex .info-username {
  width: 17%;
  min-width: 185px;
}
.info-container .info-container-flex .info-email {
  width: 23.7%;
  min-width: 260px;
}
.info-container .info-container-flex .info-phone {
  width: 12%;
  min-width: 120px;
}
.info-container .info-container-flex .edit-profile {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  text-decoration-line: underline;
  color: #121212;
  border: none;
  padding-left: 3%;
  background-color: white;
  cursor: pointer;
}
.info-container .info-container-flex .edit-profile:focus, .info-container .info-container-flex .edit-profile:active {
  outline: none;
  /* Loại bỏ viền khi focus */
  border: none;
  /* Loại bỏ đường viền */
}
.info-container .info-container-flex .info-col-container {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 0px;
}
.info-container .info-container-flex .info-col-container .info-col-lb {
  font-size: 18px;
  color: #4F4F4F;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  padding: 0px;
}
.info-container .info-container-flex .info-col-container .info-col-text {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  text-align: left;
  padding: 0px;
}

@media (max-width: 1250px) {
  #btn-edit-info {
    display: none;
  }
  .vector-col {
    display: none !important;
  }
  .profile-container--text .head-info-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .profile-container--text .head-info-container .edit-mobile-show {
    display: block !important;
  }
  .info-container .info-container-flex {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    gap: 16px 16px;
    width: 100%;
    height: auto;
  }
  .info-container .info-container-flex .info-username {
    grid-column: 1/2;
    grid-row: 1/2;
    min-width: 120px;
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .info-container .info-container-flex .info-email {
    grid-column: 2/3;
    grid-row: 1/2;
    min-width: 120px;
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .info-container .info-container-flex .info-phone {
    grid-column: 1/2;
    grid-row: 2/3;
    min-width: 120px;
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .info-container .info-container-flex .info-address {
    grid-column: 2/3;
    grid-row: 2/3;
    min-width: 180px;
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    max-width: fit-content;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media (max-width: 992px) {
  #btn-edit-info {
    display: none;
  }
  .profile-container--text .head-info-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .profile-container--text .head-info-container .edit-mobile-show {
    display: block !important;
  }
  .profile-container .profile-container--overlay {
    padding: 70px 90px;
  }
  .profile-container .profile-container--overlay .info-hidden-row-container .info-dig-detail {
    flex-direction: column;
    gap: 32px;
  }
  .profile-container .profile-container--overlay .info-hidden-row-container .info-dig-detail .info-row {
    width: 100%;
  }
  .profile-container .profile-container--overlay .info-hidden-row-container .div-save-info {
    margin-top: 40px;
  }
}
@media (max-width: 768px) {
  .info-container .info-container-flex {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
  }
  .info-container .info-container-flex > * {
    width: 100% !important;
    min-width: 0 !important;
    margin-bottom: 12px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .item-info-addr .address-book .wc-address-book-address {
    min-height: 200px;
  }
  .overlay #form-address {
    width: 80%;
    min-width: 300px;
  }
  .overlay #form-address form .btn-submit-form {
    margin-top: 90px !important;
  }
}
.profile-address-info {
  padding-top: 24px;
}
.profile-address-info .address-head {
  display: flex;
  gap: 8px;
  align-items: center;
}
.profile-address-info .address-head .wc-address-book-add-new-address {
  height: auto;
  width: auto;
}
.profile-address-info .address-head .wc-address-book-add-new-address .wc-address-book-add-shipping-button.add-new-address {
  background-color: white !important;
  min-width: 24px !important;
  width: 24px;
  height: 24px;
  padding: 0;
}
.profile-address-info .address-head .wc-address-book-add-new-address .wc-address-book-add-shipping-button.add-new-address img {
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.profile-address-info .info-row .lb-info {
  font-size: 24px;
  font-weight: 500;
  line-height: 36px;
  text-align: left;
}
.profile-address-info .info-row #add-address-form {
  padding-top: 22px;
}
.profile-address-info .info-row #add-address-form .empty-address-add-new {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 28px;
}
.profile-address-info .info-row #add-address-form .empty-address-add-new .img-address {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.profile-address-info .info-row #add-address-form .empty-address-add-new .img-address img {
  width: 95px;
  height: 110px;
}
.profile-address-info .info-row #add-address-form .empty-address-add-new .img-address h5 {
  font-family: "Open Sans", sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 36px;
  text-align: center;
  color: #828282;
}
.profile-address-info .info-row #add-address-form .empty-address-add-new .btn_add_new_container {
  margin-top: 24px;
}
.profile-address-info .info-row #add-address-form .empty-address-add-new .btn_add_new_container .btn_add_new_address_custom {
  padding: 13px 21.5px;
  border-radius: 100px;
  background: #121212;
  color: #FFFFFF;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
  box-sizing: border-box;
  width: 200px;
  height: 50px;
  cursor: pointer;
}
.profile-address-info .row-flex {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.vector-row {
  display: none;
}

.info-row .btn-change-info {
  width: 180px;
  height: 56.48px;
  border-radius: 100px;
  border: 1px #C4C4C4 solid;
  padding: 16px 18px;
  gap: 10px;
  text-transform: uppercase;
  font-size: 22px;
  font-weight: 700;
  text-decoration: none;
  text-align: center;
  color: #000000;
}
.info-row .add-save-info {
  color: #FFFFFF;
  background-color: #121212;
}

.lb-info {
  font-size: 24px;
  font-weight: 500;
  line-height: 36px;
  text-align: left;
}

.value-item-info-hidden {
  display: none !important;
}

.item-info-addr .lab-addr {
  display: flex;
  align-items: center;
  gap: 13px;
  font-weight: 500;
}
.item-info-addr .lab-addr h6 {
  line-height: 24px;
  font-size: 18px;
  font-weight: 500;
  text-align: left;
}
.item-info-addr .lab-addr .status-address {
  line-height: 16px;
  text-align: left;
  font-size: 14px;
  font-weight: 500;
  border: 1px solid #C4C4C4;
  border-radius: 100px;
  background-color: #E8E8E8;
  padding: 8px 15px;
  color: #4F4F4F;
  box-sizing: border-box;
  width: 19%;
  max-height: 34px;
  min-width: 102px;
  margin-bottom: 0px;
}
.item-info-addr .lab-addr .set-default-address {
  background-color: #121212;
  padding: 8px 20px;
  border-radius: 100px;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  text-align: left;
  cursor: pointer;
}
.item-info-addr .lab-addr .set-default-address:hover {
  color: #FFFFFF;
}
.item-info-addr .info-address-btn {
  display: flex;
  flex-direction: column;
  padding-top: 29px;
}
.item-info-addr .info-address-btn .val-address {
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  color: #4F4F4F;
}
.item-info-addr .info-address-btn .btn-change {
  display: flex;
  gap: 16px;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  text-decoration-line: underline;
}
.item-info-addr .info-address-btn .btn-change a {
  color: #121212;
  padding-top: 10px;
}
.item-info-addr .info-address-btn .btn-change a:hover {
  text-decoration: underline;
}
.item-info-addr .info-address-btn .btn-change .wc-address-book-delete {
  cursor: pointer;
}

.text-address:disabled {
  background-color: #f0f0f0;
  /* Màu nền nhạt hơn */
  /* Thay đổi con trỏ chuột */
}

.shipping-address-container {
  display: none;
}

.address-container-change {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.address-container-change .address-container-left {
  width: 70%;
}
.address-container-change .addr-contianer-value {
  display: flex;
  flex-direction: row;
}
.address-container-change select {
  cursor: pointer;
}

.addr-contianer-value .lb-text-address {
  display: flex;
  flex-direction: column;
  margin-right: 50px;
}
.addr-contianer-value .lb-address {
  font-weight: 500;
  font-size: 18px;
  line-height: 18px;
}
.addr-contianer-value .text-address {
  margin: 20px 0;
  width: 452.75px;
  height: 50px;
  border-radius: 10px;
  border: 1px solid #D9D9D9;
  font-weight: 600;
  font-size: 18px;
}

.custom_address_form_show {
  display: block !important;
}

.col2-set.address-book {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.wc-address-book-address {
  border-radius: 20px;
  border: 1px solid #D9D9D9;
  width: calc(50% - 10px);
  padding: 32px 30px;
  min-height: 249px;
  max-width: 609px;
}

.btn-add-new {
  width: 220px;
  height: 120px;
  border: 1px solid #e0e0e0;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
  margin-left: 70px;
}

.btn-add-new:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.btn-add-new .wc-address-book-add-shipping-button {
  font-size: 14px;
  font-weight: 500;
  min-width: auto;
  margin: 0;
  padding: 20px;
  text-transform: none;
  color: #121212;
  background-color: white;
  width: 100%;
  height: 100%;
  border: 1px solid #e0e0e0;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  align-content: center;
}
.btn-add-new .wc-address-book-add-shipping-button.disabled {
  justify-content: center;
  font-size: 18px;
  padding: 20px 10px;
  color: #000000;
}

.wc-address-book-add-shipping-button .icon {
  width: 30px;
  height: 30px;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 5px 0;
  font-size: 30px;
}
.wc-address-book-add-shipping-button .text-add-new {
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 10px 0;
  font-size: 20px;
}

.btn-save-address {
  width: 180px;
  height: 56.48px;
  border-radius: 100px;
  border: 1px #C4C4C4 solid;
  padding: 16px 18px;
  gap: 10px;
  text-transform: uppercase;
  font-size: 22px;
  font-weight: 700;
  text-decoration: none;
  text-align: center;
  color: #FFFFFF;
  background-color: #121212;
  margin-left: 30px;
}

.form-row.validate-required {
  display: flex;
  flex-direction: column;
}

.woocommerce-input-wrapper .input-text,
.woocommerce-input-wrapper #shipping_state,
.woocommerce-input-wrapper #shipping_city, .woocommerce-input-wrapper #shipping_ward {
  border-radius: 10px;
}
.woocommerce-input-wrapper strong {
  font-weight: 600;
  font-size: 18px;
}
.woocommerce-input-wrapper #shipping_state,
.woocommerce-input-wrapper #shipping_ward,
.woocommerce-input-wrapper #shipping_city {
  background: url("/wp-content/themes/photovault/assets/images/Chevron_Down.png") 0 0 no-repeat;
  background-position: right 10px center;
  /* Vị trí hình ảnh */
  background-size: 24px 24px;
  /* Kích thước hình ảnh */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.woocommerce-input-wrapper {
  border-radius: 10px;
  font-weight: 600;
  font-size: 18px;
}

#custom_address_form #shipping_first_name_field,
#custom_address_form #shipping_last_name_field,
#custom_address_form #shipping_country_field,
#custom_address_form #shipping_address_2_field,
#custom_address_form #shipping_email_field,
#custom_address_form #shipping_phone_field {
  display: none !important;
}

.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
  z-index: 250;
  display: flex;
  align-items: center;
}
.overlay #form-address {
  position: relative;
}
.overlay #form-address .close-popup-address {
  position: absolute;
  top: 15px;
  right: 15px;
  display: none;
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.overlay #form-address .close-popup-address img {
  width: 100%;
  height: 100%;
}

.overlay-show {
  visibility: visible;
  opacity: 1;
}

.popup {
  right: 0;
  bottom: 0;
  top: 0;
  left: 0;
  margin: 35px auto 12% auto;
  padding: 34px 30px 20px 30px;
  width: 630px;
  transition: all 5s ease-in-out;
  height: 600px;
  border-radius: 10px;
  background-color: #FFFFFF;
}
.popup h2 {
  font-size: 24px;
  font-weight: 500;
  line-height: 36px;
  text-align: left;
  margin-bottom: 24px;
}
@media (max-width: 576px) {
  .popup {
    width: calc(100% - 30px);
    padding: 20px 15px;
  }
}

#avatar-user {
  width: 505px;
  height: 493px;
  box-sizing: border-box;
  min-height: 500px;
}
#avatar-user .content #avatar-edit-container .head-lb {
  display: flex;
  position: relative;
}
#avatar-user .content #avatar-edit-container .head-lb h4 {
  font-family: "Open Sans", sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 36px;
  text-align: left;
}
#avatar-user .content #avatar-edit-container .head-lb .close-popup {
  position: absolute;
  top: -15px;
  right: -10px;
  cursor: pointer;
}
#avatar-user .content #avatar-edit-container .head-lb .close-popup img {
  width: 24px;
  height: 24px;
}
#avatar-user .content #avatar-edit-container .content-avatar-edit {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 8px;
}
#avatar-user .content #avatar-edit-container .content-avatar-edit .description-avatar {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
}
#avatar-user .content #avatar-edit-container .content-avatar-edit .avatar-user {
  width: 150px;
  height: 150px;
  margin-top: 40px;
}
#avatar-user .content #avatar-edit-container .content-avatar-edit .avatar-user #profile-avatar,
#avatar-user .content #avatar-edit-container .content-avatar-edit .avatar-user img {
  border-radius: 50%;
  width: 100%;
  height: 100%;
  border: 1px solid #ccc;
  object-fit: cover;
}
#avatar-user .content #avatar-edit-container .content-avatar-edit .action-avatar {
  margin-top: 70px;
  display: flex;
  gap: 12px;
}
#avatar-user .content #avatar-edit-container .content-avatar-edit .action-avatar .upload-avatar {
  display: none;
  /* Ẩn trường input mặc định */
}
#avatar-user .content #avatar-edit-container .content-avatar-edit .action-avatar .custom-upload-btn,
#avatar-user .content #avatar-edit-container .content-avatar-edit .action-avatar .delete-avatar,
#avatar-user .content #avatar-edit-container .content-avatar-edit .action-avatar .save-avatar {
  background-color: #121212;
  align-content: center;
  box-sizing: border-box;
  width: 150px;
  height: 40px;
  padding: 8px 30px 8px 30px;
  gap: 10px;
  border-radius: 100px;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
  color: #FFFFFF;
  cursor: pointer;
}
#avatar-user .content #avatar-edit-container .content-avatar-edit .action-avatar .save-avatar {
  display: none;
}

.popup .content #custom_address_form form {
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
  justify-content: space-between;
}
.popup .content #custom_address_form form .woocommerce-address-fields {
  width: 100%;
  height: 100%;
}
.popup .content #custom_address_form form .woocommerce-address-fields .woocommerce-address-fields__field-wrapper {
  display: flex;
  flex-direction: column;
}
.popup .content #custom_address_form form .woocommerce-address-fields .woocommerce-address-fields__field-wrapper p {
  margin: 0 0 20px 0;
  width: 100%;
}
.popup .content #custom_address_form form .woocommerce-address-fields .woocommerce-address-fields__field-wrapper p label {
  padding: 0px;
  text-transform: none;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  text-align: left;
}
.popup .content #custom_address_form form .woocommerce-address-fields .woocommerce-address-fields__field-wrapper p .woocommerce-input-wrapper {
  position: relative;
}
.popup .content #custom_address_form form .woocommerce-address-fields .woocommerce-address-fields__field-wrapper p .woocommerce-input-wrapper input,
.popup .content #custom_address_form form .woocommerce-address-fields .woocommerce-address-fields__field-wrapper p .woocommerce-input-wrapper select {
  margin-top: 6px;
  color: #121212;
  padding: 13px 17px;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  width: 100%;
}
.popup .content #custom_address_form form .woocommerce-address-fields .woocommerce-address-fields__field-wrapper p .woocommerce-input-wrapper .drop-img {
  position: absolute;
  right: 3%;
  top: 40%;
}
.popup .content #custom_address_form form .woocommerce-address-fields .woocommerce-address-fields__field-wrapper p .woocommerce-input-wrapper select,
.popup .content #custom_address_form form .woocommerce-address-fields .woocommerce-address-fields__field-wrapper p .woocommerce-input-wrapper .drop-img {
  cursor: pointer;
}
.popup .content #custom_address_form form .woocommerce-address-fields .woocommerce-address-fields__field-wrapper p .woocommerce-input-wrapper .error {
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: red;
  padding: 3px 0 10px 0;
}
.popup .content #custom_address_form form .woocommerce-address-fields .set-default-shipping-address {
  margin-top: 8px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
.popup .content #custom_address_form form .woocommerce-address-fields .set-default-shipping-address input[type=checkbox] {
  appearance: none;
  /* Loại bỏ giao diện mặc định */
  width: 20px;
  height: 20px;
  border: 2px solid #000000;
  border-radius: 4px;
  background-color: #fff;
  cursor: pointer;
  display: inline-block;
  position: relative;
}
.popup .content #custom_address_form form .woocommerce-address-fields .set-default-shipping-address input[type=checkbox]:checked {
  background-color: #000000;
  color: #fff;
  /* Màu nền khi được tích */
}
.popup .content #custom_address_form form .woocommerce-address-fields .set-default-shipping-address input[type=checkbox]:checked::after {
  content: "\f00c";
  /* Biểu tượng tích */
  font-family: "Font Awesome 5 Pro";
  /* Font Awesome */
  color: #fff;
  font-size: 14px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.popup .content #custom_address_form form .woocommerce-address-fields .set-default-shipping-address .disabled-default {
  pointer-events: none;
  /* Không nhận sự kiện chuột */
  opacity: 0.5;
}
.popup .content #custom_address_form form .woocommerce-address-fields .set-default-shipping-address label {
  color: #121212;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
}
.popup .content #custom_address_form form .btn-submit-form {
  width: 100%;
  display: flex;
  gap: 12px;
  margin-top: 15px;
  justify-content: flex-end;
}
.popup .content #custom_address_form form .btn-submit-form .btnAction {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  color: #FFFFFF;
  border-radius: 100px;
  min-width: 120px;
  min-height: 40px;
  background-color: #121212;
  cursor: pointer;
  text-transform: none;
}
.popup .content #custom_address_form form .btn-submit-form .btn-delete-address {
  text-decoration: none;
  text-align: center;
  align-content: center;
}
.popup .content #custom_address_form form .btn-submit-form #btn-back {
  border: 1px solid #121212;
  color: #121212;
  background-color: #FFFFFF;
}

.info-row .payment-methods {
  padding-top: 40px;
}
.info-row .payment-methods .address-head a {
  width: 24px;
  height: 24px;
}
.info-row .payment-methods .empty-payment-add-new {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 70px;
}
.info-row .payment-methods .empty-payment-add-new .img-payment {
  max-width: 132px;
  max-height: 110px;
}
.info-row .payment-methods .empty-payment-add-new .img-payment img {
  width: 100%;
  height: 100%;
}
.info-row .payment-methods .empty-payment-add-new .btn_add_new_container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 16px;
}
.info-row .payment-methods .empty-payment-add-new .btn_add_new_container h5 {
  color: #828282;
  font-family: "Open Sans", sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 36px;
  text-align: center;
}
.info-row .payment-methods .empty-payment-add-new .btn_add_new_container .btn_add_new_payment_custom {
  padding: 13px 15px;
  border-radius: 100px;
  background: #121212;
  color: #FFFFFF;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
  margin-top: 24px;
  box-sizing: border-box;
  width: 192px;
  height: 50px;
  cursor: pointer;
}

@media (max-width: 576px) {
  #custom-confirm-modal {
    max-width: 350px;
  }
  #custom-confirm-modal h3 {
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    text-align: center;
  }
  .woocommerce-photobook-container {
    padding: 0 20px;
    padding-top: 94px;
  }
  .woocommerce-photobook-container .title-page {
    padding-top: 16px;
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
  }
  .woocommerce-photobook-container .profile-details {
    padding-top: 24px;
  }
  .woocommerce-photobook-container .profile-details .profile-avatar-container .profile-name {
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
  }
  .info-container {
    margin-top: 16px;
    padding: 0px;
    border: none;
  }
  .info-container .info-container-flex {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .info-container .info-container-flex .info-col-container {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 100%;
    margin-bottom: 20px;
  }
  .info-container .info-container-flex .info-col-container .info-col-lb {
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    text-align: left;
    width: 100%;
  }
  .info-container .info-container-flex .info-col-container .info-col-text {
    font-size: 18px;
    font-weight: 550;
    line-height: 24px;
    color: #121212;
    width: 100%;
  }
  .info-container .info-container-flex .info-col-container .info-col-lb {
    font-size: 16px;
  }
  .info-container .info-container-flex .info-col-container:last-of-type {
    padding-bottom: 16px;
    margin: 0px;
    border-bottom: 1px solid #D9D9D9;
  }
  .info-container .info-container-flex .info-address {
    max-width: 100vw;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
  }
  .overlay #avatar-user {
    width: 358px;
    height: 440px;
    margin: 118px auto auto auto;
    padding: 26px 23px;
    box-sizing: border-box;
    min-height: 440px;
  }
  .overlay #avatar-user #avatar-edit-container .content-avatar-edit .avatar-user {
    width: 120px;
    height: 120px;
    margin-top: 44px;
  }
  .overlay #form-address {
    padding: 18px 16px;
    min-width: 350px;
    max-height: 457px;
    margin: 113px auto;
  }
  .overlay #form-address .titile-address h2 {
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
  }
  .overlay #form-address .close-popup-address {
    display: block !important;
  }
  .overlay #form-address #custom_address_form form .form-row {
    margin-bottom: 10px;
  }
  .overlay #form-address #custom_address_form form .form-row .woocommerce-input-wrapper select,
  .overlay #form-address #custom_address_form form .form-row .woocommerce-input-wrapper input {
    color: #121212;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
  }
  .overlay #form-address #custom_address_form form .set-default-shipping-address #set-default {
    width: 18px;
    height: 18px;
  }
  .overlay #form-address #custom_address_form form #btn-back {
    display: none !important;
  }
  .overlay #form-address #custom_address_form .btn-submit-form {
    margin-top: 60px !important;
  }
  .overlay #form-address #custom_address_form .btn-submit-form .save-address-form,
  .overlay #form-address #custom_address_form .btn-submit-form .btn-delete-address {
    min-width: 110px;
    border: 1px solid #000000;
  }
  .overlay #form-address #custom_address_form .btn-submit-form .btn-delete-address {
    background-color: #FFFFFF;
    color: #121212;
  }
  .profile-container {
    margin-top: 36px;
  }
  .profile-container .profile-container--text .head-info-container #edit-media-mobile {
    text-decoration-line: underline;
    font-size: 18px;
  }
  .profile-container .profile-container--text .head-info-container .edit-mobile-show {
    display: block !important;
  }
  .profile-container .profile-container--text #btn-edit-info {
    display: none;
  }
  .profile-container .profile-container--overlay {
    padding: 30px;
    z-index: 1000;
  }
  .profile-container .profile-container--overlay .info-hidden-row-container .info-row .input-container .input-info {
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    text-align: left;
    min-width: auto;
    padding: 13px 30px 13px 15px;
  }
  .profile-container .profile-container--overlay .info-hidden-row-container .div-save-info {
    margin-top: 16px;
  }
  .profile-address-info {
    padding-top: 16px;
    display: flex;
    flex-direction: column;
  }
  .profile-address-info .address-container .address-head h5 {
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    text-align: left;
  }
  .profile-address-info .address-container .address-head .wc-address-book-add-shipping-button button {
    min-width: 18px;
  }
  .profile-address-info .address-container .address-head .wc-address-book-add-shipping-button #add-new-address {
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  .profile-address-info .address-container .address-head .wc-address-book-add-shipping-button #add-new-address img {
    width: 18px;
    height: 18px;
  }
  .profile-address-info .address-container #add-address-form {
    padding-top: 16px;
  }
  .profile-address-info .address-container #add-address-form .wc-address-book-address {
    padding: 13px 39px 31px 18px;
    min-height: 150px;
  }
  .profile-address-info .address-container #add-address-form .wc-address-book-address .lab-addr .status-address {
    padding: 3px 8.5px;
    box-sizing: border-box;
    width: 78px;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    text-align: center;
    min-width: 78px;
  }
  .profile-address-info .address-container #add-address-form .wc-address-book-address .info-address-btn {
    padding-top: 8px;
  }
  .profile-address-info .address-container #add-address-form .wc-address-book-address .info-address-btn .btn-change a {
    padding-top: 16px;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
  }
  .profile-address-info .vector-row {
    padding-top: 24px;
    display: block;
    width: 100%;
    border-bottom: 1px solid #ccc;
  }
  .profile-address-info .payment-methods {
    padding-top: 16px;
  }
  .profile-address-info .payment-methods .address-head {
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    text-align: left;
  }
  .profile-address-info .payment-methods .empty-payment-add-new {
    padding-top: 50px;
  }
  .profile-address-info .payment-methods .empty-payment-add-new .img-payment {
    width: 60px;
    height: 50px;
  }
  .profile-address-info .payment-methods .empty-payment-add-new .btn_add_new_container h5 {
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    text-align: center;
  }
  .profile-address-info .payment-methods .empty-payment-add-new .btn_add_new_container .btn_add_new_payment_custom {
    margin-top: 16px;
    height: 40px;
    padding: 8px 21.5px;
    font-family: "Open Sans", sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    text-align: left;
    width: 70%;
  }
  .item-info-addr .address-book {
    flex-direction: column;
  }
  .item-info-addr .address-book .wc-address-book-address {
    width: 100%;
    min-height: 200px;
  }
}
.hidden-clear-text {
  display: none !important;
}

.my-account-page {
  position: relative;
}
.my-account-page .profile-container {
  width: 100%;
  top: 0;
}
@media (max-width: 768px) {
  .my-account-page {
    padding: 0 10px;
  }
}

#map-popup {
  display: none;
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  justify-content: center;
  align-items: center;
  transition: opacity 0.2s;
}

#map-popup.active {
  display: flex;
  opacity: 1;
}

.map-popup-content {
  background: #fff;
  padding: 24px 20px 20px 20px;
  border-radius: 16px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.18);
  max-width: 95vw;
  max-height: 95vh;
  position: relative;
  min-width: 320px;
  width: 420px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

#google-map {
  width: 100%;
  height: 340px;
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  margin-bottom: 12px;
}

#map-coords {
  margin-top: 8px;
  font-size: 15px;
  color: #333;
  text-align: center;
}

#save-map-location,
#close-map-popup {
  margin-top: 14px;
  padding: 8px 18px;
  border-radius: 8px;
  border: none;
  background: #1a73e8;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.07);
  transition: background 0.2s;
}

#close-map-popup {
  background: #e0e0e0;
  color: #333;
  margin-left: 10px;
}

@media (max-width: 600px) {
  .map-popup-content {
    min-width: 90vw;
    width: 98vw;
    padding: 12px 6px;
  }
  #google-map {
    height: 220px;
  }
}
#place-input {
  background: #fff;
  color: black;
  border-radius: 6px;
  border: 1px solid #ccc;
  padding: 8px 12px;
  font-size: 16px;
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  margin-bottom: 10px;
  position: relative;
  z-index: 10001;
  display: block;
}

#place-input::placeholder {
  color: black;
  opacity: 1;
}

#autocomplete-dropdown {
  position: absolute;
  left: 0;
  top: 100%;
  background: #fff;
  border: 1px solid #ccc;
  width: 100%;
  max-height: 220px;
  overflow-y: auto;
  z-index: 10002;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}

#autocomplete-dropdown div {
  padding: 8px 12px;
  cursor: pointer;
}

#autocomplete-dropdown div:hover {
  background: #f0f0f0;
}

.autocomplete-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.18);
  z-index: 10000;
}

.info-address {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 220px;
  display: block;
}

#btn-add-address {
  background: none;
  border: none;
  color: #3a3a3a;
  text-decoration: underline;
  font: inherit;
  cursor: pointer;
  padding: 0;
  margin: 0;
  box-shadow: none;
  outline: none;
  min-width: unset;
  min-height: unset;
  display: inline;
}

.woocommerce-container {
  font-family: "Open Sans", sans-serif;
  color: #000000;
  margin: 0;
}

@media (min-width: 1400px) {
  .woocommerce-container {
    max-width: 1440px;
    margin: 0 auto;
  }
}
.mobile-select {
  display: none;
  /* Ẩn mặc định, hiển thị chỉ trên thiết bị di động */
}

@media (max-width: 768px) {
  .btn-nav-mn {
    display: none !important;
    /* Ẩn các nút trên màn hình di động */
  }
  .mobile-select {
    display: flex;
    align-items: center;
    padding: 10px 0;
  }
}
.woocommerce-breadcrumb a {
  font-family: "Montserrat";
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
}

.mobile-select label {
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  padding-right: 10px;
}
.mobile-select .custom-select-order #orderStatus {
  font-size: 20px;
}
.mobile-select .custom-select-order #orderStatus:focus {
  border-color: #000000 !important;
  /* Đường viền đen khi focus */
  box-shadow: 0 0 0 0.25rem rgba(25, 25, 26, 0.25);
  outline: 0;
}

#orderStatus option {
  color: white;
  background-color: #000000;
}
#orderStatus option:hover {
  background-color: #F4F4F4;
  color: #000000;
}
#orderStatus option:focus {
  background-color: rgb(166, 155, 155) !important;
  /* Màu nền xám khi focus vào option */
  color: #000000;
}
#orderStatus option:not(:last-child) {
  border-bottom: 1px solid white !important;
  /* Đường kẻ trắng giữa các option */
}

.woocommerce-container .title-page {
  font-weight: 700;
  font-size: 32px;
  line-height: 44px;
  padding-top: 50px;
}

.nav-status-order .btn-nav-mn {
  display: flex;
  gap: 20px;
  flex-direction: row;
  padding-top: 30px;
  padding-bottom: 20px;
}
.btn-nav-mn .tablink {
  font-size: 24px;
  color: #4F4F4F;
  font-weight: 500;
  line-height: 36px;
  text-align: left;
  cursor: pointer;
  background-color: white;
  border: none;
  outline: none;
  padding-bottom: 3px;
  border-bottom: 4px solid white;
}
.btn-nav-mn .tablink-active {
  font-weight: 600;
  border-bottom: 4px solid #121212;
}
.btn-nav-mn .tabcontent {
  color: white;
  display: none;
  padding: 100px 20px;
  height: 100%;
}

.woocommerce-order-details .woocommerce-order-details__title {
  text-transform: none;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  color: #000000;
  background-color: #F4F4F4;
  padding: 10px;
}

.order-section .heading-order {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  margin-bottom: 10px;
  background-color: #F4F4F4;
}
.order-section .no-orders {
  padding-top: 5px;
}

.heading-order h3 {
  text-transform: uppercase;
  font-size: 24px;
  font-weight: 500;
  line-height: 36px;
  text-align: left;
  color: #000000;
}
.heading-order p {
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  color: #828282;
}

.order .product {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 20px;
}
.order hr {
  border: 1px solid #eee;
}
.order .next-total-price {
  width: 35%;
  border: 1px solid #eee;
}
.order .next-order {
  border: 1px solid #D9D9D9;
}
.order .price-detail-purcharse {
  padding: 30px 0 50px 0;
  display: flex;
  flex-direction: column;
  align-items: end;
}

.product .product-info {
  display: flex;
  gap: 20px;
  align-items: center;
}

.product-info .image-product {
  padding: 15px 30px;
  background-color: #F4F4F4;
}

.price-detail-purcharse .btn-order {
  padding-top: 20px;
  display: flex;
  gap: 25px;
}

.info-name-size a {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  text-align: left;
  color: #000000;
}
.info-name-size .wc-item-meta {
  padding-top: 8px;
  padding-bottom: 1px;
}
.info-name-size .info-size {
  display: flex;
  padding-top: 10px;
}
.info-name-size .info-quantity, .info-name-size .product-quantity {
  padding-top: 10px;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  color: #121212;
}

.info-name-product a {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  text-align: left;
  color: #000000;
}
.info-name-product a:hover {
  color: #000000;
}

.info-size .size-lb {
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  color: #4F4F4F;
}
.info-size .size-value {
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  text-align: left;
  color: #121212;
  padding-left: 10px;
}

.order .info-price {
  border: none;
}
.order .info-price bdi,
.order .info-price span {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  text-align: left;
  color: #000000;
}

.info-toltal-price {
  display: flex;
  align-items: center;
  gap: 15px;
}

.info-toltal-price h3 {
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  color: #4F4F4F;
}
.info-toltal-price .total-price bdi,
.info-toltal-price .total-price span {
  font-family: "Open Sans", sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  text-align: left;
  color: #000000;
}

.btn-order a {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  background: white;
  color: #000000;
  text-transform: none;
}
.btn-order a:hover {
  background: white;
  color: #000000;
}
.btn-order .order-again a, .btn-order button {
  font-family: "Open Sans", sans-serif;
  padding: 7px 40px;
  border-radius: 100px;
  background-color: #000000;
  color: #FFFFFF;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  text-transform: none;
  cursor: pointer;
}
.btn-order .order-again a:hover, .btn-order button:hover {
  text-decoration: none;
}

.woocommerce-table__line-item .product-quantity {
  padding-top: 10px;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  color: #121212;
}

.woocommerce-table__product-name a {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  color: #000000 !important;
}

.wc-item-meta li {
  display: flex;
  align-items: center;
}

li .wc-item-meta-label {
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  color: #4F4F4F;
  padding-right: 10px;
}
li p {
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  text-align: left;
  color: #121212;
}

.woocommerce-Price-amount bdi {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}

.woocommerce-container {
  font-family: "Open Sans", sans-serif;
  color: #000000;
  margin: 0;
}

@media (min-width: 1400px) {
  .woocommerce-container {
    max-width: 1440px;
    margin: 0 auto;
  }
}
@media (max-width: 576px) {
  .woocommerce-container {
    padding: 0 25px;
  }
}
.woocommerce-container {
  font-family: "Open Sans", sans-serif;
  text-align: left;
}

#main .shipping-address-status-order {
  padding-top: 20px;
  display: flex;
}
#main .woocommerce-order-details {
  padding-top: 50px;
}
#main .woocommerce-order-details .woocommerce-table--order-details .product-name-heading {
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  color: #000000;
}
#main .woocommerce-order-details .woocommerce-table--order-details .product-quantity {
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: #000000;
}

.shipping-address-status-order .woocommerce-customer-details {
  flex: 1;
}
.shipping-address-status-order .status-order {
  flex: 1;
  width: 50%;
  height: 150px;
}

.status-order .status-order-value {
  height: 100%;
  width: 70%;
  background-color: #F4F4F4;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.status-order-value .status-value {
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  color: #0EC85C;
}
.status-order-value .code-order {
  padding-top: 5px;
}

.code-order p {
  font-size: 24px;
  font-weight: 400;
  line-height: 36px;
  color: #4F4F4F;
  text-align: center;
}

.shipping-address-status-order .woocommerce-column--shipping-address {
  padding: 0;
}

.woocommerce-column--shipping-address .woocommerce-column__title {
  font-size: 24px;
  font-weight: 500;
  line-height: 36px;
}

address .woocommerce-customer-details--name {
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  padding-top: 20px;
}
address .woocommerce-customer-details--address1 {
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  padding-top: 10px;
  color: #4F4F4F;
}

.woocommerce-order-details .order-section {
  padding-top: 40px;
}

.order-payment-custom .row-info-payment {
  display: flex;
  border-bottom: 1px solid #EDEDED;
}

.row-info-payment .lb-row-info {
  flex: 4;
  text-align: right;
  border-right: 1px solid #EDEDED;
  padding: 10px 5px 10px 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  color: #828282;
}
.row-info-payment .value-row {
  flex: 1;
  text-align: right;
  padding: 10px 0px;
  font-size: 18px;
  font-weight: 400;
  line-height: 36px;
  color: #000000;
}
.row-info-payment .value-total-price .woocommerce-Price-amount, .row-info-payment .value-total-price .woocommerce-Price-currencySymbol {
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
}

.value-row span {
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.woocommerce-table--order-details tbody tr:first-child td {
  border: none;
  border-bottom: 1px solid #eee;
}

.woocommerce-table__product-total {
  align-content: center;
}

.woocommerce-photobook-container {
  font-family: "Open Sans", sans-serif;
  color: #000000;
  margin: 0;
  padding: 0 100px;
}
.woocommerce-photobook-container.my-photos .artsy-shop-loop-price {
  display: none;
}

.container {
  padding: 0;
}

@media (max-width: 768px) {
  .woocommerce-photobook-container {
    padding: 25px 0;
  }
  .woocommerce-photobook-container .popup {
    width: calc(100% - 30px);
    margin: auto;
  }
  .public-profile-page {
    padding: 0;
  }
}
.picture-public-container .content-area {
  width: 100%;
}

.woocommerce-photobook-content .breadcrumb {
  background-image: url("/wp-content/themes/photovault/assets/images/picture-public/picture-banner.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 100%;
  color: white;
  width: 100%;
  min-height: 300px;
  margin: 0;
}
.woocommerce-photobook-content .profile-image {
  position: relative;
}

.breadcrumb #primary {
  margin: 0;
}

.picture-public-container {
  padding: 0;
}
.picture-public-container .profile-container {
  padding-top: 88px;
}

.artsy-infload-controls #numOfProductsViewed {
  display: none;
}
.artsy-infload-controls .artsy-infload-btn {
  border-radius: 100px;
  border: 1px solid #000000;
  background-color: #FFFFFF;
  font-family: "Montserrat";
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  color: #000000;
  text-align: center;
  padding: 10px 32px;
  text-transform: none;
}

.profile-image .profile-pic {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  overflow: hidden;
  box-shadow: 0 0 0 5px rgb(255, 255, 255);
  position: absolute;
  top: -50%;
  left: calc(50% - 75px);
  transform: translateY(-50%);
}

.profile-pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* Đảm bảo ảnh luôn phủ kín */
}

.info-user {
  display: flex;
  justify-content: center;
  margin-top: 100px;
  margin-bottom: 30px;
}

.left-info .name-follow {
  display: flex;
  gap: 30px;
  align-items: center;
  justify-content: center;
}
.left-info .desciption-profie {
  font-size: 14px;
  line-height: 20px;
  color: #828282;
  text-align: center;
}
.left-info .desciption-profie .public-profile-description {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
.left-info .desciption-profie .public-profile-description .description {
  margin: 0;
}
.left-info .desciption-profie .public-profile-description__edit-btn,
.left-info .desciption-profie .public-profile-description__cancel-btn,
.left-info .desciption-profie .public-profile-description__save-btn {
  border: 1px solid #c4c4c4;
  background: #fff;
  color: #000;
  border-radius: 8px;
  padding: 8px 14px;
  font-size: 14px;
  line-height: 18px;
  cursor: pointer;
}
.left-info .desciption-profie .public-profile-description__save-btn {
  background: #121212;
  border-color: #121212;
  color: #fff;
}
.left-info .desciption-profie .public-profile-description__editor {
  width: 100%;
  max-width: 100%;
}
.left-info .desciption-profie .public-profile-description__textarea {
  width: 100%;
  border: 1px solid #c4c4c4;
  border-radius: 8px;
  padding: 10px;
  font-size: 14px;
  color: #000;
  resize: vertical;
  height: 150px;
}
.left-info .desciption-profie .public-profile-description__editor-actions {
  margin-top: 10px;
  display: flex;
  justify-content: center;
  gap: 10px;
}

.name-follow .name {
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  text-align: left;
  color: #000000;
  text-transform: uppercase;
}
.name-follow .btn-follow {
  padding: 13px 28px 13px 28px;
  border-radius: 10px;
  border: 1px solid #C4C4C4;
  background-color: white;
}

.btn-follow .fa-user-plus {
  padding-right: 5px;
  width: 24px;
}
.btn-follow span {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  color: #000000;
}

.follower-following {
  display: flex;
  gap: 30px;
  padding-top: 20px;
}

.follower-following .follow .number-follower {
  display: flex;
  gap: 8px;
}
.follower-following .follow .number-follower strong {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  line-height: 24px;
  text-align: left;
  font-weight: 700;
  color: #000000;
}
.follower-following .follow .number-follower span {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  color: #828282;
  text-align: left;
}

.right-info {
  display: flex;
  gap: 75px;
}

.right-info .number-column {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.number-column .number-value {
  font-family: "Open Sans", sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  color: #000000;
  text-align: center;
}
.number-column .titile-column {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
  color: #828282;
}
.number-column .total-like-value, .number-column .total-view-value {
  font-family: Helvetica;
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  color: #000000;
  text-align: center;
}

.images-user {
  margin-top: 15px;
}
.images-user .tabcontent__heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}
@media (max-width: 460px) {
  .images-user .tabcontent__heading.not-full-photos-page {
    flex-direction: column;
    gap: 10px;
    justify-content: flex-end;
    align-items: end;
  }
  .images-user .tabcontent__heading.not-full-photos-page .tab-heading {
    font-size: 14px !important;
  }
}
.images-user .tabcontent__heading .tab-headings {
  display: flex;
  gap: 20px;
}
.images-user .tabcontent__heading .tab-headings .tab-heading:hover {
  cursor: pointer;
  text-decoration: underline;
}
.images-user .tabcontent__heading .tab-heading {
  font-family: "Open Sans", sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  color: #000000;
}
.images-user .tabcontent__heading .tab-heading a {
  color: #000000;
}
.images-user .tabcontent__heading .tab-heading a:hover {
  text-decoration: underline;
}
.images-user .tabcontent__heading .tab-heading span.current {
  color: #828282;
}
@media (max-width: 768px) {
  .images-user .tabcontent__heading .tab-headings {
    width: 100%;
    gap: 10px;
  }
  .images-user .tabcontent__heading .tab-heading {
    font-size: 16px;
  }
}
.images-user .tabcontent__heading .tab-action a {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #000;
  text-decoration: none;
  padding: 6px 14px;
  border: 1px solid #000;
  background-color: #fff;
  border-radius: 6px;
  display: inline-block;
  transition: all 0.25s ease;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}
.images-user .tabcontent__heading .tab-action a:hover {
  color: #fff;
  background-color: #000;
  border-color: #000;
  transform: translateY(-2px);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}
.images-user .tabcontent__heading .tab-action a:active {
  transform: translateY(0);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.images-user .tabcontent__heading .pin-photos-container, .images-user .tabcontent__heading .add-album-btn {
  display: flex;
  align-items: center;
  gap: 15px;
}
.images-user .tabcontent__heading .pin-photos-container button, .images-user .tabcontent__heading .add-album-btn button {
  padding: 6px 14px;
  border: 1px solid #000;
  border-radius: 6px;
  background-color: #FFFFFF;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  cursor: pointer;
  min-width: 100px;
  text-align: center;
  color: #000000;
  box-sizing: border-box;
  display: inline-block;
  transition: all 0.25s ease;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}
.images-user .tabcontent__heading .pin-photos-container button:hover, .images-user .tabcontent__heading .add-album-btn button:hover {
  transform: translateY(-2px);
}
.images-user .tabcontent__heading .pin-photos-container button:active, .images-user .tabcontent__heading .add-album-btn button:active {
  transform: translateY(0);
}
.images-user .tabcontent__heading .pin-photos-container .save-pin, .images-user .tabcontent__heading .add-album-btn .save-pin {
  background-color: #121212;
  border: 1px solid #121212;
  color: #FFFFFF;
}
.images-user .tabcontent__heading .save-pin-container {
  cursor: pointer;
  display: none;
  align-items: center;
  gap: 15px;
}
@media (max-width: 567px) {
  .images-user {
    margin-top: 0;
  }
}

.images-user .nav-btn-filter {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  flex-wrap: wrap;
  gap: 10px;
}
.images-user .nav-btn-filter .btn-filter {
  display: flex;
  align-items: center;
  gap: 20px;
}
@media (max-width: 567px) {
  .images-user .pin-photos-container button, .images-user .add-album-btn button {
    min-width: 90px;
  }
  .images-user .save-pin-container {
    gap: 10px;
  }
}

.nav-btn-filter .nav-choose {
  display: flex;
  gap: 30px;
}

.nav-choose .type-choose {
  display: flex;
  align-items: center;
  gap: 8px;
}

.type-choose.active h3 {
  color: #000000 !important;
}
.type-choose.active p {
  color: #0EC85C !important;
}

.type-choose h3 {
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  text-align: left;
  color: #828282;
  margin: 0px;
}
.type-choose p {
  font-family: "Open Sans", sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 36px;
  text-align: left;
  color: #828282;
  margin: 0px;
}

.btn-filter-dropdown .dropdown-toggle {
  padding: 13px 28px 13px 28px;
  border-radius: 10px;
  font-family: Helvetica;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  background-color: #FFFFFF;
}
.btn-filter-dropdown .dropdown-toggle:focus {
  outline: none;
  box-shadow: none;
}
.btn-filter-dropdown .dropdown-menu {
  border-radius: 20px;
  margin-top: 5px !important;
  padding: 10px 0px;
  inset: 0px 0px auto auto !important;
}

.dropdown-menu li {
  position: relative;
}
.dropdown-menu li .dropdown-item {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  padding: 5px 25px;
  color: #8F8F8F;
  text-align: left;
}
.dropdown-menu li i {
  position: absolute;
  top: 50%;
  right: 5px;
  transform: translateY(-50%);
}
.dropdown-menu li:hover .dropdown-item, .dropdown-menu li:hover i, .dropdown-menu li.active .dropdown-item, .dropdown-menu li.active i {
  background-color: #000000;
  color: #FFFFFF;
}

.tabcontent .artsy-products {
  display: flex;
  gap: calc((100% - 1180px) / 3);
  flex-wrap: wrap;
  padding-top: 10px;
  margin: 0px;
}
.tabcontent [class*=block-grid-]::before {
  content: none;
}
.tabcontent .artsy-products .product-item {
  box-sizing: border-box;
  margin-bottom: 20px;
  padding: 0px;
}

.public-profile-page .nav-btn-filter .btn-nav-mn.nav-choose {
  display: flex !important;
}
@media (max-width: 768px) {
  .public-profile-page .nav-btn-filter .btn-nav-mn.nav-choose .tablink h3, .public-profile-page .nav-btn-filter .btn-nav-mn.nav-choose p {
    font-size: 14px;
  }
}

.community-list-page .filter-product .search-filter-container {
  align-items: center;
  gap: 20px;
}
.community-list-page .filter-product .name-search-container h3 {
  width: max-content;
}
.community-list-page .filter-product .name-search-container .search-container {
  width: 100%;
}
@media (max-width: 768px) {
  .community-list-page .filter-product {
    margin-top: 15px;
  }
  .community-list-page .filter-product .search-filter-container {
    display: block;
  }
  .community-list-page .filter-product .name-search-container h3 {
    font-size: 18px;
  }
  .community-list-page .filter-product .name-search-container .search-container {
    margin-top: 0px;
    padding: 2px 8px;
  }
}
@media (max-width: 576px) {
  .community-list-page .filter-product .name-search-container .search-container {
    margin-top: 0px;
    padding: 2px 8px;
  }
  .community-list-page .filter-product .filter-container .dropdown-toggle {
    padding: 10px 50px;
    font-size: 14px;
  }
  .community-list-page .filter-product .filter-container .btn-filter {
    margin: 15px 0;
  }
}
.community-list-page .community-image-list .tabcontent .artsy-products {
  gap: 0;
}
.community-list-page .community-image-list .tabcontent .artsy-products .product-item {
  padding: 0 12px 24px;
}

.public-profile-page .filter-product .search-filter-container {
  align-items: center;
  gap: 20px;
}
.public-profile-page .filter-product .name-search-container h3 {
  width: 50%;
}
.public-profile-page .filter-product .name-search-container .search-container {
  width: 100%;
}
@media (max-width: 992px) {
  .public-profile-page .filter-product .search-filter-container {
    display: block;
  }
  .public-profile-page .filter-product .name-search-container h3 {
    width: 100%;
  }
  .public-profile-page .filter-product .filter-container .btn-filter {
    margin-top: 25px;
  }
  .public-profile-page .filter-product .filter-container .dropdown-toggle {
    padding: 15px 70px;
  }
}
@media (max-width: 576px) {
  .public-profile-page .filter-product .filter-container .dropdown-toggle {
    padding: 10px 50px;
    font-size: 14px;
  }
}
.public-profile-page .public-image-list .tabcontent .artsy-products {
  gap: 0;
}
.public-profile-page .public-image-list .tabcontent .artsy-products .product-item {
  padding: 0 12px 24px;
}

@media (max-width: 991px) {
  .profile-image .profile-pic {
    width: 120px;
    height: 120px;
    left: calc(50% - 60px);
  }
  .btn-nav-mn .tablink {
    font-size: 18px;
  }
  .info-user {
    margin-top: 70px;
  }
  .name-follow .name {
    font-size: 18px;
    font-weight: 700;
    line-height: 36px;
    text-align: left;
    color: #000000;
    text-transform: uppercase;
  }
  .name-follow .btn-follow {
    padding: 10px 20px 10px 20px;
    border-radius: 10px;
    border: 1px solid #C4C4C4;
    background-color: white;
  }
  .right-info {
    display: flex;
    gap: 30px;
  }
  .right-info .number-column {
    display: flex;
    flex-direction: column;
    gap: 6px;
  }
  .type-choose h3 {
    font-size: 18px;
  }
  .type-choose p {
    font-size: 18px;
  }
  .dropdown .dropdown-toggle {
    padding: 8px 20px 8px 20px;
    font-size: 14px;
    width: 120px;
    border: 1px solid #C4C4C4;
  }
  .dropdown .dropdown-menu {
    padding: 15px 0px;
  }
  .dropdown-menu li .dropdown-item {
    font-size: 14px;
    padding: 3px 15px;
    cursor: pointer;
  }
}
@media (max-width: 575px) {
  .image-container {
    width: 100%;
  }
  .product-empty .description {
    font-size: 20px;
  }
}
.product-item .content-image {
  display: flex;
  justify-content: space-between;
  padding-top: 20px;
  align-items: flex-start;
}
.product-item .content-image .title-image {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.product-item .content-image .cart-wishlist {
  display: flex;
  gap: 10px;
}

.image-container {
  width: 100%;
}
.image-container .woocommerce-loop-product__title {
  text-align: left;
}
.image-container .artsy-shop-loop-title-link {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #000000;
}
.image-container .artsy-shop-loop-price {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  color: #000000;
}
.image-container li {
  list-style: none;
}

.info-product-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.info-product-empty h3 {
  font-family: "Open Sans", sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 36px;
}

.cart-wishlist .add-to-wishlist {
  font-size: 20px;
  cursor: pointer;
  line-height: 0px;
  padding-right: 10px;
}

.artsy-shop-loop-price ins {
  text-decoration: none;
}
.artsy-shop-loop-price ins .woocommerce-Price-amount bdi {
  color: #000000;
}
.artsy-shop-loop-price .woocommerce-Price-amount bdi {
  font-family: "Open sans";
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-align: left;
}

.hidden {
  display: none;
}

#loadmore {
  display: block;
  margin: 20px auto;
  padding: 10px 20px;
  background-color: white;
  color: #000000;
  border: none;
  cursor: pointer;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
}

.product-main-thumbnail-pin {
  position: relative;
}
.product-main-thumbnail-pin .pin-select-overlay {
  position: absolute;
  inset: 0;
  display: none;
  z-index: 150;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.15);
  border: 2px solid transparent;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}
.product-main-thumbnail-pin .pin-select-overlay.pined {
  background: rgba(255, 255, 255, 0.12);
  border: 2px solid #ffffff;
}
.product-main-thumbnail-pin .choose-pin-item {
  position: absolute;
  width: 32px;
  height: 32px;
  display: none;
  z-index: 165;
  top: 5px;
  left: 5px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.1019607843);
  border: 2px solid #FFFFFF;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  font-family: "Open Sans", sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
}
.product-main-thumbnail-pin .choose-pin-item .choose-pin {
  font-family: "Open Sans", sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  width: 100%;
}
.product-main-thumbnail-pin .pined {
  background-color: #FFF;
  border: 1px solid #000000;
}
.product-main-thumbnail-pin .icon-pinned {
  position: absolute;
  display: flex;
  align-items: center;
  width: 32px;
  height: 32px;
  z-index: 160;
  top: 5px;
  left: 5px;
  border-radius: 50%;
  background-color: #FFFFFF;
  border: 2px solid #FFFFFF;
  justify-content: center;
  cursor: pointer;
}
.product-main-thumbnail-pin .icon-pinned img {
  width: 18px !important;
  height: 18px !important;
}

.profile-container {
  /* Tùy chỉnh indicators */
}
.profile-container #carouselExampleControls {
  margin-bottom: 70px;
}
.profile-container #carouselExampleControls .visually-hidden {
  display: none;
}
.profile-container .carousel-inner {
  margin-top: 20px;
  padding: 1em;
}
.profile-container .card {
  display: grid;
  align-items: center;
  margin: 0 0.5em;
  box-shadow: 2px 6px 8px 0 rgba(22, 22, 26, 0.18);
  border: 1px solid rgb(234, 234, 234);
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}
.profile-container .carousel-control-prev,
.profile-container .carousel-control-next {
  background-color: #e1e1e1;
  width: 6vh;
  height: 6vh;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
}
.profile-container .carousel-indicators {
  bottom: -50px;
  margin-bottom: 0;
}
.profile-container .carousel-indicators [data-bs-target] {
  background-color: #ccc;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin: 0 5px;
  border: none;
}
.profile-container .carousel-indicators .active {
  background-color: #666;
}
.profile-container .carousel-item {
  margin-right: 0;
  flex: 0 0 25%;
  display: block;
}
@media (max-width: 768px) {
  .profile-container .carousel-item {
    flex: 0 0 35%;
  }
}
@media (max-width: 576px) {
  .profile-container .carousel-item {
    flex: 0 0 50%;
  }
}
.profile-container .carousel-inner {
  display: flex;
}
.profile-container .card .img-wrapper {
  background-color: rgba(242, 242, 242, 0.9490196078);
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: auto;
  aspect-ratio: 5/7;
  height: auto;
}
.profile-container .card .card-body {
  height: 90px;
}
.profile-container .card .card-body .url-pinned-product {
  text-decoration: none;
  color: #000000;
}
.profile-container .card .card-body .url-pinned-product:hover {
  text-decoration: underline;
}
.profile-container .card .card-body .card-title {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #000000;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.profile-container .card img {
  max-height: 100%;
}

.profile-container .head-featured {
  font-weight: 700;
  font-size: 24px;
  line-height: 36px;
  color: #000000;
  margin-top: 25px;
  margin-bottom: 15px;
}
@media (max-width: 1024px) {
  .profile-container .featured-photos-wrapper {
    display: none;
  }
}
.profile-container .featured-photos-wrapper .featured-photos {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  margin-bottom: 20px;
  max-width: 100%;
  background-color: rgba(242, 242, 242, 0.9490196078);
}
@media (min-width: 1025px) {
  .profile-container .carousel {
    display: none;
  }
}

.banner-edit-actions {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  padding: 12px 20px;
  z-index: 20;
  display: none;
}
.banner-edit-actions .banner-edit-actions__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1440px;
  margin: 0 auto;
}
.banner-edit-actions .banner-edit-label {
  font-size: 14px;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 8px;
}
.banner-edit-actions .banner-edit-label i {
  font-size: 16px;
}
.banner-edit-actions .banner-edit-buttons {
  display: flex;
  gap: 12px;
}
.banner-edit-actions .banner-edit-buttons button {
  border: none;
  border-radius: 6px;
  padding: 8px 16px;
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
  transition: opacity 0.2s;
}
.banner-edit-actions .banner-edit-buttons button:hover {
  opacity: 0.9;
}
.banner-edit-actions .banner-edit-buttons button.btn-cancel {
  background: #4e4f50;
  color: #fff;
}
.banner-edit-actions .banner-edit-buttons button.btn-save {
  background: #0866ff;
  color: #fff;
}

.upload-section {
  max-width: 1440px;
  margin: 0 auto;
  position: relative;
  height: 400px;
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
.upload-section.is-editing .banner {
  cursor: move;
}
.upload-section.is-editing .banner-edit-actions {
  display: block !important;
}
.upload-section.is-editing .edit-banner-container, .upload-section.is-editing .back-to-profile {
  display: none !important;
}
.upload-section .back-to-profile {
  position: absolute;
  top: 20px;
  left: 20px;
  padding: 8px 14px;
  border: 1px solid #000000;
  border-radius: 6px;
  background-color: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(6px);
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  color: #000000;
  text-decoration: none;
  display: inline-block;
  transition: all 0.25s ease;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.07);
}
.upload-section .back-to-profile:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}
.upload-section .back-to-profile:active {
  transform: translateY(0);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.upload-section .back-to-profile a {
  color: inherit;
  text-decoration: none;
}
.upload-section .edit-banner-container {
  position: absolute;
  bottom: 30px;
  right: 10px;
}
.upload-section .edit-banner-container #upload-btn {
  height: fit-content;
  border: none;
  border-radius: 5px;
  padding: 5px 10px;
  background-color: white;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  transition: background 0.3s;
}
.upload-section .edit-banner-container #upload-btn:hover {
  background-color: #f0f2f5;
}
.upload-section .edit-banner-container #upload-btn .btn-text {
  padding-left: 10px;
  font-size: 15px;
  font-weight: 600;
}
.upload-section .edit-banner-container .edit-banner-dropdown {
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  padding: 8px 0;
  position: absolute;
  right: 0;
  top: calc(100% + 5px);
  min-width: 170px;
  z-index: 10;
}
.upload-section .edit-banner-container .edit-banner-dropdown ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.upload-section .edit-banner-container .edit-banner-dropdown ul li {
  padding: 8px 16px;
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  font-size: 15px;
  font-weight: 500;
  transition: background 0.2s;
  color: #333;
}
.upload-section .edit-banner-container .edit-banner-dropdown ul li:hover {
  background-color: #e4e6eb;
}
.upload-section .edit-banner-container .edit-banner-dropdown ul li i {
  font-size: 18px;
  color: #666;
  width: 20px;
  text-align: center;
}
.upload-section .banner {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 0 0 10px 10px;
  transition: background-position 0.2s;
}
.upload-section .banner.dragging {
  transition: none !important;
}
.upload-section .banner_wrapper {
  width: 100%;
  box-sizing: border-box;
  position: absolute;
}
.upload-section .banner_wrapper .content-area {
  position: absolute;
  z-index: 1;
}
@media (max-width: 768px) {
  .upload-section {
    height: 320px;
  }
  .upload-section .edit-banner-container {
    right: 20px;
    bottom: 20px;
  }
  .upload-section .edit-banner-container #upload-btn {
    font-size: 14px;
    padding: 10px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .upload-section .edit-banner-container #upload-btn .btn-text {
    display: none;
  }
  .upload-section .edit-banner-container .edit-banner-dropdown {
    top: auto;
    bottom: calc(100% + 5px);
  }
}
@media (max-width: 576px) {
  .upload-section {
    height: 230px;
  }
}

.modal {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden !important;
  background-color: rgba(0, 0, 0, 0.5);
}

.picker-banner-pop-up {
  background-color: #fff;
  border: 1px solid #888;
  width: 70%;
  max-width: 700px;
  height: 90%;
  max-height: 700px;
  border-radius: 8px;
  padding: 25px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.picker-banner-pop-up .picker-banner-header {
  margin: 10px 0px 20px 0px;
  position: relative;
}
.picker-banner-pop-up .picker-banner-header h3 {
  font-family: "Open Sans", sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  text-align: left;
  color: #000000;
}
.picker-banner-pop-up .picker-banner-header .close-pop-up {
  color: #000;
  position: absolute;
  top: -10px;
  right: -10px;
  font-size: 24px;
  cursor: pointer;
}
@media (max-width: 767px) {
  .picker-banner-pop-up {
    width: 95%;
    height: 80%;
  }
  .picker-banner-pop-up .picker-banner-header {
    margin: 5px 0px 10px 0px;
  }
  .picker-banner-pop-up .picker-banner-header h3 {
    font-size: 18px;
  }
  .picker-banner-pop-up .picker-banner-header .close-pop-up {
    font-size: 24px;
  }
}
.picker-banner-pop-up .upload-new-banner-container {
  margin: 10px 0 20px;
}
.picker-banner-pop-up .upload-new-banner-container .public-profile-btn {
  display: inline-block;
  cursor: pointer;
  padding: 8px 16px;
  font-size: 14px;
  color: #fff;
  background-color: #000;
  border-radius: 4px;
  text-align: center;
  transition: all 0.3s;
}
.picker-banner-pop-up .upload-new-banner-container .public-profile-btn:hover {
  background-color: #333;
}
.picker-banner-pop-up .user-product-images {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  height: calc(100% - 35px - 50px - 40px);
  overflow-y: auto;
}
@media (max-width: 1019px) {
  .picker-banner-pop-up .user-product-images {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 767px) {
  .picker-banner-pop-up .user-product-images {
    grid-template-columns: repeat(2, 1fr);
    height: calc(100% - 35px - 65px);
  }
}
.picker-banner-pop-up .no-images {
  width: 100%;
  display: block;
  height: calc(100% - 35px - 50px - 40px);
}
@media (max-width: 767px) {
  .picker-banner-pop-up .no-images {
    height: calc(100% - 35px - 65px);
  }
}

.product-image-wrapper {
  display: flex;
  position: relative;
  width: 100%;
  background-color: #F5F5F5;
  align-items: center;
  justify-content: center;
  min-height: auto;
  aspect-ratio: 5/7;
  height: auto;
}

.user-product-images img {
  height: auto;
  max-height: 100%;
  object-fit: cover;
  cursor: pointer;
  transition: 0.3s;
}

.img-title {
  color: #000;
  margin-bottom: 10px;
  word-break: break-all; /* Ngắt dòng tại bất kỳ ký tự nào */
  overflow-wrap: anywhere; /* Ngắt dòng ngay cả khi không có khoảng trắng */
  white-space: normal;
  max-width: 100%;
  text-align: center;
  line-height: 1.5;
  margin-top: 15px;
  font-size: 14px;
}

.background-image-picker {
  appearance: none; /* Ẩn radio mặc định */
  width: 20px;
  height: 20px;
  border: 2px solid #333;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  cursor: pointer;
  top: 10px;
  right: 5px;
  background-color: white;
}
.background-image-picker:checked {
  background-color: #007bff;
  border-color: #007bff;
}
.background-image-picker:checked::before {
  content: "";
  width: 10px;
  height: 10px;
  background: white;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.public-profile-popup-btn {
  display: flex;
  gap: 10px;
}
.public-profile-popup-btn .public-profile-btn {
  cursor: pointer;
  border: 1px solid;
  border-radius: 25px;
  padding: 10px;
  font-size: 16px;
  width: 50%;
  color: white;
  background: black;
  margin-top: 15px;
}
.public-profile-popup-btn .public-profile-btn:hover {
  opacity: 0.6;
}

.loading-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.spinner {
  width: 50px;
  height: 50px;
  border: 5px solid #f3f3f3;
  border-top: 5px solid #3498db;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.featured-photos-slider-wrapper {
  display: flex;
  position: relative;
  align-items: center;
  margin: 0 auto 24px auto;
  width: 100%;
}

.featured-photos-slider {
  display: flex;
  overflow: hidden;
  min-height: 20px;
  align-items: center;
  justify-content: center;
  width: auto;
}

.slider-arrow {
  background: #fff;
  border: 1.5px solid #bbb;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.07);
  border-radius: 18%;
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 1.5rem;
  color: #333;
  transition: background 0.2s, border 0.2s;
  position: relative;
  z-index: 2;
  margin: 10px 0px;
}

.img-wrapper-noi-bat {
  width: 200px;
  height: 300px;
  object-fit: cover;
  border-radius: 10px;
  display: block;
  margin: 0 auto;
  align-content: center;
}

.slider-arrow:hover {
  background: #f0f0f0;
  border-color: #888;
}

.photo-item {
  min-width: 220px;
  max-width: 230px;
  margin: 0 14px;
  transition: opacity 0.3s, transform 0.2s;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
  background: #fafafa;
  display: flex;
  align-items: center;
  justify-content: center;
}

.photo-item img {
  width: 100%;
  height: 250px;
  object-fit: cover;
  border-radius: 20px;
  transition: transform 0.2s;
  display: block;
}

.photo-item:hover img {
  transform: scale(1.05);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

.photo-item.hidden-photo {
  display: none;
}

@media (max-width: 900px) {
  .featured-photos-slider-wrapper {
    max-width: 100vw;
  }
  .featured-photos-slider {
    max-width: 95vw;
  }
}
.layout-masonry #list-post .artsy-products {
  display: block !important;
}

.masonry-columns-wrapper {
  position: relative;
}
.masonry-columns-wrapper .masonry-brick-item {
  width: calc(50% - 5px);
  margin-bottom: 10px;
  position: relative;
}
@media (min-width: 640px) {
  .masonry-columns-wrapper .masonry-brick-item {
    width: calc(33.333% - 7px);
  }
}
@media (min-width: 800px) {
  .masonry-columns-wrapper .masonry-brick-item {
    width: calc(25% - 8px);
  }
}
@media (min-width: 1200px) {
  .masonry-columns-wrapper .masonry-brick-item {
    width: calc(20% - 8px);
  }
}
.masonry-columns-wrapper .masonry-brick-item .masonry-brick {
  display: block;
  width: 100%;
  height: auto;
}
.masonry-columns-wrapper .masonry-brick-item .product-main-thumbnail {
  position: relative;
  overflow: hidden;
}
.masonry-columns-wrapper .masonry-brick-item .pin-select-overlay {
  position: absolute;
  inset: 0;
  z-index: 3;
  display: none;
  cursor: pointer;
}
.masonry-columns-wrapper .masonry-brick-item .pin-select-overlay.pined {
  background: rgba(0, 0, 0, 0.25);
}
.masonry-columns-wrapper .masonry-brick-item .choose-pin-item {
  position: absolute;
  top: 8px;
  left: 8px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.9);
  display: none;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 700;
  color: #000;
  cursor: pointer;
  z-index: 4;
}
.masonry-columns-wrapper .masonry-brick-item .choose-pin-item.pined {
  background: #121212;
  color: #fff;
}
.masonry-columns-wrapper .masonry-brick-item .icon-pinned {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 4;
}
.masonry-columns-wrapper .masonry-brick-item .icon-pinned img {
  width: 22px;
  height: 22px;
}
.masonry-columns-wrapper .masonry-brick-item .image-action-trigger {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 5;
}
.masonry-columns-wrapper .masonry-brick-item .days-since-posted {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 4;
}

.layout-justified #list-post .artsy-products {
  display: block !important;
}

.justified-grid-wrapper .justified-brick-item .justified-brick {
  display: block;
  height: 100%;
  width: 100%;
  object-fit: cover;
  margin: 0px !important;
}
.justified-grid-wrapper .justified-brick-item .product-main-thumbnail {
  position: relative;
  height: 100%;
  overflow: hidden;
}
.justified-grid-wrapper .justified-brick-item .product-main-thumbnail a.product-link {
  display: block;
  height: 100%;
}
.justified-grid-wrapper .justified-brick-item .pin-select-overlay {
  position: absolute;
  inset: 0;
  z-index: 3;
  display: none;
  cursor: pointer;
}
.justified-grid-wrapper .justified-brick-item .pin-select-overlay.pined {
  background: rgba(0, 0, 0, 0.25);
}
.justified-grid-wrapper .justified-brick-item .choose-pin-item {
  position: absolute;
  top: 8px;
  left: 8px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.9);
  display: none;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 700;
  color: #000;
  cursor: pointer;
  z-index: 4;
}
.justified-grid-wrapper .justified-brick-item .choose-pin-item.pined {
  background: #121212;
  color: #fff;
}
.justified-grid-wrapper .justified-brick-item .icon-pinned {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 4;
}
.justified-grid-wrapper .justified-brick-item .icon-pinned img {
  width: 22px;
  height: 22px;
}
.justified-grid-wrapper .justified-brick-item .image-action-trigger {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 5;
}
.justified-grid-wrapper .justified-brick-item .days-since-posted {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 4;
}

#hs-rsp-popup-bg #hs-rsp-image-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f2f2f2;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}
#hs-rsp-popup-bg #hs-rsp-image-wrap #hs-rs-big-img {
  padding: 10px 0;
}
#hs-rsp-popup-bg #hsrsp-arrows-wrapper {
  display: none !important;
}

* {
  box-sizing: border-box;
}

.flash {
  display: block;
  position: fixed;
  z-index: 10000;
  top: 15px;
  right: 25px;
  width: 90%;
  max-width: 400px;
  padding: 20px 25px 20px 60px;
  font-size: 14px;
  font-weight: 400;
  background-color: #FFF;
  border-radius: 2px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  opacity: 0;
}
@media (max-width: 376px) {
  .flash {
    width: 310px;
    left: 5px;
  }
}
.flash__icon {
  position: absolute;
  display: flex;
  align-items: center;
  top: 50%;
  left: 0;
  width: 1.8em;
  height: 100%;
  padding: 0 0.4em;
  color: #FFF;
  font-size: 24px;
  font-weight: 300;
  transform: translate(0, -50%);
}
.flash__icon .icon {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}
.flash__body {
  font-size: 14px;
  margin-bottom: 0px !important;
}
.flash__body a {
  display: none;
}

.success-notice {
  color: #28a745;
  border: 2px solid #28a745;
}
.success-notice .flash__icon {
  background-color: #28a745;
}

.error-notice {
  color: #dc3545 !important;
  border: 2px solid #dc3545;
}
.error-notice .flash__icon {
  background-color: #dc3545;
}

.notice {
  color: #6c757d !important;
  border: 2px solid #6c757d;
}
.notice .flash__icon {
  background-color: #6c757d;
}

@keyframes drop-in-fade-out {
  0% {
    opacity: 0;
    visibility: visible;
    transform: translate3d(0, -200%, 0);
  }
  12% {
    transform: translate3d(0, 0, 0);
  }
  20% {
    opacity: 1;
  }
  70% {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
  }
  80% {
    opacity: 0;
  }
  100% {
    visibility: hidden;
    transform: translate3d(75%, 0, 0);
  }
}
.animate--drop-in-fade-out {
  animation: drop-in-fade-out 5.5s 0.4s cubic-bezier(0.32, 1.75, 0.65, 0.91);
  animation-fill-mode: forwards;
}

/* Modal confirm Styles */
.modal-confirm {
  display: none;
  background: white;
  padding: 30px 20px;
  border-radius: 10px;
  text-align: center;
  width: 450px;
  position: fixed;
  top: 15%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 1px solid #ccc;
  flex-direction: column;
  gap: 14px;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1215686275);
}
.modal-confirm h3 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
}
.modal-confirm .confirm-type-choose {
  margin-top: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.modal-confirm .confirm-type-choose button {
  border: 1px solid #121212;
  padding: 8px 21px;
  border-radius: 20px;
  min-width: 100px;
  min-height: 34px;
  background-color: #121212;
  color: #FFFFFF;
  cursor: pointer;
}
.modal-confirm .confirm-type-choose .confirm-no {
  color: #121212;
  background-color: #FFFFFF;
}
@media (max-width: 768px) {
  .modal-confirm {
    width: 90%;
    max-width: 380px;
    padding: 25px 15px;
    gap: 10px;
  }
  .modal-confirm h3 {
    font-size: 18px;
    line-height: 22px;
  }
}

.modal-confirm-show {
  display: flex;
}
.modal-confirm-show .publish-product-confirm-remember {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin-top: 10px;
}
.modal-confirm-show .publish-product-confirm-remember input[type=checkbox] {
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.modal-confirm-show .publish-product-confirm-remember label {
  font-size: 14px;
  color: #121212;
  cursor: pointer;
}

.modal-confirm-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 999;
  cursor: pointer;
}

.modal-confirm-overlay-show {
  display: block;
}

.woocommerce-photobook-container .artsy-posterwalls-wrap {
  margin-top: 24px;
}
.woocommerce-photobook-container .artsy-posterwalls-wrap .title-albumphotobook-wrapper {
  display: flex;
}
.woocommerce-photobook-container .artsy-posterwalls-wrap .title-albumphotobook-wrapper h2 {
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 700;
}
.woocommerce-photobook-container .artsy-posterwalls-wrap .title-albumphotobook-wrapper .add-product {
  cursor: pointer;
  position: relative;
  z-index: 10;
  margin-left: 10px;
  width: 25px;
  height: 25px;
}
.woocommerce-photobook-container .artsy-posterwalls-wrap .title-albumphotobook-wrapper .add-product img {
  width: 100%;
  height: 100%;
}
.woocommerce-photobook-container .artsy-posterwalls-wrap .left-menu-desktop {
  padding: 0px;
  width: 190px;
  min-height: 500px;
  margin-right: 15px;
  border-right: 1px solid #D9D9D9;
}
.woocommerce-photobook-container .artsy-posterwalls-wrap .left-menu-desktop #artsy-left-menu {
  margin: 0px;
}
.woocommerce-photobook-container .artsy-posterwalls-wrap .left-menu-desktop #artsy-left-menu .menu-item {
  margin-bottom: 20px;
}
.woocommerce-photobook-container .artsy-posterwalls-wrap .left-menu-desktop #artsy-left-menu .menu-item a {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  text-align: left;
  color: #000000;
  margin-bottom: 20px;
  text-transform: uppercase;
}
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container .head-album-photobook {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 24px;
}
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container .head-album-photobook .photobook-title-page {
  font-family: "Open Sans", sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 44px;
  text-align: left;
  text-transform: uppercase;
}
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container .head-album-photobook .add-product-picture {
  width: 38px;
  height: 38px;
}
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container .head-album-photobook .add-product-picture img {
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container .all-product-action {
  display: flex;
  justify-content: flex-end;
}
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container .all-product-action .search-product {
  width: 38px;
  height: 38px;
}
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container .all-product-action .search-product img {
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.album-photobook-container, .woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.list-gallery-wall-container {
  padding: 0;
}
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.album-photobook-container .artsy-shop-products-col, .woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.list-gallery-wall-container .artsy-shop-products-col {
  padding: 0;
}
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.album-photobook-container .artsy-shop-products-col .artsy-infload-controls.-mode.hide-btn, .woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.list-gallery-wall-container .artsy-shop-products-col .artsy-infload-controls.-mode.hide-btn {
  display: none;
}
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.album-photobook-container .artsy-poster-wall-heading, .woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.list-gallery-wall-container .artsy-poster-wall-heading {
  margin: 0px;
}
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.album-photobook-container .filter .desktop-filter, .woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.list-gallery-wall-container .filter .desktop-filter {
  margin-bottom: 10px;
}
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.album-photobook-container .filter .desktop-filter .head-album-photobook, .woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.list-gallery-wall-container .filter .desktop-filter .head-album-photobook {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 24px;
}
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.album-photobook-container .filter .desktop-filter .head-album-photobook .photobook-title-page, .woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.list-gallery-wall-container .filter .desktop-filter .head-album-photobook .photobook-title-page {
  font-family: "Open Sans", sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 44px;
  text-align: left;
  text-transform: uppercase;
}
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.album-photobook-container .filter .desktop-filter .head-album-photobook .add-product-picture, .woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.list-gallery-wall-container .filter .desktop-filter .head-album-photobook .add-product-picture {
  width: 38px;
  height: 38px;
}
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.album-photobook-container .filter .desktop-filter .head-album-photobook .add-product-picture img, .woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.list-gallery-wall-container .filter .desktop-filter .head-album-photobook .add-product-picture img {
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.album-photobook-container .filter .desktop-filter .all-product-action, .woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.list-gallery-wall-container .filter .desktop-filter .all-product-action {
  display: flex;
  align-items: center;
  gap: 27px;
  justify-content: flex-end;
}
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.album-photobook-container .filter .desktop-filter .all-product-action .search-product, .woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.list-gallery-wall-container .filter .desktop-filter .all-product-action .search-product {
  width: 38px;
  height: 38px;
}
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.album-photobook-container .filter .desktop-filter .all-product-action .search-product img, .woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.list-gallery-wall-container .filter .desktop-filter .all-product-action .search-product img {
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.album-photobook-container .filter .desktop-filter .all-product-action #photobook-product-sorting, .woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.list-gallery-wall-container .filter .desktop-filter .all-product-action #photobook-product-sorting {
  border: 1px solid;
  border-radius: 100px;
  min-width: 195px;
  height: 48px;
  box-sizing: border-box;
  background-color: #121212;
}
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.album-photobook-container .filter .desktop-filter .all-product-action #photobook-product-sorting table, .woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.list-gallery-wall-container .filter .desktop-filter .all-product-action #photobook-product-sorting table {
  width: 100%;
  height: 100%;
}
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.album-photobook-container .filter .desktop-filter .all-product-action #photobook-product-sorting table tr, .woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.list-gallery-wall-container .filter .desktop-filter .all-product-action #photobook-product-sorting table tr {
  border: none;
}
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.album-photobook-container .filter .desktop-filter .all-product-action #photobook-product-sorting table tr td, .woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.list-gallery-wall-container .filter .desktop-filter .all-product-action #photobook-product-sorting table tr td {
  padding: 0;
}
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.album-photobook-container .filter .desktop-filter .all-product-action #photobook-product-sorting table tr .selectOrDie .sod_select, .woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.list-gallery-wall-container .filter .desktop-filter .all-product-action #photobook-product-sorting table tr .selectOrDie .sod_select {
  width: 100%;
  height: 100%;
  padding-right: 0;
  padding: 0 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
  gap: 8px;
}
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.album-photobook-container .filter .desktop-filter .all-product-action #photobook-product-sorting table tr .selectOrDie .sod_select::before, .woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.list-gallery-wall-container .filter .desktop-filter .all-product-action #photobook-product-sorting table tr .selectOrDie .sod_select::before {
  content: none;
}
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.album-photobook-container .filter .desktop-filter .all-product-action #photobook-product-sorting table tr .selectOrDie .sod_select::after, .woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.list-gallery-wall-container .filter .desktop-filter .all-product-action #photobook-product-sorting table tr .selectOrDie .sod_select::after {
  display: block;
  font-family: "Font Awesome 5 Pro";
  font-size: 24px;
  font-weight: 400;
  font-variant: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f078";
  width: 24px;
  height: 42px;
  text-align: center;
  align-content: center;
}
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.album-photobook-container .filter .desktop-filter .all-product-action #photobook-product-sorting table tr .selectOrDie .sod_select .sod_label, .woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.list-gallery-wall-container .filter .desktop-filter .all-product-action #photobook-product-sorting table tr .selectOrDie .sod_select .sod_label {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
}
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.album-photobook-container .filter .desktop-filter .all-product-action #photobook-product-sorting table tr .selectOrDie .sod_select .sod_option, .woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.list-gallery-wall-container .filter .desktop-filter .all-product-action #photobook-product-sorting table tr .selectOrDie .sod_select .sod_option {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #8F8F8F;
  text-align: left;
}
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.album-photobook-container .filter .desktop-filter .all-product-action #photobook-product-sorting table tr .selectOrDie .sod_select .sod_list_wrapper, .woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.list-gallery-wall-container .filter .desktop-filter .all-product-action #photobook-product-sorting table tr .selectOrDie .sod_select .sod_list_wrapper {
  width: 193px !important;
  right: -35%;
  top: 50px;
  background: #FFFFFF;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 8px 16px 0px;
  border-radius: 10px;
  border: 1px solid #F2F2F2;
  padding: 22px 0;
}
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.album-photobook-container .filter .desktop-filter .all-product-action #photobook-product-sorting table tr .selectOrDie .sod_select .active,
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.album-photobook-container .filter .desktop-filter .all-product-action #photobook-product-sorting table tr .selectOrDie .sod_select .selected, .woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.list-gallery-wall-container .filter .desktop-filter .all-product-action #photobook-product-sorting table tr .selectOrDie .sod_select .active,
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.list-gallery-wall-container .filter .desktop-filter .all-product-action #photobook-product-sorting table tr .selectOrDie .sod_select .selected {
  background: #000000;
  color: #FFFFFF;
}
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.album-photobook-container [class*=block-grid-]::before, .woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.list-gallery-wall-container [class*=block-grid-]::before {
  content: none;
}
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.album-photobook-container .artsy-products, .woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.list-gallery-wall-container .artsy-products {
  display: flex;
  gap: 20px;
  margin-bottom: 20px;
  flex-wrap: wrap;
  margin-left: 0px;
  margin-right: 0px;
}
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.album-photobook-container .artsy-products .product, .woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.list-gallery-wall-container .artsy-products .product {
  width: calc(25% - 20px);
  padding: 0;
  margin-top: 30px;
  box-sizing: content-box;
}
@media only screen and (max-width: 992px) {
  .woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.album-photobook-container .artsy-products .product, .woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.list-gallery-wall-container .artsy-products .product {
    width: calc(33.33% - 20px);
  }
}
@media only screen and (max-width: 576px) {
  .woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.album-photobook-container .artsy-products .product, .woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.list-gallery-wall-container .artsy-products .product {
    width: calc(50% - 20px);
  }
}
@media only screen and (max-width: 360px) {
  .woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.album-photobook-container .artsy-products .product, .woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.list-gallery-wall-container .artsy-products .product {
    width: 100%;
  }
}
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.album-photobook-container .artsy-products .product .artsy-shop-loop-thumbnail, .woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.list-gallery-wall-container .artsy-products .product .artsy-shop-loop-thumbnail {
  width: 100%;
  border: none;
  background-color: whitesmoke;
  line-height: normal;
  height: 457px;
}
@media only screen and (max-width: 1200px) {
  .woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.album-photobook-container .artsy-products .product .artsy-shop-loop-thumbnail, .woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.list-gallery-wall-container .artsy-products .product .artsy-shop-loop-thumbnail {
    height: 337px;
    line-height: normal;
  }
}
@media only screen and (max-width: 768px) {
  .woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.album-photobook-container .artsy-products .product .artsy-shop-loop-thumbnail, .woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.list-gallery-wall-container .artsy-products .product .artsy-shop-loop-thumbnail {
    height: 248px;
    line-height: normal;
  }
}
@media only screen and (max-width: 576px) {
  .woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.album-photobook-container .artsy-products .product .artsy-shop-loop-thumbnail, .woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.list-gallery-wall-container .artsy-products .product .artsy-shop-loop-thumbnail {
    height: 300px;
    line-height: normal;
  }
}
@media only screen and (max-width: 400px) {
  .woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.album-photobook-container .artsy-products .product .artsy-shop-loop-thumbnail, .woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.list-gallery-wall-container .artsy-products .product .artsy-shop-loop-thumbnail {
    height: 282px;
    line-height: normal;
  }
}
@media only screen and (max-width: 360px) {
  .woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.album-photobook-container .artsy-products .product .artsy-shop-loop-thumbnail, .woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.list-gallery-wall-container .artsy-products .product .artsy-shop-loop-thumbnail {
    line-height: normal;
    height: 514px;
  }
}
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.album-photobook-container .artsy-products .product .artsy-shop-loop-thumbnail .artsy-shop-loop-thumbnail-link, .woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.list-gallery-wall-container .artsy-products .product .artsy-shop-loop-thumbnail .artsy-shop-loop-thumbnail-link {
  width: 100%;
  box-sizing: border-box;
}
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.album-photobook-container .artsy-products .product .artsy-shop-loop-thumbnail .artsy-shop-loop-thumbnail-link img, .woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.list-gallery-wall-container .artsy-products .product .artsy-shop-loop-thumbnail .artsy-shop-loop-thumbnail-link img {
  object-fit: contain;
  width: 100%;
}
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.album-photobook-container .artsy-products .product .artsy-shop-loop-thumbnail:hover .artsy-shop-loop-thumbnail-link::before, .woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.list-gallery-wall-container .artsy-products .product .artsy-shop-loop-thumbnail:hover .artsy-shop-loop-thumbnail-link::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1);
  /* Lớp phủ màu đen trong suốt */
  z-index: 1;
  /* Đặt lớp phủ phía trên */
}
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.album-photobook-container .artsy-products .product .artsy-shop-loop-thumbnail:hover .act-like-print, .woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.list-gallery-wall-container .artsy-products .product .artsy-shop-loop-thumbnail:hover .act-like-print {
  display: flex;
}
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.album-photobook-container .artsy-products .product .artsy-shop-loop-thumbnail .act-like-print, .woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.list-gallery-wall-container .artsy-products .product .artsy-shop-loop-thumbnail .act-like-print {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  width: 200px;
  height: 50px;
  z-index: 120;
  flex-wrap: wrap;
}
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.album-photobook-container .artsy-products .product .artsy-shop-loop-thumbnail .act-like-print .photobook-print-product,
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.album-photobook-container .artsy-products .product .artsy-shop-loop-thumbnail .act-like-print .photobook-share-product,
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.album-photobook-container .artsy-products .product .artsy-shop-loop-thumbnail .act-like-print .photobook-like-product,
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.album-photobook-container .artsy-products .product .artsy-shop-loop-thumbnail .act-like-print .photobook-clone-product,
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.album-photobook-container .artsy-products .product .artsy-shop-loop-thumbnail .act-like-print .photobook-add-to-cart-ap, .woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.list-gallery-wall-container .artsy-products .product .artsy-shop-loop-thumbnail .act-like-print .photobook-print-product,
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.list-gallery-wall-container .artsy-products .product .artsy-shop-loop-thumbnail .act-like-print .photobook-share-product,
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.list-gallery-wall-container .artsy-products .product .artsy-shop-loop-thumbnail .act-like-print .photobook-like-product,
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.list-gallery-wall-container .artsy-products .product .artsy-shop-loop-thumbnail .act-like-print .photobook-clone-product,
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.list-gallery-wall-container .artsy-products .product .artsy-shop-loop-thumbnail .act-like-print .photobook-add-to-cart-ap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  background-color: #ffffff;
  position: relative;
  border-radius: 5px;
}
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.album-photobook-container .artsy-products .product .artsy-shop-loop-thumbnail .act-like-print .photobook-print-product i,
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.album-photobook-container .artsy-products .product .artsy-shop-loop-thumbnail .act-like-print .photobook-share-product i,
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.album-photobook-container .artsy-products .product .artsy-shop-loop-thumbnail .act-like-print .photobook-like-product i,
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.album-photobook-container .artsy-products .product .artsy-shop-loop-thumbnail .act-like-print .photobook-clone-product i,
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.album-photobook-container .artsy-products .product .artsy-shop-loop-thumbnail .act-like-print .photobook-add-to-cart-ap i, .woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.list-gallery-wall-container .artsy-products .product .artsy-shop-loop-thumbnail .act-like-print .photobook-print-product i,
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.list-gallery-wall-container .artsy-products .product .artsy-shop-loop-thumbnail .act-like-print .photobook-share-product i,
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.list-gallery-wall-container .artsy-products .product .artsy-shop-loop-thumbnail .act-like-print .photobook-like-product i,
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.list-gallery-wall-container .artsy-products .product .artsy-shop-loop-thumbnail .act-like-print .photobook-clone-product i,
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.list-gallery-wall-container .artsy-products .product .artsy-shop-loop-thumbnail .act-like-print .photobook-add-to-cart-ap i {
  position: inherit;
  bottom: auto;
  left: auto;
  font-size: 20px;
  line-height: 24px;
  cursor: pointer;
}
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.album-photobook-container .artsy-products .product .artsy-shop-loop-thumbnail .act-like-print .photobook-print-product img,
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.album-photobook-container .artsy-products .product .artsy-shop-loop-thumbnail .act-like-print .photobook-share-product img,
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.album-photobook-container .artsy-products .product .artsy-shop-loop-thumbnail .act-like-print .photobook-like-product img,
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.album-photobook-container .artsy-products .product .artsy-shop-loop-thumbnail .act-like-print .photobook-clone-product img,
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.album-photobook-container .artsy-products .product .artsy-shop-loop-thumbnail .act-like-print .photobook-add-to-cart-ap img, .woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.list-gallery-wall-container .artsy-products .product .artsy-shop-loop-thumbnail .act-like-print .photobook-print-product img,
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.list-gallery-wall-container .artsy-products .product .artsy-shop-loop-thumbnail .act-like-print .photobook-share-product img,
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.list-gallery-wall-container .artsy-products .product .artsy-shop-loop-thumbnail .act-like-print .photobook-like-product img,
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.list-gallery-wall-container .artsy-products .product .artsy-shop-loop-thumbnail .act-like-print .photobook-clone-product img,
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.list-gallery-wall-container .artsy-products .product .artsy-shop-loop-thumbnail .act-like-print .photobook-add-to-cart-ap img {
  width: 27px;
  height: 27px;
  cursor: pointer;
}
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.album-photobook-container .artsy-products .product .artsy-shop-loop-thumbnail .act-like-print .photobook-print-product i, .woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.album-photobook-container .artsy-products .product .artsy-shop-loop-thumbnail .act-like-print .photobook-print-product img, .woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.album-photobook-container .artsy-products .product .artsy-shop-loop-thumbnail .act-like-print .photobook-print-product a,
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.album-photobook-container .artsy-products .product .artsy-shop-loop-thumbnail .act-like-print .photobook-share-product i,
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.album-photobook-container .artsy-products .product .artsy-shop-loop-thumbnail .act-like-print .photobook-share-product img,
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.album-photobook-container .artsy-products .product .artsy-shop-loop-thumbnail .act-like-print .photobook-share-product a,
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.album-photobook-container .artsy-products .product .artsy-shop-loop-thumbnail .act-like-print .photobook-add-to-cart i,
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.album-photobook-container .artsy-products .product .artsy-shop-loop-thumbnail .act-like-print .photobook-add-to-cart img,
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.album-photobook-container .artsy-products .product .artsy-shop-loop-thumbnail .act-like-print .photobook-add-to-cart a, .woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.list-gallery-wall-container .artsy-products .product .artsy-shop-loop-thumbnail .act-like-print .photobook-print-product i, .woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.list-gallery-wall-container .artsy-products .product .artsy-shop-loop-thumbnail .act-like-print .photobook-print-product img, .woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.list-gallery-wall-container .artsy-products .product .artsy-shop-loop-thumbnail .act-like-print .photobook-print-product a,
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.list-gallery-wall-container .artsy-products .product .artsy-shop-loop-thumbnail .act-like-print .photobook-share-product i,
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.list-gallery-wall-container .artsy-products .product .artsy-shop-loop-thumbnail .act-like-print .photobook-share-product img,
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.list-gallery-wall-container .artsy-products .product .artsy-shop-loop-thumbnail .act-like-print .photobook-share-product a,
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.list-gallery-wall-container .artsy-products .product .artsy-shop-loop-thumbnail .act-like-print .photobook-add-to-cart i,
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.list-gallery-wall-container .artsy-products .product .artsy-shop-loop-thumbnail .act-like-print .photobook-add-to-cart img,
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.list-gallery-wall-container .artsy-products .product .artsy-shop-loop-thumbnail .act-like-print .photobook-add-to-cart a {
  color: black;
}
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.album-photobook-container .artsy-products .product .artsy-shop-loop-thumbnail .act-like-print .photobook-print-product i:hover, .woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.album-photobook-container .artsy-products .product .artsy-shop-loop-thumbnail .act-like-print .photobook-print-product img:hover, .woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.album-photobook-container .artsy-products .product .artsy-shop-loop-thumbnail .act-like-print .photobook-print-product a:hover,
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.album-photobook-container .artsy-products .product .artsy-shop-loop-thumbnail .act-like-print .photobook-share-product i:hover,
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.album-photobook-container .artsy-products .product .artsy-shop-loop-thumbnail .act-like-print .photobook-share-product img:hover,
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.album-photobook-container .artsy-products .product .artsy-shop-loop-thumbnail .act-like-print .photobook-share-product a:hover,
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.album-photobook-container .artsy-products .product .artsy-shop-loop-thumbnail .act-like-print .photobook-add-to-cart i:hover,
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.album-photobook-container .artsy-products .product .artsy-shop-loop-thumbnail .act-like-print .photobook-add-to-cart img:hover,
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.album-photobook-container .artsy-products .product .artsy-shop-loop-thumbnail .act-like-print .photobook-add-to-cart a:hover, .woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.list-gallery-wall-container .artsy-products .product .artsy-shop-loop-thumbnail .act-like-print .photobook-print-product i:hover, .woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.list-gallery-wall-container .artsy-products .product .artsy-shop-loop-thumbnail .act-like-print .photobook-print-product img:hover, .woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.list-gallery-wall-container .artsy-products .product .artsy-shop-loop-thumbnail .act-like-print .photobook-print-product a:hover,
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.list-gallery-wall-container .artsy-products .product .artsy-shop-loop-thumbnail .act-like-print .photobook-share-product i:hover,
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.list-gallery-wall-container .artsy-products .product .artsy-shop-loop-thumbnail .act-like-print .photobook-share-product img:hover,
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.list-gallery-wall-container .artsy-products .product .artsy-shop-loop-thumbnail .act-like-print .photobook-share-product a:hover,
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.list-gallery-wall-container .artsy-products .product .artsy-shop-loop-thumbnail .act-like-print .photobook-add-to-cart i:hover,
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.list-gallery-wall-container .artsy-products .product .artsy-shop-loop-thumbnail .act-like-print .photobook-add-to-cart img:hover,
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.list-gallery-wall-container .artsy-products .product .artsy-shop-loop-thumbnail .act-like-print .photobook-add-to-cart a:hover {
  opacity: 0.6;
  transition: 0.2s;
}
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.album-photobook-container .artsy-products .product .artsy-shop-loop-thumbnail .act-like-print .photobook-like-product .like,
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.album-photobook-container .artsy-products .product .artsy-shop-loop-thumbnail .act-like-print .photobook-like-product .no-liked, .woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.list-gallery-wall-container .artsy-products .product .artsy-shop-loop-thumbnail .act-like-print .photobook-like-product .like,
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.list-gallery-wall-container .artsy-products .product .artsy-shop-loop-thumbnail .act-like-print .photobook-like-product .no-liked {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  cursor: pointer;
}
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.album-photobook-container .artsy-products .product .artsy-shop-loop-thumbnail .act-like-print .photobook-like-product .liked,
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.album-photobook-container .artsy-products .product .artsy-shop-loop-thumbnail .act-like-print .photobook-like-product .un-liked, .woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.list-gallery-wall-container .artsy-products .product .artsy-shop-loop-thumbnail .act-like-print .photobook-like-product .liked,
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.list-gallery-wall-container .artsy-products .product .artsy-shop-loop-thumbnail .act-like-print .photobook-like-product .un-liked {
  display: none;
}
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.album-photobook-container .artsy-products .product .artsy-shop-loop-thumbnail .act-like-print .photobook-like-product .added,
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.album-photobook-container .artsy-products .product .artsy-shop-loop-thumbnail .act-like-print .photobook-like-product .no-liked, .woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.list-gallery-wall-container .artsy-products .product .artsy-shop-loop-thumbnail .act-like-print .photobook-like-product .added,
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.list-gallery-wall-container .artsy-products .product .artsy-shop-loop-thumbnail .act-like-print .photobook-like-product .no-liked {
  display: block;
}
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.album-photobook-container .artsy-products .product .artsy-shop-loop-thumbnail .act-like-print .photobook-like-product .no-liked:hover, .woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.list-gallery-wall-container .artsy-products .product .artsy-shop-loop-thumbnail .act-like-print .photobook-like-product .no-liked:hover {
  color: #0056b3;
}
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.album-photobook-container .artsy-products .product .artsy-shop-loop-details, .woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.list-gallery-wall-container .artsy-products .product .artsy-shop-loop-details {
  margin-top: 16px;
  padding: 0;
}
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.album-photobook-container .artsy-products .product .artsy-shop-loop-details .artsy-wishlist-button, .woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.list-gallery-wall-container .artsy-products .product .artsy-shop-loop-details .artsy-wishlist-button {
  width: 24px;
  height: 24px;
  text-decoration-line: none;
}
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.album-photobook-container .artsy-products .product .artsy-shop-loop-details .artsy-wishlist-button .artsy-font-heart-o, .woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.list-gallery-wall-container .artsy-products .product .artsy-shop-loop-details .artsy-wishlist-button .artsy-font-heart-o {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.album-photobook-container .artsy-products .product .artsy-shop-loop-details .artsy-wishlist-button .artsy-font-heart-o::before, .woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.list-gallery-wall-container .artsy-products .product .artsy-shop-loop-details .artsy-wishlist-button .artsy-font-heart-o::before {
  font-size: 20px;
}
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.album-photobook-container .artsy-products .product .artsy-shop-loop-details .woocommerce-loop-product__title, .woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.list-gallery-wall-container .artsy-products .product .artsy-shop-loop-details .woocommerce-loop-product__title {
  display: flex;
  justify-content: flex-start;
}
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.album-photobook-container .artsy-products .product .artsy-shop-loop-details .woocommerce-loop-product__title a, .woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.list-gallery-wall-container .artsy-products .product .artsy-shop-loop-details .woocommerce-loop-product__title a {
  font-family: "Open Sans", sans-serif;
  color: #000000;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
}
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.album-photobook-container .artsy-products .product .artsy-shop-loop-details .artsy-shop-loop-after-title, .woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.list-gallery-wall-container .artsy-products .product .artsy-shop-loop-details .artsy-shop-loop-after-title {
  margin-top: 8px;
  padding: 0;
}
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.album-photobook-container .artsy-products .product .artsy-shop-loop-details .artsy-shop-loop-after-title .artsy-shop-loop-price, .woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.list-gallery-wall-container .artsy-products .product .artsy-shop-loop-details .artsy-shop-loop-after-title .artsy-shop-loop-price {
  text-align: left;
}
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.album-photobook-container .artsy-products .product .artsy-shop-loop-details .artsy-shop-loop-after-title .artsy-shop-loop-price p, .woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.list-gallery-wall-container .artsy-products .product .artsy-shop-loop-details .artsy-shop-loop-after-title .artsy-shop-loop-price p {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  color: #000000;
  font-weight: 700;
  line-height: 24px;
  text-align: left;
  padding: 0;
}
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.album-photobook-container .new-album-container, .woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.list-gallery-wall-container .new-album-container {
  text-align: center;
  margin-top: 50px;
}
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.album-photobook-container .new-album-container h3, .woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.list-gallery-wall-container .new-album-container h3 {
  font-size: 20px;
  font-weight: bold;
}
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.album-photobook-container .new-album-container .btn-add-product button, .woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.album-photobook-container .new-album-container .btn-create-albumphotobook, .woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.list-gallery-wall-container .new-album-container .btn-add-product button, .woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.list-gallery-wall-container .new-album-container .btn-create-albumphotobook {
  margin-top: 20px;
  padding: 15px 30px;
  font-size: 16px;
  font-weight: 500;
  background-color: black;
  color: white;
  border-radius: 25px;
  cursor: pointer;
}
.woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.album-photobook-container .new-album-container .btn-add-product button:hover, .woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.album-photobook-container .new-album-container .btn-create-albumphotobook:hover, .woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.list-gallery-wall-container .new-album-container .btn-add-product button:hover, .woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.list-gallery-wall-container .new-album-container .btn-create-albumphotobook:hover {
  opacity: 0.6;
  transition: 0.3s;
}
.woocommerce-photobook-container .artsy-posterwalls-wrap .detail-category .artsy-shop-results-bar {
  display: none;
}
@media (max-width: 992px) {
  .woocommerce-photobook-container .artsy-posterwalls-wrap .title-albumphotobook-wrapper {
    display: block;
  }
}
@media (max-width: 768px) {
  .woocommerce-photobook-container .artsy-posterwalls-wrap .content-container .head-album-photobook .photobook-title-page {
    margin-top: 20px;
  }
  .woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.album-photobook-container, .woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.list-gallery-wall-container {
    margin: 0 15px;
  }
  .woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.album-photobook-container .new-album-container, .woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.list-gallery-wall-container .new-album-container {
    margin-top: 30px;
  }
  .woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.album-photobook-container .new-album-container h3, .woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.list-gallery-wall-container .new-album-container h3 {
    font-size: 16px;
  }
  .woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.album-photobook-container .new-album-container .btn-add-product button, .woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.list-gallery-wall-container .new-album-container .btn-add-product button {
    min-width: 220px;
    padding: 12px 30px;
  }
  .woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.album-photobook-container .artsy-products .product .artsy-shop-loop-details .woocommerce-loop-product__title a, .woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.list-gallery-wall-container .artsy-products .product .artsy-shop-loop-details .woocommerce-loop-product__title a {
    font-size: 16px;
  }
  .woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.album-photobook-container .artsy-shop-product .detail-category, .woocommerce-photobook-container .artsy-posterwalls-wrap .content-container.list-gallery-wall-container .artsy-shop-product .detail-category {
    margin: 0;
  }
  .woocommerce-photobook-container .artsy-posterwalls-wrap .choose-albumphotobook .choose-products {
    font-size: 14px;
  }
  .woocommerce-photobook-container .artsy-posterwalls-wrap:nth-child(2), .woocommerce-photobook-container .artsy-posterwalls-wrap:nth-child(3) {
    margin-top: 60px !important;
  }
}

.album .content-container .artsy-shop-loop-wishlist-button {
  width: 40px;
}
.album .content-container .woocommerce-loop-product__title {
  padding-right: 40px;
}
.album .content-container .artsy-shop-loop-thumbnail .artsy-shop-loop-thumbnail-link {
  border-radius: 10px;
  width: 100%;
  padding: 30px 11px;
  box-sizing: border-box;
}
.album .content-container .artsy-shop-loop-thumbnail .artsy-shop-loop-thumbnail-link img {
  object-fit: cover;
  width: 100%;
}

.option-product {
  width: 44px;
  height: 44px;
  position: relative;
}
.option-product img {
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.option-product .option-container {
  margin-top: 10px;
  position: absolute;
  right: 0;
  display: none;
  z-index: 100;
  flex-direction: row;
  width: 721px;
  height: 315px;
  padding: 20px 75px 112px 32px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.1490196078);
  border: 1px solid #EBEBEB;
  background-color: #FFFFFF;
  border-radius: 20px;
}
.option-product .option-container .option-row {
  display: flex;
  flex-direction: column;
}
.option-product .option-container .option-row h4 {
  font-size: 18px;
  font-weight: 500;
  color: #282828;
  line-height: 24px;
  margin-bottom: 22px;
  text-align: left;
}
.option-product .option-container .option-row .ranger-price {
  padding-top: 10px;
}
.option-product .option-container .option-row .value-option {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  color: #4F4F4F;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 13px;
  text-align: left;
  cursor: pointer;
}
.option-product .option-container .option-price {
  flex: 3;
}
.option-product .option-container .option-length,
.option-product .option-container .option-size {
  flex: 1;
}
.option-product .option-container .action-option-price {
  display: flex;
  flex-direction: row;
  gap: 20px;
  margin-top: 40px;
  justify-content: flex-start;
}
.option-product .option-container .action-option-price button {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  text-align: left;
  text-decoration-line: underline;
  text-decoration-style: solid;
  padding: 0;
  border: none;
  background: #FFFFFF;
  color: #121212;
  cursor: pointer;
}
.option-product .option-container .action-option-price button:focus {
  border: none;
  padding: 0;
}
.option-product .option-show {
  display: flex;
}

#share-photobook {
  height: 270px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0px;
}
#share-photobook .share-friend h3 {
  padding: 0px;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
}
#share-photobook .share-friend .share-url-product {
  margin-top: 10px;
}

#choose-time-exp {
  position: absolute;
  height: max-content;
  width: 580px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0px;
}
@media (max-width: 576px) {
  #choose-time-exp {
    width: 90%;
    max-width: 400px;
  }
}

.exp-share {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 15px;
}
@media (max-width: 576px) {
  .exp-share {
    width: 100%;
    flex-direction: column;
  }
}
.exp-share .exp-options, .exp-share #exp-custom {
  color: #000000;
  border: 1px solid;
  padding: 5px 25px;
  box-sizing: border-box;
  min-width: 150px;
  border: 1px solid #121212;
  border-radius: 10px;
}
.exp-share .exp-options {
  -webkit-appearance: auto;
}
.exp-share #exp-custom {
  display: none;
}
.exp-share .btn-share-photobook, .exp-share .btn-save-expire-date {
  text-align: center;
  color: #000000;
  text-decoration: none;
  border: 1px solid;
  padding: 10px 25px;
  min-width: 130px;
  border-radius: 10px;
  background-color: #121212;
  color: #FFFFFF;
}
@media (max-width: 576px) {
  .exp-share .exp-options, .exp-share #exp-custom, .exp-share .btn-share-photobook, .exp-share .btn-save-expire-date {
    width: 100%;
    min-width: unset;
  }
}

.album.images-show .row {
  justify-content: space-between;
}
.album.images-show .results-bar {
  margin-top: 20px;
}
.album.images-show .results-bar .reset-search-btn {
  color: black;
  padding: 10px;
  border: 1px black solid;
  border-radius: 20px;
}
.album.images-show .results-bar .reset-search-btn:hover {
  color: black;
  text-decoration: none;
}
.album.images-show .all-product-action {
  display: flex;
  justify-content: flex-end;
  text-align: center;
  align-items: center;
  width: 30%;
}
@media (max-width: 1200px) {
  .album.images-show .all-product-action {
    width: 40%;
  }
}
@media (max-width: 992px) {
  .album.images-show .all-product-action {
    width: 50%;
  }
}
@media (max-width: 768px) {
  .album.images-show .all-product-action {
    width: 100%;
  }
}
.album.images-show .all-product-action .tag-input-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px;
}
.album.images-show .all-product-action .search {
  width: 30px;
  height: 30px;
  align-content: center;
  margin-right: 18px;
  cursor: pointer;
}
.album.images-show .all-product-action .search i {
  width: 25px;
  height: 25px;
  font-size: 25px;
  color: #121212;
}
.album.images-show .all-product-action .icon-search {
  border: none;
  background-color: #FFFFFF;
  cursor: pointer;
}
.album.images-show .all-product-action .icon-search:focus {
  outline: none;
}
@media (max-width: 768px) {
  .album.images-show {
    width: 100%;
  }
}

html {
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

.wrapper {
  display: table;
  width: 70%;
  height: 100%;
}
.wrapper .container-wrapper {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.slider-wrapper {
  width: 100%;
  display: inline-block;
  position: relative;
  font-family: arial;
}

.ui-slider {
  background: #efefef;
  border: 1px solid #d2d2d2;
  height: 6px;
  position: relative;
  border-radius: 100px;
}

.ui-slider-range {
  background: #1F243E;
  height: 6px;
  position: absolute;
  border-top: 1px solid #1F243E;
  border-bottom: 1px solid #1F243E;
  transform: translateY(-1px);
}
.ui-slider-range:after {
  content: "";
  width: 100%;
  height: 1px;
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.3;
}

.ui-slider-handle {
  background: #FFFFFF;
  position: absolute;
  border: 1px solid #1F243E;
  width: 14px;
  height: 14px;
  top: 50%;
  display: block;
  transform: translate(-50%, -50%);
  border-radius: 100px;
  z-index: 10;
  cursor: move;
  /* fallback if grab cursor is unsupported */
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
  box-shadow: inset -2px -2px 6px 2px rgba(0, 0, 0, 0.1);
  transition: width 0.1s;
}
.ui-slider-handle:focus {
  outline: none;
}
.ui-slider-handle:active {
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}

.ui-state-active {
  width: 22px;
}

.range-wrapper {
  position: absolute;
  top: -35px;
  left: 50%;
  transform: translateX(-50%);
}

.range {
  background: #fff;
  white-space: nowrap;
  border: 1px solid #d2d2d2;
  border-radius: 10px;
  font-size: 13px;
  letter-spacing: 0.02em;
  color: #4F4F4F;
  width: 150px;
  z-index: 10;
  position: relative;
}
.range:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-left: 67px solid transparent;
  border-right: 67px solid transparent;
  border-top: 6px solid #d2d2d2;
}

.range-value {
  margin: 0;
  padding: 0;
  width: 74px;
  padding: 5px 0;
  text-align: center;
  display: inline-block;
  transition: background 0.1s;
}

.range-divider {
  width: 1px;
  display: inline-block;
}
.range-divider:after {
  position: absolute;
  top: 0;
  left: 50%;
  width: 1px;
  height: 100%;
  background: #d2d2d2;
  content: "";
}

.range-alert {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  background: #fff;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border: 1px solid #d2d2d2;
  color: #0E0E0E;
  line-height: 15px;
  transition: right 0.2s;
}
.range-alert.active {
  right: -15px;
}

.marker {
  position: absolute;
  top: 100%;
  padding-top: 16px;
  font-size: 13px;
  color: #4F4F4F;
  letter-spacing: 0.05em;
  transform: translateX(-50%);
}
.marker:after {
  content: "";
  width: 1px;
  height: 8px;
  background: #d2d2d2;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.marker-0:after {
  display: none;
}

.marker-25 {
  left: 25%;
}

.marker-50 {
  left: 50%;
}

.marker-75 {
  left: 75%;
}

.marker-100 {
  right: 0;
  transform: translateX(50%);
}
.marker-100:after {
  display: none;
}

.gear-wrapper {
  position: absolute;
  top: -14px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 5;
  backface-visibility: hidden;
  width: 150px;
  height: 20px;
  overflow: hidden;
}

.gear-large {
  width: 40px;
  height: 40px;
  background: #d2d2d2;
  border-radius: 100px;
  position: absolute;
  top: 18px;
  left: 18px;
  transform-origin: 50% 50%;
  transition: top 0.15s;
}
.gear-large:after {
  position: absolute;
  content: "";
  width: 28px;
  height: 28px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #e8e8e8;
  border-radius: 100px;
}
.gear-large:nth-child(2) {
  background: #d2d2d2;
  left: auto;
  right: 18px;
}
.gear-large:nth-child(2) .gear-tooth {
  background: #d2d2d2;
}
.gear-large.active {
  top: 4px;
}

.gear-tooth {
  width: 22%;
  height: 114%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform-origin: 0 0;
  background: #d2d2d2;
  border-radius: 2px;
}
.gear-tooth:nth-child(2) {
  transform: rotate(90deg) translate(-50%, -50%);
}
.gear-tooth:nth-child(3) {
  transform: rotate(45deg) translate(-50%, -50%);
}
.gear-tooth:nth-child(4) {
  transform: rotate(-45deg) translate(-50%, -50%);
}

a {
  text-decoration-line: none;
}

.artsy-single-product-bg .artsy-single-product-top .breadcrumb-top {
  padding: 0;
  min-height: 0;
}
.artsy-single-product-bg .artsy-single-product-showcase {
  margin-top: 24px;
}
.artsy-single-product-bg .artsy-single-product-showcase .artsy-single-product-summary-col {
  padding: 0;
}
@media (min-width: 991px) {
  .artsy-single-product-bg .artsy-single-product-showcase .artsy-single-product-summary-col .entry-summary {
    width: 42%;
  }
}
.artsy-single-product-bg .artsy-single-product-showcase .artsy-single-product-summary-col .entry-summary a {
  text-decoration-line: none;
}
.artsy-single-product-bg .artsy-single-product-showcase .artsy-single-product-summary-col .entry-summary .variations .label .main_label {
  position: relative;
  z-index: -1;
}
.artsy-single-product-bg .artsy-single-product-showcase .artsy-single-product-summary-col .product_gallery_box {
  max-height: 1000px;
  width: 58% !important;
  display: flex;
  justify-content: center;
  padding-right: 40px;
}
@media (max-width: 991px) {
  .artsy-single-product-bg .artsy-single-product-showcase .artsy-single-product-summary-col .product_gallery_box {
    justify-content: center;
    width: 100% !important;
    padding-right: 0;
  }
}
.artsy-single-product-bg .artsy-single-product-showcase .artsy-single-product-summary-col .product_gallery_box a {
  text-decoration-line: none;
}
.artsy-single-product-bg .artsy-single-product-showcase .artsy-single-product-summary-col .product_gallery_box.image-landscape .woocommerce-product-gallery__wrapper {
  padding: 0;
}
.artsy-single-product-bg .artsy-single-product-showcase .artsy-single-product-summary-col .product_gallery_box .woocommerce-product-gallery__wrapper {
  margin: 0;
  max-width: 100%;
  width: 100%;
  box-sizing: border-box;
  padding: 0 120px;
  background: #F5F5F5;
  position: relative;
}
.artsy-single-product-bg .artsy-single-product-showcase .artsy-single-product-summary-col .product_gallery_box .woocommerce-product-gallery__wrapper:hover #full_screen {
  opacity: 1;
}
.artsy-single-product-bg .artsy-single-product-showcase .artsy-single-product-summary-col .product_gallery_box .woocommerce-product-gallery__wrapper .product-gallery {
  margin-top: 15px;
}
.artsy-single-product-bg .artsy-single-product-showcase .artsy-single-product-summary-col .product_gallery_box .woocommerce-product-gallery__wrapper .product-gallery .slick-track {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.artsy-single-product-bg .artsy-single-product-showcase .artsy-single-product-summary-col .product_gallery_box .woocommerce-product-gallery__wrapper .product-gallery .slick-track::before {
  display: none;
}
.artsy-single-product-bg .artsy-single-product-showcase .artsy-single-product-summary-col .product_gallery_box .woocommerce-product-gallery__wrapper .product-gallery .slick-track .slick-slide:first-child {
  padding-left: 0px;
}
.artsy-single-product-bg .artsy-single-product-showcase .artsy-single-product-summary-col .product_gallery_box .woocommerce-product-gallery__wrapper .product-gallery .slick-track .slick-slide {
  padding-left: 5px;
  padding-right: 5px;
}
.artsy-single-product-bg .artsy-single-product-showcase .artsy-single-product-summary-col .product_gallery_box .woocommerce-product-gallery__wrapper .product-gallery .active {
  border: 1px solid #2fd25a;
  padding: 3px;
}
.artsy-single-product-bg .artsy-single-product-showcase .artsy-single-product-summary-col .product_gallery_box .woocommerce-product-gallery__wrapper .product-gallery img {
  width: 133px !important;
  max-height: 90px;
  object-fit: contain;
}
.artsy-single-product-bg .artsy-single-product-showcase .artsy-single-product-summary-col .product_gallery_box .woocommerce-product-gallery__wrapper .product-gallery .slick-prev::before {
  color: #000000;
}
.artsy-single-product-bg .artsy-single-product-showcase .artsy-single-product-summary-col .product_gallery_box .woocommerce-product-gallery__wrapper .product-gallery .slick-next::before {
  color: #000000;
}
.artsy-single-product-bg .artsy-single-product-showcase .artsy-single-product-summary-col .product_gallery_box .woocommerce-product-gallery__wrapper #full_screen {
  background-color: rgba(210, 210, 210, 0.2);
  color: white;
  border: none;
  border-radius: 50%;
  padding: 9px;
  cursor: pointer;
  font-size: 16px;
  opacity: 0;
  transition: opacity 0.2s ease, box-shadow 0.2s ease;
  position: absolute;
  top: 30px;
  right: 30px;
}
.artsy-single-product-bg .artsy-single-product-showcase .artsy-single-product-summary-col .product_gallery_box .woocommerce-product-gallery__wrapper #full_screen i {
  font-size: 18px;
  color: #0056b3;
}
.artsy-single-product-bg .artsy-single-product-showcase .artsy-single-product-summary-col .product_gallery_box .woocommerce-product-gallery__wrapper #full_screen:hover {
  box-shadow: 0 0 8px 3px rgba(255, 255, 255, 0.8);
  background-color: rgba(210, 210, 210, 0.6);
}
.artsy-single-product-bg .artsy-single-product-showcase .entry-summary .artsy-product-summary-inner-col-1 .header-title {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: baseline;
  flex-wrap: nowrap;
}
.artsy-single-product-bg .artsy-single-product-showcase .entry-summary .artsy-product-summary-inner-col-1 .header-title a {
  width: 100%;
}
.artsy-single-product-bg .artsy-single-product-showcase .entry-summary .artsy-product-summary-inner-col-1 .header-title h1 {
  margin: 0;
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
  text-align: left;
  color: #0D0C21;
  overflow-wrap: break-word;
  word-break: break-word;
  white-space: normal;
  display: inline-flex;
  letter-spacing: 1.2px;
}
.artsy-single-product-bg .artsy-single-product-showcase .entry-summary .artsy-product-summary-inner-col-1 .header-title .artsy-shop-loop-wishlist-button-product-page {
  justify-content: flex-end;
  display: none;
}
.artsy-single-product-bg .artsy-single-product-showcase .entry-summary .artsy-product-summary-inner-col-1 .header-title .share-status-product {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  min-width: 200px;
  margin-top: 5px;
}
@media (max-width: 768px) {
  .artsy-single-product-bg .artsy-single-product-showcase .entry-summary .artsy-product-summary-inner-col-1 .header-title .share-status-product {
    min-width: 50px;
  }
}
.artsy-single-product-bg .artsy-single-product-showcase .entry-summary .artsy-product-summary-inner-col-1 .header-title .share-status-product p {
  margin: 0;
  color: black;
  font-size: 18px;
  font-weight: 500;
  line-height: normal;
  vertical-align: baseline;
}
@media (max-width: 768px) {
  .artsy-single-product-bg .artsy-single-product-showcase .entry-summary .artsy-product-summary-inner-col-1 .header-title .share-status-product p {
    font-size: 16px;
  }
}
.artsy-single-product-bg .artsy-single-product-showcase .entry-summary .artsy-product-summary-inner-col-1 .header-title .share-status-product img {
  margin-left: 10px;
  width: 32px;
  height: 32px;
  vertical-align: middle;
  margin-top: -5px;
}
@media (max-width: 1020px) {
  .artsy-single-product-bg .artsy-single-product-showcase .entry-summary .artsy-product-summary-inner-col-1 .header-title .share-status-product img {
    width: 24px;
    height: 24px;
  }
}
.artsy-single-product-bg .artsy-single-product-showcase .entry-summary .artsy-product-summary-inner-col-1 .header-title .share-status-product i {
  padding-left: 10px;
  font-size: 20px;
}
.artsy-single-product-bg .artsy-product-summary-inner-col-2 form {
  padding-top: 10px;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 20px;
}
.artsy-single-product-bg .artsy-product-summary-inner-col-2 form .bundled_products {
  margin: 0px !important;
}
.artsy-single-product-bg .artsy-product-summary-inner-col-2 .sizeTitleContainer {
  padding-bottom: 5px;
}
.artsy-single-product-bg .artsy-product-summary-inner-col-2 .sizeTitleContainer #toggleSize {
  top: 0;
  right: 12px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 5px;
}
.artsy-single-product-bg .artsy-product-summary-inner-col-2 .sizeTitleContainer #toggleSize .centimeters,
.artsy-single-product-bg .artsy-product-summary-inner-col-2 .sizeTitleContainer #toggleSize .inches {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  color: #C4C4C4;
}
.artsy-single-product-bg .artsy-product-summary-inner-col-2 .sizeTitleContainer #toggleSize .underline {
  background-color: #FFFFFF;
  padding: 0;
  width: auto;
  height: auto;
  color: #000000;
}
.artsy-single-product-bg .artsy-product-summary-inner-col-2 .sizeTitleContainer #toggleSize .vector-size {
  border: 1px solid #C4C4C4;
  height: 12px;
}
.artsy-single-product-bg .artsy-product-summary-inner-col-2 .bundled_product_summary.first {
  padding-left: 0px !important;
  padding-right: 10px !important;
}
.artsy-single-product-bg .artsy-product-summary-inner-col-2 .bundled_product_summary.last {
  padding-right: 0px !important;
  padding-left: 10px !important;
}
.artsy-single-product-bg .artsy-product-summary-inner-col-2 .bundled_product_summary {
  padding: 0px 5px 30px 5px !important;
}
.artsy-single-product-bg .artsy-product-summary-inner-col-2 .bundled_product_summary .woocommerce-product-gallery__image {
  height: auto;
  max-height: 270px;
}
.artsy-single-product-bg .artsy-product-summary-inner-col-2 .bundled_product_summary .woocommerce-product-gallery__image a {
  width: 100%;
}
.artsy-single-product-bg .artsy-product-summary-inner-col-2 .bundled_product_summary .frame-image.portrait {
  width: 100% !important;
  height: 100% !important;
}
.artsy-single-product-bg .artsy-product-summary-inner-col-2 .bundled_product_summary tr[data-attribute_slug=pa_material] {
  display: none;
}
.artsy-single-product-bg .artsy-product-summary-inner-col-2 .bundled_product_summary .details {
  margin-top: 16px;
}
.artsy-single-product-bg .artsy-product-summary-inner-col-2 .bundled_product_summary .details .bundled_product_title_link {
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  color: #0D0C21;
  text-align: center;
  display: inline-block;
  width: 100%;
}
.artsy-single-product-bg .artsy-product-summary-inner-col-2 .bundled_product_summary .details .bundled_product_title_link .item_title {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  color: #0D0C21;
  text-align: center;
}
.artsy-single-product-bg .artsy-product-summary-inner-col-2 .bundled_product_summary .details .bundled_item_cart_content .variations .lable .main_label {
  position: relative;
  z-index: -1;
}
.artsy-single-product-bg .artsy-product-summary-inner-col-2 .bundled_product_summary .details .bundled_item_cart_content .variations .value {
  border: 1px solid #D9D9D9;
}
.artsy-single-product-bg .artsy-product-summary-inner-col-2 .bundled_product_summary .details .bundled_item_cart_content .variations .value .sod_select::before {
  content: "\f078";
  font-family: "Font Awesome 5 Pro";
  transform: none;
}
.artsy-single-product-bg .artsy-product-summary-inner-col-2 .bundled_product_summary .details .bundled_item_cart_content .variations .value .sod_label {
  box-sizing: border-box;
  padding-left: 20px;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #000000;
  text-align: left;
}
.artsy-single-product-bg .artsy-product-summary-inner-col-2 .bundled_product_summary .details .bundled_item_cart_content .single_variation_wrap.bundled_item_wrap {
  display: flex;
  flex-direction: column-reverse;
}
.artsy-single-product-bg .artsy-product-summary-inner-col-2 .bundled_product_summary .details .bundled_item_cart_content .single_variation_wrap.bundled_item_wrap .woocommerce-variation-price {
  margin-top: 24px;
}
.artsy-single-product-bg .artsy-product-summary-inner-col-2 .bundled_product_summary .details .bundled_item_cart_content .single_variation_wrap.bundled_item_wrap .woocommerce-variation-price .price {
  display: flex;
  padding: 0;
  justify-content: flex-start;
  gap: 20px;
}
.artsy-single-product-bg .artsy-product-summary-inner-col-2 .bundled_product_summary .details .bundled_item_cart_content .single_variation_wrap.bundled_item_wrap .woocommerce-variation-price .price .woocommerce-Price-amount {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  color: #000000;
}
.artsy-single-product-bg .artsy-product-summary-inner-col-2 .bundled_product_summary .details .bundled_item_cart_content .woocommerce-variation-add-to-cart-enabled .artsy-quantity-wrap {
  margin-top: 20px !important;
  border: none;
  padding: 0px;
}
.artsy-single-product-bg .artsy-product-summary-inner-col-2 .bundled_product_summary .details .bundled_item_cart_content .woocommerce-variation-add-to-cart-enabled .artsy-quantity-wrap label {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: #828282;
}
.artsy-single-product-bg .artsy-product-summary-inner-col-2 .bundled_product_summary .details .bundled_item_cart_content .woocommerce-variation-add-to-cart-enabled .artsy-quantity-wrap .quantity {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 5px;
}
.artsy-single-product-bg .artsy-product-summary-inner-col-2 .bundled_product_summary .details .bundled_item_cart_content .woocommerce-variation-add-to-cart-enabled .artsy-quantity-wrap .quantity .artsy-qty-minus {
  border: 1px solid #D9D9D9;
  width: 30px;
  height: 30px;
  font-size: 14px;
  line-height: normal;
  font-weight: 600;
  color: #0D0C21;
  text-align: center;
  border-radius: 50%;
}
.artsy-single-product-bg .artsy-product-summary-inner-col-2 .bundled_product_summary .details .bundled_item_cart_content .woocommerce-variation-add-to-cart-enabled .artsy-quantity-wrap .quantity .artsy-qty-minus::before {
  font-family: "Font Awesome 5 Pro";
  content: "\f068";
  font-size: 18px;
  display: block;
  font-weight: 700;
  height: 100%;
  align-content: center;
}
.artsy-single-product-bg .artsy-product-summary-inner-col-2 .bundled_product_summary .details .bundled_item_cart_content .woocommerce-variation-add-to-cart-enabled .artsy-quantity-wrap .quantity .qty {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
  color: #0D0C21;
}
.artsy-single-product-bg .artsy-product-summary-inner-col-2 .bundled_product_summary .details .bundled_item_cart_content .woocommerce-variation-add-to-cart-enabled .artsy-quantity-wrap .quantity .artsy-qty-plus {
  border: 1px solid #D9D9D9;
  width: 30px;
  height: 30px;
  align-content: center;
  font-weight: 600;
  font-size: 24px;
  line-height: normal;
  color: #0D0C21;
  text-align: center;
  border-radius: 50%;
}
.artsy-single-product-bg .artsy-product-summary-inner-col-2 .bundled_product_summary .details .bundled_item_cart_content .woocommerce-variation-add-to-cart-enabled .artsy-quantity-wrap .quantity .artsy-qty-plus::before {
  font-family: "Font Awesome 5 Pro";
  content: "+";
  font-size: 24px;
  font-weight: 700;
  height: 100%;
  align-content: center;
}
.artsy-single-product-bg .artsy-product-summary-inner-col-2 .bundle_add_to_cart_button {
  padding: 12px 38px;
  border-radius: 100px;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  height: 60px;
  font-weight: 700;
  background-color: #121212;
  line-height: 24px;
  color: #FFFFFF;
  text-align: center;
}
.artsy-single-product-bg .artsy-product-summary-inner-col-2 .bundle-title {
  display: flex;
  flex-direction: column;
  margin-top: 30px;
}
.artsy-single-product-bg .artsy-product-summary-inner-col-2 .bundle-title li {
  padding: 0;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
}
.artsy-single-product-bg .artsy-product-summary-inner-col-2 .bundle-title .title-delivering {
  color: #000000;
  padding-bottom: 13px;
}
.artsy-single-product-bg .artsy-product-summary-inner-col-2 .bundle-title .price-delivering-content {
  padding-bottom: 9px;
}
.artsy-single-product-bg .artsy-product-summary-inner-col-2 .bundle-title .price-delivering-content .title-price-delivering {
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  color: #828282;
  text-align: left;
}
.artsy-single-product-bg .artsy-product-summary-inner-col-2 .bundle-title .bundle_price_content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 20px;
}
.artsy-single-product-bg .artsy-product-summary-inner-col-2 .bundle-title .bundle_price_content .title-bundle_price {
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  color: #828282;
}
.artsy-single-product-bg .artsy-product-summary-inner-col-2 .bundle-title .bundle_price_content .bundle_price .price {
  padding: 0;
  margin: 0;
}
.artsy-single-product-bg .artsy-product-summary-inner-col-2 .bundle-title .bundle_price_content .bundle_price .price .woocommerce-Price-amount {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  color: #000000;
}
.artsy-single-product-bg .artsy-product-summary-inner-col-2 .bundle-title .bundle_price_content .bundle_price .price del {
  display: none;
}
.artsy-single-product-bg .artsy-product-summary-inner-col-2 .bundle-title .vector-li {
  border-bottom: 1px solid #C4C4C4;
}
.artsy-single-product-bg .product-desc-wrapper {
  padding: 0;
}
.artsy-single-product-bg .product-desc-wrapper .row {
  margin: 0;
}
.artsy-single-product-bg .row-line-text {
  display: flex;
  margin: 0;
  justify-content: flex-start;
}
.artsy-single-product-bg .row-line-text .artsy-divider-title {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  color: #0D0C21;
  text-align: left;
  margin: 0;
  padding: 0;
}
.artsy-single-product-bg .row-line-text .heading-line {
  display: none;
}
.artsy-single-product-bg .artsy-mobile {
  margin: 0px;
}
.artsy-single-product-bg .artsy-mobile .col-xs-12 {
  padding: 0;
}
.artsy-single-product-bg .artsy-mobile .col-xs-12 .product-new-desc {
  flex-direction: column;
  padding: 0;
  margin: 0;
  padding-top: 8px;
}
.artsy-single-product-bg .artsy-mobile .col-xs-12 .product-new-desc .description {
  padding: 0;
  padding-bottom: 24px;
}
.artsy-single-product-bg .artsy-mobile .col-xs-12 .product-new-desc .description p {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  color: #0D0C21;
}
.artsy-single-product-bg .artsy-mobile .col-xs-12 .product-new-desc .meta {
  margin: 0;
  padding: 0;
}
.artsy-single-product-bg .artsy-mobile .col-xs-12 .product-new-desc .meta .meta_wrapper,
.artsy-single-product-bg .artsy-mobile .col-xs-12 .product-new-desc .meta .sku {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  color: #0D0C21;
  margin: 0;
  text-transform: none;
}
@media (max-width: 768px) {
  .artsy-single-product-bg .artsy-single-product-showcase {
    margin-top: 10px;
  }
  .artsy-single-product-bg .artsy-single-product-showcase .artsy-single-product-summary-col .product_gallery_box.image-landscape .woocommerce-product-gallery__wrapper {
    padding: 0 40px;
  }
}
@media (max-width: 576px) {
  .artsy-single-product-bg .artsy-single-product-showcase .artsy-single-product-summary-col .product_gallery_box.image-landscape .woocommerce-product-gallery__wrapper {
    padding: 0;
  }
  .artsy-single-product-bg .artsy-single-product-showcase .artsy-single-product-summary-col .product_gallery_box.image-portrait .woocommerce-product-gallery__wrapper {
    padding: 0 50px;
  }
  .artsy-single-product-bg .artsy-single-product-showcase .artsy-single-product-summary-col .product_gallery_box .woocommerce-product-gallery__wrapper #full_screen {
    opacity: 1;
    top: 10px;
    right: 10px;
  }
}

.woocomerce-bundle-item-material-details .material-selection {
  display: flex;
  flex-direction: row;
  gap: 3px;
  margin-top: 22px;
}
.woocomerce-bundle-item-material-details .material-selection .option-material {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 48px;
  height: 44px;
}
.woocomerce-bundle-item-material-details .material-selection .option-material .img-option-material {
  position: relative;
  cursor: pointer;
}
.woocomerce-bundle-item-material-details .material-selection .option-material .img-option-material .img-option-value {
  width: 30px;
  height: 30px;
}
.woocomerce-bundle-item-material-details .material-selection .option-material .img-option-material .check-option-material {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  cursor: pointer;
  display: none;
}
.woocomerce-bundle-item-material-details .material-selection .option-material .img-option-material .check-option-show {
  display: block;
}
.woocomerce-bundle-item-material-details .material-selection .option-material .name-material {
  font-family: "Open Sans", sans-serif;
  font-size: 8px;
  font-weight: 400;
  line-height: 9.54px;
  color: #828282;
  text-align: center;
}

.attribute_slug_pa_material {
  display: none;
}

.woocomerce-single-product-material-details {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 20px;
}
.woocomerce-single-product-material-details h3 {
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
}
.woocomerce-single-product-material-details .material-selection {
  display: flex;
  flex-direction: row;
  gap: 3px;
}
.woocomerce-single-product-material-details .material-selection .option-material {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 72px;
  height: 66px;
}
.woocomerce-single-product-material-details .material-selection .option-material .img-option-material {
  position: relative;
  cursor: pointer;
}
.woocomerce-single-product-material-details .material-selection .option-material .img-option-material .img-option-value {
  width: 40px;
  height: 40px;
}
.woocomerce-single-product-material-details .material-selection .option-material .img-option-material .check-option-material {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  cursor: pointer;
  display: none;
}
.woocomerce-single-product-material-details .material-selection .option-material .img-option-material .check-option-show {
  display: block;
}
.woocomerce-single-product-material-details .material-selection .option-material .name-material {
  font-family: "Open Sans", sans-serif;
  color: #828282;
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}

.woocommerce-variation-add-to-cart label {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  color: #0D0C21;
  text-decoration-skip-ink: none;
}
.woocommerce-variation-add-to-cart .input_field {
  max-width: 575px;
  margin-top: 6px;
}

.button-preview-wrap {
  display: flex;
  gap: 20px;
  justify-content: space-between;
  align-items: center;
}

#pdfPreviewBtn {
  height: 50px;
  margin-top: 10px;
  border-radius: 100px;
  border: 1px solid #000000;
  background-color: #FFFFFF;
  color: #000000;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  text-align: center;
  text-transform: none;
  box-sizing: border-box;
  color: #121212;
}

#pdfDownloadBtn {
  height: 50px;
  margin-top: 10px;
  border-radius: 100px;
  border: 1px solid #000000;
  background-color: #000000;
  color: #ffffff;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  text-align: center;
  text-transform: none;
  box-sizing: border-box;
}

@media (max-width: 768px) {
  #pdfPreviewBtn,
  #pdfDownloadBtn {
    height: 45px;
    font-size: 16px;
    line-height: 20px;
  }
}
.action-tag-product {
  margin-top: 30px;
  width: 100%;
}
@media (max-width: 768px) {
  .action-tag-product {
    width: 100%;
  }
}
.action-tag-product a:hover {
  text-decoration-line: none;
}
@media (max-width: 576px) {
  .action-tag-product .tag-product {
    margin-left: 20px;
  }
}
.action-tag-product .action-product {
  display: flex;
  justify-content: flex-start;
  gap: 18px;
  align-items: center;
  flex-wrap: wrap;
}
@media (max-width: 576px) {
  .action-tag-product .action-product {
    width: 100%;
    justify-content: center;
  }
}
@media (max-width: 768px) {
  .action-tag-product .action-product {
    width: 100%;
    gap: 16px;
  }
}
@media (max-width: 576px) {
  .action-tag-product .action-product {
    margin-right: 0;
    gap: 10px;
  }
}
@media (max-width: 400px) {
  .action-tag-product .action-product {
    gap: 6px;
  }
}
.action-tag-product .action-product a:first-child {
  display: flex;
  gap: 34px;
  align-items: center;
}
.action-tag-product .action-product .action {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 75px;
  border: 1px solid #DBDBDB;
  height: 75px;
  border-radius: 14px;
  gap: 0;
  cursor: pointer;
}
@media (max-width: 768px) {
  .action-tag-product .action-product .action {
    width: 52px;
    height: 52px;
    gap: 0;
  }
}
.action-tag-product .action-product .action:hover {
  border: 1px solid #000000;
}
.action-tag-product .action-product .action .img-action-product, .action-tag-product .action-product .action .private-comment-button {
  height: 40px;
  width: 40px;
  border: none;
  box-sizing: border-box;
  align-content: center;
}
@media (max-width: 768px) {
  .action-tag-product .action-product .action .img-action-product, .action-tag-product .action-product .action .private-comment-button {
    height: 25px;
    width: 25px;
  }
}
.action-tag-product .action-product .action .img-action-product a:first-child, .action-tag-product .action-product .action .private-comment-button a:first-child {
  display: none;
}
.action-tag-product .action-product .action .img-action-product .artsy-wishlist-button, .action-tag-product .action-product .action .private-comment-button .artsy-wishlist-button {
  display: block !important;
}
.action-tag-product .action-product .action .img-action-product .artsy-print-button, .action-tag-product .action-product .action .private-comment-button .artsy-print-button {
  display: block !important;
}
.action-tag-product .action-product .action .img-action-product img,
.action-tag-product .action-product .action .img-action-product a, .action-tag-product .action-product .action .private-comment-button img,
.action-tag-product .action-product .action .private-comment-button a {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  align-content: center;
}
.action-tag-product .action-product .action .img-action-product i, .action-tag-product .action-product .action .private-comment-button i {
  font-size: 24px;
  text-align: center;
  align-content: center;
  display: block;
  width: 100%;
  height: 100%;
}
@media (max-width: 768px) {
  .action-tag-product .action-product .action .img-action-product i, .action-tag-product .action-product .action .private-comment-button i {
    font-size: 18px;
  }
}
.action-tag-product .action-product .action .img-action-product a i, .action-tag-product .action-product .action .private-comment-button a i {
  font-size: 24px;
  width: 100%;
  height: 100%;
  align-content: center;
  text-align: center;
}
@media (max-width: 768px) {
  .action-tag-product .action-product .action .img-action-product a i, .action-tag-product .action-product .action .private-comment-button a i {
    font-size: 18px;
  }
}
.action-tag-product .action-product h4 {
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  text-align: center;
  color: #0D0C21;
}
.action-tag-product .action-product h4:hover {
  text-decoration-line: none;
}
@media (max-width: 768px) {
  .action-tag-product .action-product h4 {
    font-size: 9px;
  }
}
.action-tag-product .tag-product {
  display: flex;
  flex-direction: column;
  margin-top: 38px;
}
.action-tag-product .tag-product h4 {
  margin-bottom: 24px;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  color: #000000;
  width: auto;
}
.action-tag-product .tag-product .list-tags {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 10px;
}
.action-tag-product .tag-product .list-tags a:first-child {
  display: none;
}
.action-tag-product .tag-product .list-tags a {
  padding: 7px 29px 7px 29px;
  border-radius: 6px;
  border: 1px solid #D9D9D9;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  color: #000000;
}
.action-tag-product .tag-product .list-tags a:hover {
  text-decoration-line: underline;
}

#artsy-related {
  margin-top: 72px;
}
#artsy-related .col-xs-12 {
  padding: 0;
}
#artsy-related .col-xs-12 .separator-text {
  display: flex;
  margin-bottom: 0;
}
#artsy-related .col-xs-12 .separator-text .artsy-divider-title {
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  height: auto;
  padding: 0;
  text-align: left;
  color: #000000;
  padding-bottom: 20px;
}
#artsy-related .col-xs-12 .separator-text .artsy-divider-line {
  display: none;
}
#artsy-related .artsy-products.products {
  display: flex;
  margin: 0;
  flex-wrap: wrap;
}
@media (min-width: 1020px) {
  #artsy-related .artsy-products.products {
    gap: 20px;
  }
}
#artsy-related .artsy-products.products::before {
  content: none !important;
}
@media (min-width: 1020px) {
  #artsy-related .artsy-products.products li {
    width: 17.8%;
    padding: 0;
    padding-bottom: 40px;
  }
}
#artsy-related .artsy-products.products .product .artsy-shop-loop-thumbnail {
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1215686275);
  background-color: #FFFFFF;
  border: 1px solid #f5f5f5;
  box-sizing: border-box;
  height: auto;
}
#artsy-related .artsy-products.products .product .artsy-shop-loop-thumbnail .artsy-shop-loop-thumbnail-link {
  width: 100%;
}
#artsy-related .artsy-products.products .product .artsy-shop-loop-thumbnail .artsy-shop-loop-thumbnail-link .attachment-woocommerce_thumbnail {
  width: 100%;
}
#artsy-related .artsy-products.products .product .artsy-shop-loop-thumbnail .thumbnail-product-bundle {
  width: 90%;
}
#artsy-related .artsy-products.products .product .artsy-shop-loop-details {
  padding: 0;
  margin-top: 14px;
}
#artsy-related .artsy-products.products .product .artsy-shop-loop-details .woocommerce-loop-product__title {
  padding-bottom: 8px;
  padding-right: 0;
}
#artsy-related .artsy-products.products .product .artsy-shop-loop-details .woocommerce-loop-product__title .artsy-shop-loop-title-link {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #000000;
  line-height: 24px;
}
#artsy-related .artsy-products.products .product .artsy-shop-loop-details .artsy-shop-loop-after-title {
  padding: 0;
  margin: 0;
}
#artsy-related .artsy-products.products .product .artsy-shop-loop-details .artsy-shop-loop-after-title p {
  padding: 0;
}
#artsy-related .artsy-products.products .product .artsy-shop-loop-details .artsy-shop-loop-after-title p span,
#artsy-related .artsy-products.products .product .artsy-shop-loop-details .artsy-shop-loop-after-title p bdi {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  text-align: left;
  color: #000000;
}

.vector-top-button {
  all: unset;
  /* Xóa toàn bộ kiểu mặc định của button */
  display: block;
  width: 100%;
  height: 1px;
  background-color: #ccc;
  /* Đặt màu cho đường kẻ */
  border: none;
  cursor: default;
  /* Không thay đổi con trỏ khi hover */
  pointer-events: none;
  /* Vô hiệu hóa sự kiện nhấn hoặc focus */
}

.single_add_to_cart_button {
  margin-top: 24px;
  height: 50px;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 700;
  padding: 18px;
  line-height: 24px;
  text-align: center;
}

.artsy-cart-panel-list-wrap .variation {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.artsy-cart-panel-list-wrap .variation .variation-Partof {
  margin: 0;
  font-family: "Open Sans", sans-serif;
}
.artsy-cart-panel-list-wrap .variation .variation-Partof p {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 16px;
}

.artsy-cart-panel-item-details .material-selection {
  display: flex;
  flex-direction: row;
  gap: 3px;
  margin-top: 10px;
  margin-bottom: 0;
}
.artsy-cart-panel-item-details .material-selection .option-material {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 48px;
  height: 44px;
}
.artsy-cart-panel-item-details .material-selection .option-material .img-option-material {
  position: relative;
  cursor: pointer;
}
.artsy-cart-panel-item-details .material-selection .option-material .img-option-material .img-option-value {
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
}
.artsy-cart-panel-item-details .material-selection .option-material .img-option-material .check-option-material {
  position: absolute !important;
  width: 24px;
  height: 24px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  min-width: 30px !important;
  cursor: pointer;
  display: none;
}
.artsy-cart-panel-item-details .material-selection .option-material .img-option-material .check-option-show {
  display: block !important;
}
.artsy-cart-panel-item-details .material-selection .option-material .name-material {
  font-family: "Open Sans", sans-serif;
  font-size: 8px;
  font-weight: 400;
  line-height: 9.54px;
  color: #828282;
  text-align: center;
}

.check-option-show {
  display: block !important;
}

.author-product {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 15px 0;
}
.author-product a[href="javascript:void(0)"]:first-child {
  display: none;
}
.author-product .info-author {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
}
.author-product .info-author .avatar-author {
  width: 40px;
  height: 40px;
}
.author-product .info-author .avatar-author img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
@media (max-width: 576px) {
  .author-product .info-author .avatar-author {
    width: 30px;
    height: 30px;
  }
}
.author-product .info-author .name-author-product {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  gap: 8px;
}
.author-product .info-author .name-author-product .name-author {
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  text-align: left;
  color: #0D0C21;
}
.author-product .info-author .name-author-product .name-author:hover {
  text-decoration-line: underline;
}
.author-product .info-author .name-author-product .follower-author {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  color: #828282;
}
.author-product .btn-follow {
  width: 140px;
  height: 40px;
  border-radius: 10px;
  border: 1px solid #C4C4C4;
  background-color: #FFFFFF;
}

.attribute_slug_pa_size .label_size {
  color: #000000;
  cursor: pointer;
  z-index: -1;
  position: relative;
}

.overlay-share-product #share-container, .overlay-share-product #share-container2 {
  width: 80%;
  height: max-content;
  max-height: 95%;
  max-width: 800px;
  min-width: 600px;
  padding: 30px 25px;
  overflow: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0px;
}
.overlay-share-product #share-container::-webkit-scrollbar, .overlay-share-product #share-container2::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.overlay-share-product #share-container::-webkit-scrollbar-thumb, .overlay-share-product #share-container2::-webkit-scrollbar-thumb {
  background-color: #D9D9D9;
  border-radius: 10px;
}
.overlay-share-product #share-container::-webkit-scrollbar-thumb:hover, .overlay-share-product #share-container2::-webkit-scrollbar-thumb:hover {
  background-color: #bdbbbb;
}
.overlay-share-product .share-product-published {
  max-width: 700px !important;
}
.overlay-share-product .titile-address {
  margin-bottom: 16px;
  position: relative;
}
.overlay-share-product .titile-address .close-popup-address {
  position: absolute;
  top: -10px;
  right: -10px;
  cursor: pointer;
  background: #D9D9D9;
  border: 1px solid #D9D9D9;
  padding: 5px;
  border-radius: 50%;
  width: 30px;
  height: 30px;
}
.overlay-share-product .content .content-share-product {
  display: flex;
  flex-direction: row;
  gap: 20px;
  padding-bottom: 16px;
  border-bottom: 1px solid #DBDBDB;
  min-height: 290px;
}
.overlay-share-product .content .img-product {
  width: 250px;
}
.overlay-share-product .content .img-product img {
  width: 100%;
  height: auto;
  aspect-ratio: 5/7;
  border-radius: 10px;
  border: 1px solid #ccc;
  object-fit: cover;
}
.overlay-share-product .content .text-share-product {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: calc(100% - 250px);
}
.overlay-share-product .content .text-share-product h3 {
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  text-align: left;
  color: #000000;
  word-break: break-word;
  white-space: normal;
  width: 100%;
  max-width: 100%;
}
.overlay-share-product .content .text-share-product p {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
}
.overlay-share-product .content .text-share-product .button-share {
  margin-top: 15px;
  border-radius: 100px;
  background-color: #121212;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
  color: #FFFFFF;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 5px;
  padding: 11px 15px;
  height: 45px;
  box-sizing: border-box;
}
.overlay-share-product .content .text-share-product .button-share img {
  width: 24px;
  height: 24px;
}
.overlay-share-product .content .text-share-product .product-shared span {
  padding-top: 2px;
}
.overlay-share-product .content .share-friend {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.overlay-share-product .content .share-friend h3 {
  font-family: "Open Sans", sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  text-align: left;
  padding-top: 20px;
}
.overlay-share-product .content .share-friend .share-content {
  display: none;
  flex-direction: row;
  justify-content: flex-start;
  gap: 40px;
}
.overlay-share-product .content .share-friend .share-content .img-foundation {
  width: 40px;
  height: 40px;
  cursor: pointer;
}
.overlay-share-product .content .share-friend .share-friend-social {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
  margin-top: 20px;
}
.overlay-share-product .content .share-friend .share-friend-social .share__email, .overlay-share-product .content .share-friend .share-friend-social .share__facebook,
.overlay-share-product .content .share-friend .share-friend-social .share-url-collection {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #000000;
  cursor: pointer;
}
.overlay-share-product .content .share-friend .share-friend-social .share__email i, .overlay-share-product .content .share-friend .share-friend-social .share__facebook i,
.overlay-share-product .content .share-friend .share-friend-social .share-url-collection i {
  font-size: 24px;
  color: #FFFFFF;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 50px;
}
@media (max-width: 576px) {
  .overlay-share-product .content .share-friend .share-friend-social .share__email, .overlay-share-product .content .share-friend .share-friend-social .share__facebook,
  .overlay-share-product .content .share-friend .share-friend-social .share-url-collection {
    width: 40px;
    height: 40px;
  }
  .overlay-share-product .content .share-friend .share-friend-social .share__email i, .overlay-share-product .content .share-friend .share-friend-social .share__facebook i,
  .overlay-share-product .content .share-friend .share-friend-social .share-url-collection i {
    font-size: 20px;
    line-height: 40px;
  }
}
.overlay-share-product .content .share-friend .share-friend-social .share-url-collection {
  position: relative;
}
.overlay-share-product .content .share-friend .share-friend-social .share-url-collection #message {
  display: none;
  color: green;
  background: #e6ffe6;
  padding: 8px 12px;
  border: 1px solid green;
  border-radius: 6px;
  font-size: 14px;
  white-space: nowrap;
  position: absolute;
  top: -45px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}
@media (max-width: 576px) {
  .overlay-share-product .content .share-friend h3 {
    font-size: 18px;
  }
}
.overlay-share-product .content .share-url-product {
  margin-top: 10px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  position: relative;
  border-radius: 6px;
  gap: 10px;
}
.overlay-share-product .content .share-url-product .url-product {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  flex: 1;
  min-width: 0;
  background: #F9FAFB;
  border: 1px solid #E5E7EB;
  border-radius: 10px;
  padding: 10px 14px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: 1;
}
.overlay-share-product .content .share-url-product .copy-url-product {
  width: 40px;
  height: 40px;
  background: #F3F4F6;
  border: 1px solid #D1D5DB;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s;
  flex-shrink: 0;
  color: #111827;
}
.overlay-share-product .content .share-url-product .copy-url-product:focus {
  outline: none;
}
.overlay-share-product .content .share-url-product #message {
  display: none;
  /* Ẩn mặc định */
  color: green;
  background: #e6ffe6;
  padding: 10px;
  border: 1px solid green;
  border-radius: 5px;
  margin-top: 10px;
  width: fit-content;
  position: absolute;
  right: 0;
  top: -15px;
}
.overlay-share-product .content .share-collection-detail .share-url-product {
  padding: 10px;
  border-radius: 5px;
}
.overlay-share-product .content .share-collection-detail .share-url-product .url-product {
  font-size: 16px;
  max-width: calc(100% - 25px);
}
.overlay-share-product .content .share-collection-detail .share-url-product .copy-url-product {
  padding: 0px;
  border: none;
}
.overlay-share-product .content .share-collection-detail .share-url-product #message {
  top: -35px;
  font-size: 14px;
  padding: 6px;
  line-height: 18px;
  right: -20px;
}
@media (max-width: 768px) {
  .overlay-share-product #share-container, .overlay-share-product #share-container2 {
    width: calc(100% - 30px);
    min-width: auto;
    padding: 20px 20px 30px 20px;
    height: max-content;
    max-height: 90%;
  }
  .overlay-share-product .content .text-share-product h3 {
    font-size: 20px;
  }
  .overlay-share-product .content .text-share-product p {
    font-size: 16px;
    padding: 0px;
  }
  .overlay-share-product .content .share-friend .share-content {
    gap: 20px;
  }
  .overlay-share-product .content .content-share-product {
    padding-bottom: 40px;
    min-height: auto;
  }
}
@media (max-width: 576px) {
  .overlay-share-product .content .content-share-product {
    gap: 15px;
    flex-direction: column;
  }
  .overlay-share-product .content .content-share-product .img-product {
    width: 100%;
  }
  .overlay-share-product .content .content-share-product .img-product img {
    aspect-ratio: 3/2;
    width: 100%;
    height: auto;
  }
  .overlay-share-product .content .content-share-product .text-share-product {
    width: 100%;
  }
  .overlay-share-product .content .content-share-product .text-share-product h3 {
    font-size: 18px;
  }
  .overlay-share-product .content .content-share-product .text-share-product p {
    font-size: 14px;
  }
}

.overlay-popup {
  left: 0px;
  top: 0px;
  position: fixed;
  z-index: 998;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: none;
}

.ab-addtocart-popup {
  display: none;
  position: fixed;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 50%;
  padding: 20px 50px;
  z-index: 999;
  background: #fff;
  width: 80%;
  max-width: 690px;
}
.ab-addtocart-popup .close-popup {
  position: absolute;
  right: 15px;
  top: 15px;
  cursor: pointer;
}
.ab-addtocart-popup .price del {
  display: none;
}
.ab-addtocart-popup .addframe-desktop.slick-slider {
  margin-left: 0px;
  margin-right: 0px;
  width: 100%;
}
.ab-addtocart-popup .addframe-desktop.slick-slider .slick-list {
  margin-left: 25px;
}
.ab-addtocart-popup .addframe-desktop.slick-slider .slick-list .slick-track {
  min-width: 900px !important;
}
.ab-addtocart-popup .addframe-desktop.slick-slider .slick-list .slick-track .product-item {
  min-width: 165px;
}
.ab-addtocart-popup .addframe-desktop.slick-slider .slick-prev,
.ab-addtocart-popup .addframe-desktop.slick-slider .slick-next {
  font-size: 24px;
  display: none;
  cursor: pointer;
  top: 35%;
}
.ab-addtocart-popup .addframe-desktop.slick-slider .slick-prev::before,
.ab-addtocart-popup .addframe-desktop.slick-slider .slick-next::before {
  content: "";
}
.ab-addtocart-popup .addframe-desktop.slick-slider .slick-prev:hover,
.ab-addtocart-popup .addframe-desktop.slick-slider .slick-next:hover {
  color: #dc9814;
}
.ab-addtocart-popup .artsy-lightbox {
  margin: 0 auto;
}

.without-frame {
  width: 144px !important;
  height: 34px;
  border: 1px solid #D9D9D9;
  padding: 0;
  background-color: #FFFFFF;
  color: #000000;
  padding: 7px 20px !important;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  text-transform: none;
  margin: 0 auto;
  border-radius: 20px;
}
.without-frame:hover {
  color: #000000;
}

.action.print-product .artsy-print-button {
  pointer-events: none;
  /* Tắt sự kiện chuột trên .artsy-print-button */
}

.action.like-product:has(.like.active) i {
  color: #0056b3;
}

.photobook-like-product .like {
  color: #000000;
}
.photobook-like-product .like:hover {
  color: #0056b3;
}
.photobook-like-product .like.active {
  color: #0056b3;
}

#artsy-print {
  padding: 54px 0 64px;
  top: 0px;
}
@media all and (min-width: 1200px) {
  #artsy-print {
    margin-left: 15px;
  }
}
#artsy-print .artsy-print-top h1 {
  font-size: 24px;
}
#artsy-print #artsy-print-photowall, #artsy-print #artsy-print-table {
  display: flex !important;
  flex-wrap: wrap;
  width: 100%;
}
@media only screen and (max-width: 769px) {
  #artsy-print #artsy-print-photowall, #artsy-print #artsy-print-table {
    display: block;
    width: auto;
    margin: 0 8px;
    overflow: hidden;
  }
}
#artsy-print #artsy-print-photowall .uploaded-item li.thumbnail a, #artsy-print #artsy-print-table .uploaded-item li.thumbnail a {
  display: block;
}
@media only screen and (max-width: 769px) {
  #artsy-print #artsy-print-photowall .uploaded-item li.thumbnail a img, #artsy-print #artsy-print-table .uploaded-item li.thumbnail a img {
    vertical-align: middle;
  }
}
@media only screen and (max-width: 769px) {
  #artsy-print #artsy-print-photowall .uploaded-item li.title, #artsy-print #artsy-print-table .uploaded-item li.title {
    width: auto;
    border-top: 0 none;
    padding-top: 16px;
  }
}
@media only screen and (min-width: 769px) {
  #artsy-print #artsy-print-photowall .uploaded-item li.title .uploaded-item.artsy-variations-list li, #artsy-print #artsy-print-table .uploaded-item li.title .uploaded-item.artsy-variations-list li {
    display: inline-flex;
  }
  #artsy-print #artsy-print-photowall .uploaded-item li.title .uploaded-item.artsy-variations-list li .values, #artsy-print #artsy-print-table .uploaded-item li.title .uploaded-item.artsy-variations-list li .values {
    padding-left: 13px;
  }
}
#artsy-print #artsy-print-photowall .uploaded-item li.title .woocommerce-loop-product__title, #artsy-print #artsy-print-table .uploaded-item li.title .woocommerce-loop-product__title {
  font-size: 16px;
  margin: 0;
  padding: 0;
  color: #282828;
  font-weight: 400;
  font-family: Josefin Sans, sans-serif;
}
#artsy-print #artsy-print-photowall .uploaded-item li.title .woocommerce-loop-product__title a, #artsy-print #artsy-print-table .uploaded-item li.title .woocommerce-loop-product__title a {
  color: inherit;
}
@media only screen and (max-width: 769px) {
  #artsy-print #artsy-print-photowall .uploaded-item li.title .woocommerce-loop-product__title a, #artsy-print #artsy-print-table .uploaded-item li.title .woocommerce-loop-product__title a {
    display: block;
    color: #8c8c8c;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
}
@media only screen and (max-width: 769px) {
  #artsy-print #artsy-print-photowall .uploaded-item li.stock, #artsy-print #artsy-print-table .uploaded-item li.stock {
    display: none;
  }
}
#artsy-print #artsy-print-photowall .uploaded-item li.stock span.instock, #artsy-print #artsy-print-table .uploaded-item li.stock span.instock {
  color: #1bbc9b;
  white-space: nowrap;
}
#artsy-print #artsy-print-photowall > .uploaded-item, #artsy-print #artsy-print-table > .uploaded-item {
  position: relative;
  display: table-row;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
  overflow: visible;
}
#artsy-print #artsy-print-photowall > .uploaded-item:first-child > li, #artsy-print #artsy-print-table > .uploaded-item:first-child > li {
  border-top: 1px solid #eee;
}
@media only screen and (min-width: 769px) {
  #artsy-print #artsy-print-photowall > .uploaded-item > li, #artsy-print #artsy-print-table > .uploaded-item > li {
    display: table-cell;
    vertical-align: middle;
    padding: 21px 21px 21px 0;
    border-bottom: 1px solid #eee;
  }
}
#artsy-print #artsy-print-table.products .price {
  white-space: nowrap;
}
@media only screen and (max-width: 768px) {
  #artsy-print #artsy-print-table.products .price {
    padding-top: 15px;
    text-align: center;
    font-size: 15px;
  }
}
#artsy-print #artsy-print-table.products .price ins {
  color: #dc9814;
  text-decoration: none;
  background: 0 0;
}
#artsy-print #artsy-print-table.products .price ins .woocommerce-Price-amount.amount {
  color: #282828;
  font-size: 15px;
}
#artsy-print #artsy-print-table.products .price del {
  text-decoration: line-through;
  color: #a9a9a9;
}
#artsy-print #artsy-print-table.products .price del .woocommerce-Price-amount.amount {
  color: #a9a9a9;
  font-size: 14px;
}
@media only screen and (max-width: 768px) {
  #artsy-print #artsy-print-table.products .remove {
    position: absolute;
    top: 12px;
    right: 21px;
  }
  #artsy-print #artsy-print-table.products .remove .artsy-print-remove {
    position: absolute;
    border: 1px solid #000;
    border-radius: 50%;
    background: #fff;
    line-height: 1;
    top: 0;
    right: 0;
  }
}

.artsy-print-button.added {
  color: #0056b3;
}

#artsy-print-photowall > .uploaded-item:first-child > li, #artsy-print-table > .uploaded-item:first-child > li {
  border-top: 1px solid #eee;
}

@media only screen and (max-width: 769px) {
  #artsy-print-table .artsy-variations-list {
    display: none;
  }
  #artsy-print-photowall > .uploaded-item:nth-of-type(2n+1), #artsy-print-table > .uploaded-item:nth-of-type(2n+1) {
    clear: both;
  }
  #artsy-print-photowall > .uploaded-item, #artsy-print-table > .uploaded-item {
    position: relative;
    float: left;
    display: block !important;
    width: 50%;
    padding: 0 8px 46px;
    transition: opacity 0.4s ease;
  }
  #artsy-print-table > .uploaded-item:first-child > li {
    border-top: 0 none !important;
  }
  #artsy-print-table > .uploaded-item > li {
    display: block;
    padding: 0;
    border-bottom: 0 none;
  }
  #artsy-print #artsy-print-table .uploaded-item li.thumbnail a img {
    width: 100%;
    height: auto;
  }
  #artsy-print-photowall .uploaded-item li.thumbnail a, #artsy-print-table .uploaded-item li.thumbnail a {
    width: auto;
    user-select: none;
    pointer-events: none;
  }
}
#artsy-print-photowall .uploaded-item li.actions {
  display: none;
}

#artsy-print-photowall > .uploaded-item:first-child > li, #artsy-print-table > .uploaded-item:first-child > li {
  border-top: 1px solid #eee;
}

.artsy-variations-list {
  font-size: 12px;
  line-height: 1.6;
  padding: 9px 0 0;
}

#nm-print-table .nm-variations-list .label {
  display: inline-block;
}

#nm-print-table .nm-variations-list .values span {
  display: inline-block;
  margin-right: 3px;
}

#artsy-print .woocommerce-variation-add-to-cart {
  text-align: center;
  margin: 20px 0;
}
#artsy-print .woocommerce-variation-add-to-cart .artsy-variable-add-to-cart-button {
  min-width: 200px;
  line-height: 2;
}
#artsy-print .woocommerce-variation-add-to-cart .artsy-variable-add-to-cart-button:hover {
  background-color: #4a4a4a;
}

#artsy-print-empty.show {
  display: block;
}

#artsy-print-empty {
  display: none;
  padding: 50px 0 55px;
  text-align: center;
}
#artsy-print-empty p {
  margin-bottom: 0;
}
#artsy-print-empty p.icon i {
  display: inline-block;
  font-size: 28px;
  line-height: 1;
  color: #282828;
  vertical-align: middle;
}
#artsy-print-empty h1 {
  padding-top: 20px;
  font-family: "Open Sans", sans-serif;
  font-weight: 500;
  font-size: 22px;
  line-height: 32px;
  margin: 0.67em 0;
}
#artsy-print-empty .note {
  padding: 20px 0 18px;
  margin-bottom: 15px;
}
#artsy-print-empty .note i {
  line-height: 1;
  color: #dc9814;
  vertical-align: text-top;
}
#artsy-print-empty .button {
  padding: 10px 25px;
  line-height: 2;
}

#artsy-related .separator-text h2, .product-desc-wrapper .separator-text h2 {
  height: 24px;
  font-size: 16px;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 1.64px;
  text-align: center;
  color: #000;
}

#artsy-related .artsy-divider {
  margin-bottom: 20px;
  position: relative;
  min-height: 2px;
  text-align: center;
}
@media (min-width: 769px) {
  #artsy-related .artsy-divider {
    margin-bottom: 50px;
  }
}
#artsy-related .artsy-divider .artsy-divider-line {
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 10;
  display: block;
  content: " ";
  width: 100%;
  height: 1px;
  transform: translateY(-50%);
}
#artsy-related .artsy-divider .artsy-divider-title {
  position: relative;
  display: inline-block;
  line-height: 1.6;
  padding-right: 14px;
  background: #fff;
  padding-left: 14px;
}

.artsy-print-button.added i:before {
  font-family: "Font Awesome 5 Pro";
  content: "\f02f";
}

#artsy-print-table li.remove .artsy-font-close2 {
  color: #000000;
}
#artsy-print-table li.remove .artsy-font-close2:hover {
  color: #2a2a2a;
}
#artsy-print-table .price .price_notsale {
  font-size: 14px;
  color: #282828;
}

.artsy-print-share .uploaded-item li a:not(:hover) {
  color: #a2a2a2;
}

.artsy-print-share {
  padding-top: 50px;
  padding-bottom: 51px;
}
.artsy-print-share .uploaded-item li {
  display: inline-block;
  margin-right: 15px;
}

.artsy-print-products .artsy-variations-list .values span {
  padding-right: 11px;
}

#artsy-print .artsy-print-top.wishtlist-gallery {
  margin-top: 50px;
  padding-bottom: 0;
}
#artsy-print .submit-btn-gr {
  margin-left: 10px;
}
#artsy-print .submit-btn-gr button {
  margin: 0 10px;
}
#artsy-print .bundle-action .dimension-gr .info-label, #artsy-print .bundle-action .material-gr .info-label {
  margin-left: 10px;
}
#artsy-print .bundle-action .dimension-gr .dimension, #artsy-print .bundle-action .material-gr .dimension {
  display: flex;
}
#artsy-print .bundle-action .dimension-gr .dimension .select-dimension, #artsy-print .bundle-action .material-gr .dimension .select-dimension {
  margin: 15px 10px;
}
#artsy-print .bundle-action .dimension-gr .materials-list, #artsy-print .bundle-action .material-gr .materials-list {
  margin-left: 10px;
}

@media only screen and (min-width: 900px) {
  .artsy-print-products .uploaded-item li.thumbnail {
    width: 120px;
  }
}
@media only screen and (max-width: 768px) {
  .photo-wall .artsy-variations-list {
    display: none;
  }
}
@media only screen and (min-width: 769px) {
  .printEmty {
    height: 34.5vh;
  }
}
.printEmty .print-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.printEmty .print-content .icon {
  width: 30px;
  height: 30px;
}
.printEmty .print-content .note {
  margin: 0px;
  font-family: "Open Sans", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
}
.printEmty .print-content .button {
  border-radius: 100px;
  /* margin: 0px; */
  font-family: "Open Sans", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  text-transform: none;
}

#artsy-print .product.uploaded-item {
  display: block;
  margin-top: 0px;
  width: 25%;
}
@media all and (max-width: 992px) {
  #artsy-print .product.uploaded-item {
    width: 33.33%;
  }
}
@media all and (max-width: 576px) {
  #artsy-print .product.uploaded-item {
    width: 50%;
  }
}
@media all and (max-width: 360px) {
  #artsy-print .product.uploaded-item {
    width: 100%;
  }
}
#artsy-print .product.uploaded-item .preview {
  height: calc(100% - 40px);
  align-self: center;
  justify-content: center;
  min-height: auto;
  aspect-ratio: 5/7;
  height: auto;
}
#artsy-print .image-title-stock {
  width: 70%;
}
#artsy-print .image-title-stock .image-title {
  display: flex;
}
#artsy-print .image-title-stock .image-title a {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #000000;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#artsy-print .image-title-stock .image-title a:hover {
  color: #000000;
}
#artsy-print .image-title-stock .instock {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #000000;
}

#spinner:not([hidden]) {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

#spinner::after {
  content: "";
  width: 80px;
  height: 80px;
  border: 2px solid #f3f3f3;
  border-top: 3px solid #f25a41;
  border-radius: 100%;
  will-change: transform;
  animation: spin 1s infinite linear;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.photobook-page {
  padding: 0;
  min-height: calc(100vh - 191px) !important;
}
.photobook-page #step-1 {
  background: #f3f4f6;
}
.photobook-page #step-1 .photobook-layout {
  display: grid;
  grid-template-columns: 360px 1fr;
  gap: 32px;
  padding: 32px 0;
  background: #f3f4f6;
  min-height: 100vh;
}
.photobook-page #step-1 .sidebar {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.photobook-page #step-1 .card {
  background: #fff;
  border-radius: 14px;
  border: 1px solid #e5e7eb;
  padding: 20px;
}
.photobook-page #step-1 .card-title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 14px;
}
.photobook-page #step-1 .card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0;
  background-color: snow;
  border: none;
}
.photobook-page #step-1 .badge-required {
  font-size: 11px;
  padding: 4px 8px;
  background: #f3f4f6;
  border-radius: 6px;
  color: #5a5757;
  margin-bottom: 14px;
}
.photobook-page #step-1 .form-group {
  margin-bottom: 18px;
}
.photobook-page #step-1 .form-group label {
  display: block;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 10px;
}
.photobook-page #step-1 .form-group input,
.photobook-page #step-1 .form-group textarea {
  width: 100%;
  padding: 10px 12px;
  border-radius: 8px;
  border: 1px solid #e5e7eb;
  background: #f9fafb;
  font-size: 16px;
}
.photobook-page #step-1 textarea {
  resize: none;
  height: 120px;
}
.photobook-page #step-1 .size-options input {
  display: none;
}
.photobook-page #step-1 .size-option {
  display: block;
  padding: 18px;
  border-radius: 12px;
  border: 1px solid #e5e7eb;
  background: #fff;
  margin-bottom: 10px;
  cursor: pointer;
  transition: all 0.2s;
}
.photobook-page #step-1 .size-option:hover {
  border-color: #d1d5db;
}
.photobook-page #step-1 .size-title {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 6px;
}
.photobook-page #step-1 .size-desc {
  font-size: 12px;
  color: #6b7280;
}
.photobook-page #step-1 .size-options input:checked + .size-option {
  background: #000;
  border-color: #000;
}
.photobook-page #step-1 .size-options input:checked + .size-option .size-title {
  color: #fff;
}
.photobook-page #step-1 .size-options input:checked + .size-option .size-desc {
  color: #d1d5db;
}
.photobook-page #step-1 .btn-create {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 6px;
  padding: 16px;
  border-radius: 10px;
  border: none;
  background: #000;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  cursor: auto;
  transition: 0.2s;
  opacity: 0.3;
}
.photobook-page #step-1 .btn-create.enable-next {
  opacity: 1;
  cursor: pointer;
}
.photobook-page #step-1 .btn-create:hover {
  background: #111;
}
.photobook-page #step-1 .btn-icon {
  width: 18px;
  height: 18px;
}
.photobook-page #step-1 .library-title {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 12px;
}
.photobook-page #step-1 .template-filters {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 22px;
}
.photobook-page #step-1 .template-filters .filter-size {
  display: flex;
  align-items: center;
  gap: 8px;
}
.photobook-page #step-1 .template-filters label {
  font-size: 15px;
  font-weight: 500;
  color: #6b7280;
}
.photobook-page #step-1 .template-filters select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding: 6px 36px 6px 12px;
  border-radius: 8px;
  border: 1px solid #e5e7eb;
  background: #fff;
  font-size: 14px;
  cursor: pointer;
  min-width: 110px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%236b7280' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
  transition: all 0.15s;
}
.photobook-page #step-1 .template-filters select:hover {
  border-color: #d1d5db;
}
.photobook-page #step-1 .template-filters select:focus {
  outline: none;
}
.photobook-page #step-1 .template-filters .checkbox {
  display: flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
}
.photobook-page #step-1 .template-filters .checkbox input[type=checkbox] {
  appearance: auto;
  -webkit-appearance: checkbox;
  accent-color: #000;
  width: 16px;
  height: 16px;
  position: static;
  opacity: 1;
}
.photobook-page #step-1 .template-filters .checkbox input[type=checkbox]:checked::before {
  display: none;
}
.photobook-page #step-1 .template-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
}
.photobook-page #step-1 .template-card {
  background: #fff;
  border-radius: 14px;
  border: 1px solid #e5e7eb;
  padding: 14px;
  cursor: pointer;
  transition: 0.2s;
  position: relative;
  overflow: hidden;
}
.photobook-page #step-1 .template-card .template-size-label {
  position: absolute;
  top: 17px;
  left: 17px;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  padding: 5px 10px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 600;
  z-index: 2;
  backdrop-filter: blur(4px);
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.photobook-page #step-1 .template-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.06);
}
.photobook-page #step-1 a:hover {
  text-decoration: none;
}
.photobook-page #step-1 .thumb {
  width: 100%;
  aspect-ratio: 1;
  border-radius: 10px;
  margin-bottom: 10px;
  text-align: center;
}
.photobook-page #step-1 .thumb img {
  height: 100%;
}
.photobook-page #step-1 .template-card h4 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 4px;
  color: #282828;
}
.photobook-page #step-1 .template-card p {
  font-size: 12px;
  color: #6b7280;
}
@media (max-width: 1200px) {
  .photobook-page #step-1 .photobook-layout {
    grid-template-columns: 300px 1fr;
    gap: 24px;
  }
  .photobook-page #step-1 .template-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 992px) {
  .photobook-page #step-1 .photobook-layout {
    grid-template-columns: 260px 1fr;
    gap: 20px;
  }
  .photobook-page #step-1 .library-title {
    font-size: 26px;
  }
  .photobook-page #step-1 .template-card h4 {
    font-size: 15px;
  }
  .photobook-page #step-1 .card-title {
    font-size: 17px;
  }
  .photobook-page #step-1 .form-group label {
    font-size: 13px;
  }
  .photobook-page #step-1 .size-title {
    font-size: 14px;
  }
}
@media (max-width: 768px) {
  .photobook-page #step-1 .photobook-layout {
    grid-template-columns: 1fr;
    padding: 24px 16px;
  }
  .photobook-page #step-1 .sidebar {
    order: 1;
  }
  .photobook-page #step-1 .template-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .photobook-page #step-1 .library-title {
    font-size: 24px;
  }
}
.photobook-page .backgroundimg-photobook {
  background-image: url(/wp-content/themes/photovault/assets/images/background-photobook.png);
  background-size: cover;
  background-repeat: no-repeat;
  position: fixed;
  z-index: 6;
  width: 100%;
  height: calc(100vh - 135px);
}
@media (max-width: 1024px) {
  .photobook-page .backgroundimg-photobook {
    height: calc(100vh - 75px);
  }
}
.photobook-page .backgrounfd-photobook {
  background-color: rgba(0, 0, 0, 0.64);
  position: fixed;
  z-index: 7;
  width: 100%;
  height: calc(100vh - 135px);
  opacity: 1.5;
}
@media (max-width: 1024px) {
  .photobook-page .backgrounfd-photobook {
    height: calc(100vh - 75px);
  }
}
.photobook-page .containercontent-photobook {
  z-index: 10;
  position: absolute;
  width: 90%;
  max-width: 1164px;
  position: relative;
  z-index: 10;
  margin: 0 auto;
}
.photobook-page .containercontent-photobook .infocontent-photobook .size-photobook .sod_select {
  font-size: 16px;
  border-radius: 0;
  height: 40px;
}
.photobook-page .containercontent-photobook .infocontent-photobook .size-photobook .sod_select::before {
  font-size: 16px;
}
.photobook-page .containercontent-photobook .infocontent-photobook .size-photobook .sod_select .sod_list_wrapper {
  width: calc(100% + 2px);
  top: calc(100% + 2px);
}
.photobook-page .rowbutton {
  margin-top: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.photobook-page .rowbutton .buttonbackground {
  display: flex;
  width: 240px;
  height: 40px;
  gap: 5px;
  opacity: 0.6;
  background-color: #d1d1d1;
  color: #000000;
  box-sizing: border-box;
  justify-content: center;
  text-align: center;
  align-items: center;
  cursor: not-allowed;
}
.photobook-page .rowbutton .buttonbackground.enable-next {
  opacity: 1;
  background-color: #ffffff;
  cursor: pointer;
}
.photobook-page .rowbutton .buttonbackground .buttontext {
  font-family: Helvetica;
  font-size: 1rem;
  font-weight: 700;
  height: 100%;
  text-align: center;
  align-content: center;
  text-transform: none;
  color: #121212;
}
.photobook-page .rowbutton .buttonbackground img {
  width: 20px;
  height: 20px;
}

.textbackground {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
.textbackground .headcontent {
  font-size: 2rem;
  font-weight: 700;
  text-align: left;
  color: #FFFFFF;
  text-align: center;
  margin: 0px;
  padding: 3.125rem 0 1.25rem 0;
}
.textbackground .textcontent {
  font-family: "Open Sans", sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  text-align: center;
  color: #FFFFFF;
}

.infocontent-photobook {
  display: flex;
  gap: 25px;
  margin-top: 28px;
}
.infocontent-photobook .col-content {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.infocontent-photobook .col-content .headcol {
  color: #FFFFFF;
  font-family: "Open Sans", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  text-align: left;
}
.infocontent-photobook .col-content input,
.infocontent-photobook .col-content select {
  border: 1px solid #D9D9D9;
  height: 40px;
  font-family: Helvetica;
  font-size: 1rem;
  font-weight: 500;
  text-align: left;
  padding: 8px 20px;
}
.infocontent-photobook .col-content select {
  cursor: pointer;
}
.infocontent-photobook .col-content .sod_select {
  border: 1px solid #D9D9D9;
  border-radius: 10px;
  height: 40px;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  align-content: center;
  background-color: #FFFFFF;
  display: flex;
  align-items: center;
}
.infocontent-photobook .col-content .sod_select::before {
  top: 0px;
  right: 10px;
  font-family: "Font Awesome 5 Pro";
  content: "\f078";
  font-size: 24px;
  transform: none;
}
.infocontent-photobook .col-content .sod_select .sod_label {
  text-align: left;
  padding-left: 20px;
}
.infocontent-photobook .col-content .sod_select .sod_list {
  max-height: 150px;
  overflow-y: auto;
  overflow-x: hidden;
}
.infocontent-photobook .name-photobook,
.infocontent-photobook .des-photobook {
  width: 37%;
  min-width: 300px;
}
.infocontent-photobook .size-photobook {
  width: 22%;
  min-width: 115px;
}

.filter-product {
  display: flex;
  flex-direction: column;
  gap: 30px;
  margin: 15px 0 40px;
}
.filter-product .search-filter-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 15px;
}
.filter-product .sort-layout {
  position: relative;
  display: inline-block;
  cursor: pointer;
  width: 35px;
  height: 35px;
  align-content: center;
  align-items: center;
  text-align: center;
  background-color: rgb(231, 229, 229);
  padding: 5px;
  border-radius: 6px;
}

.is-search {
  margin-bottom: 30px;
}
.is-search #search-reset {
  position: relative;
  color: #000;
  line-height: 1.4;
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: top;
  overflow: hidden;
  border: 1px solid;
  border-radius: 30px;
  padding: 8px 15px 8px 40px;
}
.is-search #search-reset:hover {
  text-decoration: none;
  background-color: #e0e0e0;
}
.is-search #search-reset .artsy-font-close2 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 12px;
  font-size: 15px;
  line-height: 1.4;
  color: inherit;
}

@media (max-width: 768px) {
  .filter-container {
    display: none !important;
  }
  .sort-layout.d-md-none {
    display: inline-block !important;
  }
}
@media (min-width: 768px) {
  .sort-layout.d-md-none {
    display: none !important;
  }
  .filter-container.d-md-flex {
    display: flex !important;
  }
}
.name-search-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
  padding: 0px;
}
.name-search-container h3.name-page {
  order: 1;
  min-width: 100px;
  margin-bottom: 0;
  font-family: "Open Sans", sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  text-transform: UPPERCASE;
  text-align: left;
}
.name-search-container .search-container {
  order: 2;
  flex: 1;
  min-width: 250px;
  max-width: 600px;
  padding: 5px 8px;
}
.name-search-container .search-container .icon-search {
  position: absolute;
  right: 10px;
  display: flex;
  align-items: center;
}
.name-search-container .search-container .icon-search img {
  width: 24px;
  height: 24px;
  margin-right: 5px;
  cursor: pointer;
  transition: scale 0.2s;
}
.name-search-container .search-container .icon-search:hover {
  scale: 1.2;
}
.name-search-container .right-actions {
  order: 3;
  display: flex;
  align-items: center;
  gap: 15px;
}
@media (max-width: 992px) {
  .name-search-container .search-container {
    order: 3;
    max-width: 100%;
    flex: 1 1 100%;
  }
  .name-search-container .right-actions {
    order: 2;
  }
}

.show-all-tag {
  width: 100px;
  height: 34px;
  text-align: center;
  align-content: center;
  background-color: black;
  color: white;
  border-radius: 17px;
  cursor: pointer;
}
.show-all-tag:hover {
  opacity: 0.5;
}
.show-all-tag:active {
  transform: scale(0.95);
  transition: transform 0.2s ease; /* Thêm hiệu ứng mượt mà */
}

.tag-dropdown-content {
  height: 50px;
  width: 100%;
  display: flex;
  align-content: center;
  align-items: center;
}

.filter-container {
  /* flex: 1; */
  display: flex;
  align-items: center;
}

.suggest-tags {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 20px;
}

.tag-item {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
  padding: 6px 38px;
  border: 1px solid #ccc;
  border-radius: 100px;
  cursor: pointer;
}
.tag-item:hover {
  text-decoration-line: underline;
}

.search-container {
  display: flex;
  /* justify-content: center; */
  flex-wrap: nowrap;
  align-items: center;
  border-radius: 100px;
  border: 1px solid #ccc;
  padding: 2px 10px;
  justify-content: flex-start;
  position: relative;
}
.search-container .search-list {
  display: contents;
  width: auto;
  margin-left: 10px;
  margin-right: 10px;
}
.search-container .search-list .search-item {
  margin-left: 5px;
  background-color: rgba(232, 232, 232, 0.8705882353);
  border: 1px solid #ccc;
  position: relative;
  border-radius: 100px;
  display: inline-flex;
  padding: 5px 8px;
  align-items: center;
}
.search-container .search-list .search-item .name-tag {
  padding-right: 13px;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  text-align: left;
  max-width: 100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.search-container .search-list .search-item .close-tag {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 0;
  cursor: pointer;
}
.search-container .tag-input-container {
  padding: 0px;
  padding-right: 40px;
  flex-grow: 1;
  min-width: 50px; /* Đảm bảo input không bị thu nhỏ quá mức */
}
.search-container .tag-input-container .tag-input {
  border: none;
  width: 90%;
  min-width: 20px;
  background-color: transparent;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
}

.filter-container {
  display: flex;
  justify-content: flex-end;
}
.filter-container .dropdown-toggle {
  border: 1px solid;
  border-radius: 100px;
  padding: 10px 27px;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
  background-color: #121212;
  color: #FFFFFF;
  width: auto;
}
.filter-container .dropdown-toggle:focus {
  box-shadow: none;
}
.filter-container .dropdown-menu {
  position: absolute;
  transform: none !important;
  inset: 50px 0 auto auto !important;
}
.filter-container .dropdown-menu button {
  cursor: pointer;
}
@media (max-width: 992px) {
  .filter-container {
    justify-content: flex-end;
  }
}

.image-container .artsy-shop-loop-thumbnail {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #F5F5F5;
  min-height: auto;
  aspect-ratio: 5/7;
  height: auto;
}
@media (max-width: 1024px) {
  .image-container .artsy-shop-loop-thumbnail {
    min-height: auto;
    aspect-ratio: 5/7;
    height: auto;
  }
}

.tag-dropdown {
  display: none; /* Mặc định ẩn */
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background: white;
  border: 1px solid #ddd;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  padding: 10px;
  z-index: 1000;
}

.tag-list {
  max-height: 180px;
  overflow-y: scroll; /* Thêm tính năng cuộn khi nội dung vượt quá max-height */
}
.tag-list ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.tag-list li {
  display: flex;
  padding: 8px;
  font-size: 14px;
  cursor: pointer;
  transition: background 0.2s ease-in-out;
}
.tag-list li:hover {
  background: rgba(241, 241, 241, 0.9450980392);
}
.tag-list li:active {
  background-color: #DBDBDB;
}

input[type=checkbox] {
  -webkit-appearance: none;
  appearance: none;
  width: 16px;
  height: 16px;
  border: 1px solid #ccc;
  border-radius: 4px;
  background: #fff;
  position: relative;
  flex-shrink: 0;
}

input[type=checkbox]:checked {
  background: #000;
}

input[type=checkbox]:checked::before {
  content: "";
  position: absolute;
  width: 4px;
  height: 8px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -60%) rotate(45deg);
}

input.tag-checkbox {
  margin-right: 20px;
}

.tag-checkbox {
  width: 18px;
  height: 18px;
}

.hidden-tag {
  display: none;
}

.woo-tags span {
  font-size: 18px;
}

.tag-box {
  display: inline-flex;
  align-items: center;
  background-color: #F4F4F4;
  padding: 5px 8px;
  border-radius: 15px;
  margin: 5px;
  font-size: 14px;
  position: relative;
}

.remove-tag {
  margin-top: 3px;
  cursor: pointer;
  color: crimson;
  font-size: 20px;
}

@media (min-width: 1200px) {
  .col-xl-8 {
    flex: 0 0 70% !important;
    max-width: 100% !important;
  }
}
.my-photos .tabcontent {
  display: none;
}

#collection-container {
  padding: 34px 30px 30px 30px;
  height: max-content;
  min-height: 300px;
}
#collection-container h2 {
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  text-align: left;
}
#collection-container .close-popup-address {
  right: 0;
}
#collection-container .item-collection {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 19px 10px 10px;
  border-radius: 14px;
  border: 1px solid var(--Cover-Sliver, #D9D9D9);
  margin-right: 8px;
}
#collection-container .added {
  background-color: #F0F0F0;
}
#collection-container .disabled-save {
  pointer-events: none;
  opacity: 0.5;
  /* Làm mờ để thể hiện trạng thái bị vô hiệu hóa */
}
#collection-container .description-collection {
  display: flex;
  gap: 24px;
  align-items: center;
}
#collection-container .description-collection .thambnail-collection {
  width: 90px;
  height: 90px;
}
#collection-container .description-collection .thambnail-collection img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}
#collection-container .description-collection .name-detail-collection h3 {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  text-align: left;
  padding-bottom: 6px;
}
#collection-container .description-collection .name-detail-collection span {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  text-align: left;
}
#collection-container hr {
  margin-top: 16px;
  margin-bottom: 8px;
}
@media (max-width: 992px) {
  #collection-container {
    padding: 30px 25px 25px 25px;
  }
  #collection-container h2 {
    font-size: 22px;
    line-height: 32px;
  }
  #collection-container .description-collection {
    gap: 18px;
  }
  #collection-container .description-collection .thambnail-collection {
    width: 80px;
    height: 80px;
  }
  #collection-container .description-collection .name-detail-collection h3 {
    font-size: 17px;
    line-height: 22px;
  }
  #collection-container .description-collection .name-detail-collection span {
    font-size: 13px;
    line-height: 17px;
  }
  #collection-container .item-collection {
    padding: 8px 15px 8px 8px;
    margin-right: 6px;
  }
}
@media (max-width: 768px) {
  #collection-container {
    padding: 25px 20px 20px 20px;
  }
  #collection-container h2 {
    font-size: 20px;
    line-height: 30px;
  }
  #collection-container .description-collection {
    gap: 15px;
  }
  #collection-container .description-collection .thambnail-collection {
    width: 70px;
    height: 70px;
  }
  #collection-container .description-collection .name-detail-collection h3 {
    font-size: 16px;
    line-height: 20px;
    padding-bottom: 4px;
  }
  #collection-container .description-collection .name-detail-collection span {
    font-size: 13px;
    line-height: 16px;
  }
  #collection-container .item-collection {
    padding: 8px 12px 8px 8px;
    flex-direction: row;
  }
}
@media (max-width: 576px) {
  #collection-container {
    padding: 20px 15px 15px 15px;
    min-height: 250px;
  }
  #collection-container h2 {
    font-size: 18px;
    line-height: 26px;
  }
  #collection-container .description-collection {
    gap: 12px;
    flex-direction: row;
  }
  #collection-container .description-collection .thambnail-collection {
    width: 60px;
    height: 60px;
    flex-shrink: 0;
  }
  #collection-container .description-collection .name-detail-collection {
    flex: 1;
    min-width: 0;
  }
  #collection-container .description-collection .name-detail-collection h3 {
    font-size: 15px;
    line-height: 20px;
    padding-bottom: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  #collection-container .description-collection .name-detail-collection span {
    font-size: 12px;
    line-height: 16px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  #collection-container .item-collection {
    padding: 6px 10px 6px 6px;
    margin-right: 4px;
    border-radius: 10px;
  }
}

.close-popup-content {
  position: absolute;
  top: -10px;
  right: -10px;
  cursor: pointer;
  color: white;
  font-size: 20px;
}

.disabled {
  pointer-events: none;
  opacity: 0.5;
  /* Làm mờ để thể hiện trạng thái bị vô hiệu hóa */
}

.list-collection-product {
  display: flex;
  flex-direction: column;
  gap: 5px;
  max-height: 465px;
  overflow: auto;
  /* Tùy chỉnh thanh cuộn */
}
.list-collection-product::-webkit-scrollbar {
  width: 12px;
  /* Đặt chiều rộng cho thanh cuộn dọc */
  height: 12px;
  /* Đặt chiều cao cho thanh cuộn ngang */
}
.list-collection-product::-webkit-scrollbar-thumb {
  background-color: #D9D9D9;
  /* Màu của thanh cuộn */
  border-radius: 10px;
  /* Bo tròn các góc của thanh cuộn */
}
.list-collection-product::-webkit-scrollbar-thumb:hover {
  background-color: #bdbbbb;
  /* Màu khi hover lên thanh cuộn */
}

.titile-address {
  margin: 0px !important;
}
.titile-address .title-new-collection {
  display: flex;
  align-items: center;
  gap: 10px;
}
.titile-address .title-new-collection h2 {
  margin: 0px;
}
.titile-address .title-new-collection .new-collection {
  font-size: 24px;
}

.save-to-collection,
.add-to-collection,
.create-collection,
.cancel-create-collection,
.delete-text-collection,
.delete-text-product,
.submit-product-name,
.submit-collection,
.save_date {
  width: 130px;
  height: 50px;
  background-color: #121212;
  color: #FFFFFF;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
  border: 1px solid;
  border-radius: 100px;
  cursor: pointer;
}
@media (max-width: 768px) {
  .save-to-collection,
  .add-to-collection,
  .create-collection,
  .cancel-create-collection,
  .delete-text-collection,
  .delete-text-product,
  .submit-product-name,
  .submit-collection,
  .save_date {
    width: 100px;
    height: 45px;
    font-size: 16px;
    line-height: 22px;
  }
}
@media (max-width: 576px) {
  .save-to-collection,
  .add-to-collection,
  .create-collection,
  .cancel-create-collection,
  .delete-text-collection,
  .delete-text-product,
  .submit-product-name,
  .submit-collection,
  .save_date {
    width: 80px;
    height: 42px;
    font-size: 14px;
    line-height: 20px;
  }
}

.product-collection-empty {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.product-collection-empty img {
  width: 200px;
  height: 200px;
}
.product-collection-empty h3 {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
  color: #000000;
}

.list-collection-created {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
}
.list-collection-created .sel-collections {
  width: calc(100% - 130px - 15px);
  border: 1.5px solid #D5D5D5;
  border-radius: 10px;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  padding: 13px 17px;
  margin-top: 15px;
  margin-bottom: 25px;
  background: url(/wp-content/themes/photovault/assets/images/Chevron_Down.png) 0 0 no-repeat;
  background-position: right 10px center;
  background-size: 24px 24px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.list-collection-created .save-to-collection {
  margin-top: 15px;
  margin-bottom: 25px;
}
@media (max-width: 768px) {
  .list-collection-created {
    flex-direction: row;
    align-items: center;
    gap: 10px;
  }
  .list-collection-created .sel-collections {
    width: calc(100% - 80px - 10px);
    font-size: 16px;
    padding: 12px 15px;
    margin-top: 10px;
    margin-bottom: 15px;
  }
  .list-collection-created .save-to-collection {
    width: 80px;
    margin-top: 0px;
    margin-bottom: 15px;
  }
}
@media (max-width: 576px) {
  .list-collection-created .sel-collections {
    font-size: 14px;
    padding: 10px 12px;
    margin-top: 8px;
    margin-bottom: 12px;
  }
  .list-collection-created .save-to-collection {
    margin-bottom: 12px;
  }
}

.cre-collection-container .title-cre-new {
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  text-align: left;
  cursor: pointer;
}
.cre-collection-container .cre-collec-content {
  display: flex;
  justify-content: space-between;
  gap: 15px;
  margin-top: 15px;
}
.cre-collection-container .cre-collec-content .name_collection {
  flex: 1;
  border: 1.5px solid #D5D5D5;
  border-radius: 10px;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  padding: 13px 17px;
}
.cre-collection-container .cre-collec-content .create-collection {
  flex-shrink: 0;
}
@media (max-width: 768px) {
  .cre-collection-container .title-cre-new {
    font-size: 20px;
    line-height: 30px;
  }
  .cre-collection-container .cre-collec-content {
    margin-top: 12px;
    gap: 10px;
  }
  .cre-collection-container .cre-collec-content .name_collection {
    font-size: 16px;
    padding: 11px 15px;
    line-height: 22px;
  }
}
@media (max-width: 576px) {
  .cre-collection-container .title-cre-new {
    font-size: 18px;
    line-height: 26px;
  }
  .cre-collection-container .cre-collec-content {
    margin-top: 10px;
    gap: 8px;
    flex-direction: row;
  }
  .cre-collection-container .cre-collec-content .name_collection {
    font-size: 14px;
    padding: 10px 12px;
    line-height: 20px;
  }
}

.share-now {
  margin-top: 25px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 5px;
}
.share-now input {
  width: 20px;
  height: 20px;
}
.share-now label {
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  text-align: left;
}
@media (max-width: 768px) {
  .share-now {
    margin-top: 20px;
  }
  .share-now input {
    width: 18px;
    height: 18px;
  }
  .share-now label {
    font-size: 16px;
    line-height: 22px;
  }
}
@media (max-width: 576px) {
  .share-now {
    margin-top: 15px;
  }
  .share-now input {
    width: 16px;
    height: 16px;
  }
  .share-now label {
    font-size: 14px;
    line-height: 20px;
  }
}

.limit-time-share {
  display: flex;
  gap: 10px;
  justify-content: space-between;
  align-items: center;
  margin-top: 30px;
}
.limit-time-share .title-limit-time {
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  text-align: left;
}
@media (max-width: 768px) {
  .limit-time-share {
    margin-top: 20px;
    gap: 8px;
  }
  .limit-time-share .title-limit-time {
    font-size: 16px;
    line-height: 22px;
  }
}
@media (max-width: 576px) {
  .limit-time-share {
    flex-direction: column;
    align-items: flex-start;
    margin-top: 15px;
    gap: 6px;
  }
  .limit-time-share .title-limit-time {
    font-size: 14px;
    line-height: 20px;
  }
}

.popup .titile-address h2 {
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  text-align: left;
}
@media (max-width: 768px) {
  .popup .titile-address h2 {
    font-size: 20px;
    line-height: 30px;
  }
}
@media (max-width: 576px) {
  .popup .titile-address h2 {
    font-size: 18px;
    line-height: 26px;
  }
}

#new-collection-container {
  height: 350px;
}
#new-collection-container .detail-collection {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
#new-collection-container .detail-collection h3 {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  text-align: left;
}
#new-collection-container .detail-collection input {
  border-radius: 14px;
  background-color: #F0F0F0;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  padding: 13px 17px;
}
#new-collection-container hr {
  margin-top: 44px;
  margin-bottom: 24px;
}
#new-collection-container .action-add-collection {
  display: flex;
  justify-content: flex-end;
  gap: 20px;
}
@media (max-width: 768px) {
  #new-collection-container {
    height: auto;
    min-height: 300px;
  }
  #new-collection-container .detail-collection {
    gap: 12px;
  }
  #new-collection-container .detail-collection h3 {
    font-size: 16px;
    line-height: 22px;
  }
  #new-collection-container .detail-collection input {
    font-size: 16px;
    padding: 11px 15px;
    line-height: 22px;
  }
  #new-collection-container hr {
    margin-top: 30px;
    margin-bottom: 20px;
  }
  #new-collection-container .action-add-collection {
    justify-content: center;
    gap: 15px;
  }
}
@media (max-width: 576px) {
  #new-collection-container {
    min-height: 250px;
  }
  #new-collection-container .detail-collection {
    gap: 10px;
  }
  #new-collection-container .detail-collection h3 {
    font-size: 15px;
    line-height: 20px;
  }
  #new-collection-container .detail-collection input {
    font-size: 14px;
    padding: 10px 12px;
    line-height: 20px;
    border-radius: 10px;
  }
  #new-collection-container hr {
    margin-top: 25px;
    margin-bottom: 15px;
  }
  #new-collection-container .action-add-collection {
    gap: 10px;
    flex-wrap: wrap;
  }
}

#edit-collection,
#edit-product-name {
  height: 350px;
}
#edit-collection .titile-address h2,
#edit-product-name .titile-address h2 {
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  text-align: left;
}
#edit-collection .detail-collection,
#edit-collection .detail-product-name,
#edit-product-name .detail-collection,
#edit-product-name .detail-product-name {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
#edit-collection .detail-collection h3,
#edit-collection .detail-product-name h3,
#edit-product-name .detail-collection h3,
#edit-product-name .detail-product-name h3 {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  text-align: left;
}
#edit-collection .detail-collection input,
#edit-collection .detail-product-name input,
#edit-product-name .detail-collection input,
#edit-product-name .detail-product-name input {
  border-radius: 14px;
  background-color: #F0F0F0;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  padding: 13px 17px;
}
#edit-collection .detail-collection input:focus,
#edit-collection .detail-product-name input:focus,
#edit-product-name .detail-collection input:focus,
#edit-product-name .detail-product-name input:focus {
  border: 1px solid #000000;
  background-color: #FFFFFF;
}
#edit-collection hr,
#edit-product-name hr {
  margin-top: 44px;
  margin-bottom: 24px;
}
#edit-collection .action-collection,
#edit-product-name .action-collection {
  display: flex;
  justify-content: flex-end;
  gap: 20px;
}
@media (max-width: 768px) {
  #edit-collection,
  #edit-product-name {
    height: auto;
    min-height: 300px;
  }
  #edit-collection .titile-address h2,
  #edit-product-name .titile-address h2 {
    font-size: 20px;
    line-height: 30px;
  }
  #edit-collection .detail-collection,
  #edit-collection .detail-product-name,
  #edit-product-name .detail-collection,
  #edit-product-name .detail-product-name {
    gap: 12px;
  }
  #edit-collection .detail-collection h3,
  #edit-collection .detail-product-name h3,
  #edit-product-name .detail-collection h3,
  #edit-product-name .detail-product-name h3 {
    font-size: 16px;
    line-height: 22px;
  }
  #edit-collection .detail-collection input,
  #edit-collection .detail-product-name input,
  #edit-product-name .detail-collection input,
  #edit-product-name .detail-product-name input {
    font-size: 16px;
    padding: 11px 15px;
    line-height: 22px;
  }
  #edit-collection hr,
  #edit-product-name hr {
    margin-top: 30px;
    margin-bottom: 20px;
  }
  #edit-collection .action-collection,
  #edit-product-name .action-collection {
    justify-content: center;
    gap: 15px;
  }
}
@media (max-width: 576px) {
  #edit-collection,
  #edit-product-name {
    min-height: 250px;
  }
  #edit-collection .titile-address h2,
  #edit-product-name .titile-address h2 {
    font-size: 18px;
    line-height: 26px;
  }
  #edit-collection .detail-collection,
  #edit-collection .detail-product-name,
  #edit-product-name .detail-collection,
  #edit-product-name .detail-product-name {
    gap: 10px;
  }
  #edit-collection .detail-collection h3,
  #edit-collection .detail-product-name h3,
  #edit-product-name .detail-collection h3,
  #edit-product-name .detail-product-name h3 {
    font-size: 15px;
    line-height: 20px;
  }
  #edit-collection .detail-collection input,
  #edit-collection .detail-product-name input,
  #edit-product-name .detail-collection input,
  #edit-product-name .detail-product-name input {
    font-size: 14px;
    padding: 10px 12px;
    line-height: 20px;
    border-radius: 10px;
  }
  #edit-collection hr,
  #edit-product-name hr {
    margin-top: 25px;
    margin-bottom: 15px;
  }
  #edit-collection .action-collection,
  #edit-product-name .action-collection {
    gap: 10px;
    flex-wrap: wrap;
  }
}

#collections .head-product-collection {
  display: flex;
  align-items: center;
}
#collections .head-product-collection .title-collection {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
  width: 100%;
}
#collections .head-product-collection .title-collection .title-collection-left {
  display: flex;
  align-items: center;
}
#collections .head-product-collection .title-collection .back-link {
  display: inline-block;
  color: #333;
  text-decoration: none;
  font-size: 24px;
  position: relative;
  cursor: pointer;
  width: 35px;
  height: 35px;
  align-content: center;
  align-items: center;
  text-align: center;
  background-color: #e7e5e5;
  padding: 5px;
  border-radius: 6px;
  margin-right: 10px;
}
#collections .head-product-collection .title-collection .back-link:hover {
  background-color: #d7d5d5;
}
#collections .head-product-collection .title-collection .back-link i {
  font-weight: 500;
}
#collections .head-product-collection .title-collection .name-collection {
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  color: #0D0C21;
  cursor: text;
}
#collections .head-product-collection .title-collection .name-collection:hover {
  text-decoration: none;
}
#collections .head-product-collection .title-collection span {
  font-size: 24px;
  color: #0D0C21;
}
#collections .head-product-collection .action-group-collection {
  display: flex;
  align-items: center;
  gap: 10px;
}
#collections .head-product-collection .action-group-collection .comment-product,
#collections .head-product-collection .action-group-collection .setting-collection {
  cursor: pointer;
  width: 35px;
  height: 35px;
  align-content: center;
  align-items: center;
  text-align: center;
  background-color: #e7e5e5;
  padding: 5px;
  border-radius: 6px;
}
#collections .head-product-collection .action-group-collection .comment-product i,
#collections .head-product-collection .action-group-collection .setting-collection i {
  font-size: 18px;
  color: #121212;
}
#collections .head-product-collection .action-group-collection .comment-product i:hover,
#collections .head-product-collection .action-group-collection .setting-collection i:hover {
  color: #0056b3;
}
#collections .artsy-shop-loop-thumbnail:hover::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1);
  /* Lớp phủ màu đen trong suốt */
  z-index: 1;
  /* Đặt lớp phủ phía trên */
}
#collections .artsy-shop-loop-thumbnail:hover .action-collection,
#collections .artsy-shop-loop-thumbnail:hover .photobook-review-product {
  display: flex;
}
#collections .artsy-shop-loop-thumbnail .artsy-shop-loop-thumbnail-link {
  position: relative;
  z-index: 2;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
#collections .artsy-shop-loop-thumbnail .action-collection {
  position: absolute;
  z-index: 150;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  gap: 10px;
  align-items: center;
  justify-content: center;
}
#collections .artsy-shop-loop-thumbnail .action-collection .act-like-print {
  all: unset;
  /* Reset toàn bộ style về mặc định */
  display: initial;
  place-items: center;
}
#collections .artsy-shop-loop-thumbnail .action-collection .delete-product-collection,
#collections .artsy-shop-loop-thumbnail .action-collection .review,
#collections .artsy-shop-loop-thumbnail .action-collection .print-collection,
#collections .artsy-shop-loop-thumbnail .action-collection .action {
  width: 45px;
  height: 45px;
  border-radius: 10%;
  display: flex;
  background-color: #FFFFFF;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
#collections .artsy-shop-loop-thumbnail .action-collection .delete-product-collection i,
#collections .artsy-shop-loop-thumbnail .action-collection .review i,
#collections .artsy-shop-loop-thumbnail .action-collection .print-collection i,
#collections .artsy-shop-loop-thumbnail .action-collection .action i {
  position: relative;
  font-size: 18px;
  bottom: 0px;
  left: 0px;
  color: #000000;
}
#collections .artsy-shop-loop-thumbnail .action-collection .delete-product-collection i:hover,
#collections .artsy-shop-loop-thumbnail .action-collection .review i:hover,
#collections .artsy-shop-loop-thumbnail .action-collection .print-collection i:hover,
#collections .artsy-shop-loop-thumbnail .action-collection .action i:hover {
  color: #0056b3;
}
#collections .artsy-shop-loop-thumbnail .action-collection .delete-product-collection img,
#collections .artsy-shop-loop-thumbnail .action-collection .review img,
#collections .artsy-shop-loop-thumbnail .action-collection .print-collection img,
#collections .artsy-shop-loop-thumbnail .action-collection .action img {
  width: 25px;
  height: 25px;
}
#collections .artsy-shop-loop-thumbnail .photobook-review-product {
  position: absolute;
  width: 100%;
  z-index: 150;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-width: 100px;
}
#collections .artsy-shop-loop-thumbnail .photobook-review-product .review,
#collections .artsy-shop-loop-thumbnail .photobook-review-product #full_screen,
#collections .artsy-shop-loop-thumbnail .photobook-review-product span {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
#collections .artsy-shop-loop-thumbnail .photobook-review-product .review i,
#collections .artsy-shop-loop-thumbnail .photobook-review-product #full_screen i,
#collections .artsy-shop-loop-thumbnail .photobook-review-product span i {
  position: relative;
  font-size: 18px;
  bottom: 0px;
  left: 0px;
}
#collections .artsy-shop-loop-thumbnail .photobook-review-product .review i:hover,
#collections .artsy-shop-loop-thumbnail .photobook-review-product #full_screen i:hover,
#collections .artsy-shop-loop-thumbnail .photobook-review-product span i:hover {
  color: #0056b3;
}
#collections .artsy-shop-loop-thumbnail .photobook-review-product span {
  width: 45px;
  height: 45px;
  border-radius: 10%;
  background-color: #FFFFFF;
  cursor: pointer;
}
#collections .artsy-shop-loop-thumbnail .photobook-review-product img {
  width: 25px;
  height: 25px;
}

.pvt-layout-dropdown {
  position: relative;
  display: inline-block;
  cursor: pointer;
  width: 35px;
  height: 35px;
  align-content: center;
  align-items: center;
  text-align: center;
  background-color: #e7e5e5;
  padding: 5px;
  border-radius: 6px;
}
.pvt-layout-dropdown .dropdown-content {
  display: none;
  position: absolute;
  right: 0;
  top: 100%;
  background-color: #fff;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
  z-index: 10;
  min-width: 120px;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #eee;
  text-align: left;
}
.pvt-layout-dropdown .dropdown-content a {
  color: #333;
  padding: 10px 16px;
  text-decoration: none;
  display: block;
  font-size: 14px;
  transition: background 0.2s;
  white-space: nowrap;
  line-height: 1.5;
}
.pvt-layout-dropdown .dropdown-content a:hover {
  background-color: #f8f8f8;
}
.pvt-layout-dropdown .dropdown-content a.active {
  font-weight: 700;
  background-color: #f1f1f1;
  color: #000;
}
.pvt-layout-dropdown:hover .dropdown-content {
  display: block;
}

.product-collection .masonry-columns-wrapper,
.product-collection .justified-grid-wrapper {
  width: 100%;
}
.product-collection .masonry-columns-wrapper .artsy-shop-loop-thumbnail,
.product-collection .justified-grid-wrapper .artsy-shop-loop-thumbnail {
  position: relative;
  overflow: hidden;
}
.product-collection .masonry-columns-wrapper .choose-item,
.product-collection .justified-grid-wrapper .choose-item {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 6;
}
.product-collection .masonry-columns-wrapper .product-image,
.product-collection .justified-grid-wrapper .product-image {
  display: block;
  width: 100%;
}

.artsy-shop-loop-thumbnail, .thumbnail-gallery-wall-container {
  position: relative;
}
.artsy-shop-loop-thumbnail .item-published, .thumbnail-gallery-wall-container .item-published {
  display: flex !important;
}
.artsy-shop-loop-thumbnail .choose-item, .thumbnail-gallery-wall-container .choose-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 200;
  cursor: pointer;
}
.artsy-shop-loop-thumbnail .choose-item .choose-circle, .thumbnail-gallery-wall-container .choose-item .choose-circle {
  width: 32px;
  height: 32px;
  position: absolute;
  top: 10px;
  left: 10px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.2);
  border: 1px solid #F0F0F0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.artsy-shop-loop-thumbnail .choose-item .choose-circle img, .thumbnail-gallery-wall-container .choose-item .choose-circle img {
  width: 100%;
  height: 100%;
  display: none;
}
.artsy-shop-loop-thumbnail .choose-item .choose-circle img.selected, .thumbnail-gallery-wall-container .choose-item .choose-circle img.selected {
  display: block;
}
.artsy-shop-loop-thumbnail .choose-item .choose-circle i, .thumbnail-gallery-wall-container .choose-item .choose-circle i {
  color: #FFFFFF;
  font-size: 16px;
  cursor: pointer;
  position: relative;
  top: 0px;
  left: 0px;
  display: none;
  width: 100%;
  height: 100%;
  text-align: center;
  align-content: center;
  background-color: #FFFFFF;
  color: #000000;
  border-radius: 50%;
}
.artsy-shop-loop-thumbnail .choose-item .choose-circle i.published, .thumbnail-gallery-wall-container .choose-item .choose-circle i.published {
  display: block;
  background-color: rgb(18, 190, 18);
  color: #FFFFFF;
}
.artsy-shop-loop-thumbnail .choose-item .choose-circle i.selected, .thumbnail-gallery-wall-container .choose-item .choose-circle i.selected {
  display: block;
}
@media (max-width: 768px) {
  .artsy-shop-loop-thumbnail .choose-item .choose-circle, .thumbnail-gallery-wall-container .choose-item .choose-circle {
    width: 26px;
    height: 26px;
  }
}
.artsy-shop-loop-thumbnail .choose-item.item-published, .thumbnail-gallery-wall-container .choose-item.item-published {
  z-index: 1;
}
.artsy-shop-loop-thumbnail .choose-item.choosing-mode, .thumbnail-gallery-wall-container .choose-item.choosing-mode {
  z-index: 200;
}
.artsy-shop-loop-thumbnail .btn-add-product, .thumbnail-gallery-wall-container .btn-add-product {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.artsy-shop-loop-thumbnail .btn-add-product img, .thumbnail-gallery-wall-container .btn-add-product img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.choose-share-sticky {
  position: sticky;
  top: 55px;
  z-index: 210;
  background-color: #ffffff;
  padding: 20px;
}
@media (max-width: 992px) {
  .choose-share-sticky {
    top: 150px;
    padding: 18px 15px;
  }
}
@media (max-width: 768px) {
  .choose-share-sticky {
    top: 130px;
    padding: 15px 10px;
  }
}
@media (max-width: 576px) {
  .choose-share-sticky {
    top: 110px;
    padding: 10px 5px;
  }
}

.choose-share-product {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 15px;
  width: 100%;
  margin-top: 20px;
}
.choose-share-product button,
.choose-share-product .btn-upload {
  border: 1px solid #D9D9D9;
  padding: 5px 20px;
  border-radius: 100px;
  background-color: #FFFFFF;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  cursor: pointer;
  color: #000000;
  text-align: center;
  min-width: 100px;
}
.choose-share-product button:focus,
.choose-share-product .btn-upload:focus {
  outline: none;
}
.choose-share-product button:hover,
.choose-share-product .btn-upload:hover {
  background-color: #f0f0f0;
  color: #000000;
}
.choose-share-product .choose-products {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 15px;
}
.choose-share-product .choosed-img {
  display: none;
  align-items: center;
  gap: 15px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.choose-share-product .cancel-choose-all {
  display: none;
}
.choose-share-product .delete-multi-photos:not(.disabled):hover {
  background-color: #dc3545;
  border-color: #dc3545;
  color: #FFFFFF;
}
.choose-share-product .delete-multi-photos.disabled {
  cursor: not-allowed;
}

@media (max-width: 992px) {
  .choose-share-product.list-action-collection .choose-products, .choose-share-product.list-action-library .choose-products, .choose-share-product.list-action-sharing .choose-products {
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .choose-share-product.list-action-collection .choose-products button, .choose-share-product.list-action-collection .choose-products .btn-upload, .choose-share-product.list-action-library .choose-products button, .choose-share-product.list-action-library .choose-products .btn-upload, .choose-share-product.list-action-sharing .choose-products button, .choose-share-product.list-action-sharing .choose-products .btn-upload {
    width: calc(50% - 8px);
    font-size: 14px;
    line-height: 22px;
    padding: 6px 15px;
  }
  .choose-share-product.list-action-collection .btn-share-collection, .choose-share-product.list-action-library .btn-share-collection, .choose-share-product.list-action-sharing .btn-share-collection {
    flex: 1;
    min-width: 150px;
  }
  .choose-share-product.list-action-collection .choose-img, .choose-share-product.list-action-collection .btn-upload, .choose-share-product.list-action-library .choose-img, .choose-share-product.list-action-library .btn-upload, .choose-share-product.list-action-sharing .choose-img, .choose-share-product.list-action-sharing .btn-upload {
    width: calc(50% - 8px);
  }
  .choose-share-product.list-action-collection .choosed-img, .choose-share-product.list-action-library .choosed-img, .choose-share-product.list-action-sharing .choosed-img {
    width: 100%;
    justify-content: flex-end;
    gap: 10px;
    flex-wrap: wrap;
  }
  .choose-share-product.list-action-collection .choosed-img button, .choose-share-product.list-action-library .choosed-img button, .choose-share-product.list-action-sharing .choosed-img button {
    flex: 0 1 auto;
    white-space: nowrap;
  }
  .choose-share-product.list-action-sharing .choose-products {
    justify-content: flex-end;
  }
  .choose-share-product.list-action-sharing .choose-products button {
    width: calc(33% - 10px);
  }
}
@media (max-width: 576px) {
  .choose-share-product.list-action-collection .choose-products,
  .choose-share-product.list-action-library .choose-products {
    justify-content: flex-end;
    flex-wrap: wrap;
  }
  .choose-share-product.list-action-collection .choose-products button,
  .choose-share-product.list-action-library .choose-products button {
    width: calc(50% - 8px);
    font-size: 13px;
    line-height: 20px;
    padding: 5px 12px;
    flex: 1;
  }
  .choose-share-product.list-action-sharing .choose-products button {
    font-size: 13px;
    line-height: 20px;
    padding: 5px 12px;
    width: calc(33% - 10px);
  }
  .choose-share-product.list-action-sharing .choose-products .choosed-img {
    width: 100%;
  }
  .choose-share-product.list-action-sharing .choose-products .choosed-img button {
    width: calc(50% - 8px);
    font-size: 13px;
    line-height: 20px;
    padding: 5px 12px;
    flex: 1;
  }
  .choose-share-product.list-action-sharing .choose-products .download {
    width: 100%;
  }
}
.choose-albumphotobook {
  display: flex;
  align-items: center;
  gap: 15px;
}
.choose-albumphotobook button {
  border: 1px solid #D9D9D9;
  padding: 5px 20px;
  border-radius: 100px;
  background-color: #FFFFFF;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  cursor: pointer;
}
.choose-albumphotobook button:focus {
  outline: none;
}
.choose-albumphotobook .choose-products {
  display: flex;
  align-items: center;
  gap: 15px;
}
.choose-albumphotobook .choosed-product {
  display: none;
  align-items: center;
  gap: 15px;
}
.choose-albumphotobook .cancel-choose-all-product {
  display: none;
}
@media (max-width: 768px) {
  .choose-albumphotobook button {
    padding: 5px 15px;
    font-size: 16px;
  }
}
@media (max-width: 576px) {
  .choose-albumphotobook .choose-products {
    gap: 12px;
  }
  .choose-albumphotobook .choose-products button {
    padding: 5px 15px;
    font-size: 12px;
  }
  .choose-albumphotobook .choose-products .choosed-product {
    gap: 10px;
  }
}

#collections {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
#collections .title-collections {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 24px;
  margin-top: 15px;
  justify-content: space-between;
}
#collections .title-collections .left-title, #collections .title-collections .right-title {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: center;
}
#collections .title-collections .left-title h3, #collections .title-collections .left-title a, #collections .title-collections .right-title h3, #collections .title-collections .right-title a {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 36px;
  color: #0D0C21;
  text-align: left;
}
#collections .title-collections .right-title a {
  text-decoration: underline;
}
#collections .title-collections .right-title a:hover {
  color: #0D0C21;
}
#collections .title-collections .add-collection-page img {
  width: 25px;
  height: 25px;
  cursor: pointer;
}
#collections .title-collections .action-code button {
  border: 1px solid #D9D9D9;
  padding: 5px 20px;
  border-radius: 20px;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  cursor: pointer;
  text-align: center;
  color: #0D0C21;
  background-color: #FFFFFF;
}
#collections .title-collections .action-code button:focus {
  outline: none;
}
#collections .list-collection-container {
  display: flex;
  gap: 2.6666666667%;
  flex-wrap: wrap;
  justify-content: flex-start;
}
#collections .list-collection-container .item-collection-container {
  display: flex;
  flex-direction: column;
  gap: 15px;
  width: 23%;
  margin-bottom: 30px;
}
#collections .list-collection-container .item-collection-container .thumbnail-collection-container {
  display: flex;
  aspect-ratio: 3/2;
  width: 100%;
  gap: 2px;
  position: relative;
  max-height: 200px;
  overflow: hidden;
  align-items: stretch;
}
#collections .list-collection-container .item-collection-container .thumbnail-collection-container:hover .action-collection {
  display: flex;
}
#collections .list-collection-container .item-collection-container .thumbnail-collection-container .thumnail-main {
  flex: 1;
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
}
#collections .list-collection-container .item-collection-container .thumbnail-collection-container .thumnail-main img {
  border-radius: 10px 0px 0px 10px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#collections .list-collection-container .item-collection-container .thumbnail-collection-container .thumbnail-second {
  width: 33%;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
#collections .list-collection-container .item-collection-container .thumbnail-collection-container .thumbnail-second .thumnail2-collection,
#collections .list-collection-container .item-collection-container .thumbnail-collection-container .thumbnail-second .thumnail3-collection {
  flex: 1;
  max-height: 50%;
  overflow: hidden;
}
#collections .list-collection-container .item-collection-container .thumbnail-collection-container .thumbnail-second .thumnail2-collection img {
  border-radius: 0px 10px 0px 0px;
}
#collections .list-collection-container .item-collection-container .thumbnail-collection-container .thumbnail-second .thumnail3-collection img {
  border-radius: 0px 0px 10px 0px;
}
#collections .list-collection-container .item-collection-container .thumbnail-collection-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
#collections .list-collection-container .item-collection-container .thumbnail-collection-container .action-collection {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  gap: 10px;
  align-items: center;
  justify-content: center;
}
#collections .list-collection-container .item-collection-container .thumbnail-collection-container .action-collection .action {
  width: 50px;
  height: 50px;
  background-color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 10px;
  border: 1px solid #ccc;
}
#collections .list-collection-container .item-collection-container .thumbnail-collection-container .action-collection .action i {
  font-size: 20px;
}
#collections .list-collection-container .item-collection-container .thumbnail-collection-container .action-collection .action i:hover {
  color: #0056b3;
}
#collections .list-collection-container .item-collection-container .thumbnail-collection-container .action-collection .action img {
  width: 25px;
  height: 25px;
}
#collections .list-collection-container .item-collection-container .detail-collection {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
#collections .list-collection-container .item-collection-container .detail-collection a {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  padding-bottom: 4px;
  cursor: pointer;
  color: #121212;
}
#collections .list-collection-container .item-collection-container .detail-collection a:hover {
  text-decoration-line: underline;
}
#collections .list-collection-container .item-collection-container .detail-collection span {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
}
@media (max-width: 1200px) {
  #collections .list-collection-container .item-collection-container {
    width: 31.33%;
  }
}
@media (max-width: 992px) {
  #collections .head-product-collection {
    flex-wrap: wrap;
    gap: 12px;
  }
  #collections .head-product-collection .title-collection {
    flex: 1;
    min-width: 200px;
  }
  #collections .head-product-collection .title-collection .name-collection {
    font-size: 17px;
    line-height: 28px;
  }
  #collections .list-collection-container .item-collection-container {
    width: 48%;
  }
}
@media (max-width: 768px) {
  #collections .list-collection-container .item-collection-container {
    width: 48%;
  }
}
@media (max-width: 576px) {
  #collections .title-collections {
    margin-top: 10px;
    margin-bottom: 15px;
  }
  #collections .title-collections .left-title h3, #collections .title-collections .left-title a, #collections .title-collections .right-title h3, #collections .title-collections .right-title a {
    font-size: 16px;
    line-height: 24px;
  }
  #collections .images-user {
    margin-top: 5px;
  }
  #collections .head-product-collection {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
  #collections .head-product-collection .title-collection {
    width: 100%;
    margin-bottom: 0;
  }
  #collections .head-product-collection .title-collection .back-link {
    font-size: 20px;
  }
  #collections .head-product-collection .title-collection .name-collection {
    font-size: 16px;
    line-height: 24px;
  }
  #collections .list-collection-container .item-collection-container {
    width: 48%;
    margin-bottom: 20px;
  }
  #collections .list-collection-container .item-collection-container .thumbnail-collection-container {
    max-height: 150px;
  }
  #collections .list-collection-container .item-collection-container .detail-collection .name-collection {
    font-size: 14px;
    line-height: 20px;
  }
  #collections .list-collection-container .item-collection-container .detail-collection .sum-product-collection {
    font-size: 12px;
    line-height: 18px;
  }
}

.product-collection .artsy-products {
  margin: 0px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 12px;
}
.product-collection .artsy-products li {
  width: calc(25% - 9px);
}
@media (max-width: 768px) {
  .product-collection .artsy-products li {
    width: calc(33.33% - 8px);
  }
}
@media (max-width: 576px) {
  .product-collection .artsy-products li {
    width: calc(50% - 6px);
  }
}
.product-collection .artsy-products li .artsy-shop-loop-thumbnail {
  width: 100%;
  height: auto !important;
  min-height: auto;
}
.product-collection .artsy-products li .artsy-shop-loop-thumbnail .artsy-shop-loop-thumbnail-link {
  position: relative;
  aspect-ratio: 5/7;
  display: flex;
  align-items: center;
}
.product-collection .artsy-products li .artsy-shop-loop-thumbnail .artsy-shop-loop-thumbnail-link img {
  width: auto;
  height: auto;
}
.product-collection .artsy-products li .add-product-collection img {
  width: 25px;
  height: 25px;
}
.product-collection .artsy-products::before {
  display: none;
}

#image-popup {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  color: white;
  text-align: center;
  z-index: 1000;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#image-popup .choose-item-popup {
  position: absolute;
  top: 30px;
  left: 30px;
  z-index: 1001;
  cursor: pointer;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.2);
  transition: all 0.3s ease;
  border: 1px solid #FFFFFF;
}
#image-popup .choose-item-popup:hover {
  background: rgba(255, 255, 255, 0.3);
  transform: scale(1.1);
}
#image-popup .choose-item-popup .choose-share-popup {
  width: 30px;
  height: 30px;
  transition: all 0.3s ease;
  display: none;
}
#image-popup .choose-item-popup .choose-share-popup.selected {
  opacity: 1;
  transform: scale(1.2);
  display: block;
}
@media (max-width: 768px) {
  #image-popup .choose-item-popup {
    width: 32px;
    height: 32px;
  }
  #image-popup .choose-item-popup .choose-share-popup {
    width: 26px;
    height: 26px;
  }
}
#image-popup .product-name {
  position: absolute;
  top: 30px;
  left: 15px;
  z-index: 1001;
  display: none;
  max-width: min(420px, 90vw - 150px);
  padding: 10px 14px;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.45);
  backdrop-filter: blur(8px);
  text-align: left;
  pointer-events: none;
}
#image-popup .product-name h3 {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
  color: #FFFFFF;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 768px) {
  #image-popup .product-name {
    top: 24px;
    left: 15px;
    max-width: calc(95vw - 150px);
    padding: 8px 12px;
  }
  #image-popup .product-name h3 {
    font-size: 14px;
  }
}
@media (min-width: 1024px) {
  #image-popup .rotate-container,
  #image-popup .zoom-container,
  #image-popup .top-right-actions,
  #image-popup .close-popup,
  #image-popup .navigation,
  #image-popup .comment-icon {
    display: none;
  }
  #image-popup:hover .rotate-container {
    display: flex;
  }
  #image-popup:hover .zoom-container {
    display: flex;
  }
  #image-popup:hover .top-right-actions {
    display: flex;
  }
  #image-popup:hover .close-popup {
    display: block;
  }
  #image-popup:hover .navigation {
    display: flex;
  }
  #image-popup:hover .comment-icon {
    display: block;
  }
}
#image-popup .image-info {
  position: absolute;
  top: 78px;
  left: 15px;
  transform: none;
  z-index: 1001;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  text-align: left;
  max-width: min(420px, 100vw - 30px);
  gap: 8px;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.52);
  border: 1px solid rgba(255, 255, 255, 0.12);
}
#image-popup .image-info i {
  font-size: 14px;
  font-weight: 500;
  opacity: 1;
  color: #F59E0B;
  cursor: default;
}
#image-popup .image-info .img-mesage {
  position: static;
  border: none;
  border-radius: 0;
  box-shadow: none;
  background-color: transparent;
  padding: 0;
}
#image-popup .image-info .img-mesage p {
  margin: 0;
  color: #F9FAFB;
  font-size: 12px;
  line-height: 1.4;
  margin-bottom: 0;
}
@media (max-width: 768px) {
  #image-popup .image-info {
    top: 66px;
    left: 15px;
    max-width: calc(100vw - 30px);
    padding: 7px 10px;
  }
  #image-popup .image-info i {
    font-size: 13px;
  }
  #image-popup .image-info .img-mesage p {
    font-size: 11px;
  }
}
#image-popup .img-content {
  height: 100%;
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
#image-popup .img-content #loading {
  font-size: 24px;
}
#image-popup .img-content #popup-image {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  transition: transform 0.3s ease;
  object-fit: contain;
}
#image-popup .top-right-actions {
  position: absolute;
  z-index: 10;
  top: 25px;
  right: 30px;
  display: flex;
  gap: 15px;
  align-items: center;
  padding: 5px 0px;
}
#image-popup .top-right-actions .action-popup-item, #image-popup .top-right-actions .close-popup {
  position: relative;
  top: auto;
  right: auto;
  cursor: pointer;
  color: white;
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  border: 1px solid #FFFFFF;
  transition: all 0.2s ease;
}
#image-popup .top-right-actions .action-popup-item:hover, #image-popup .top-right-actions .close-popup:hover {
  background: rgba(0, 0, 0, 0.75);
}
#image-popup .top-right-actions .action-popup-item img, #image-popup .top-right-actions .close-popup img {
  width: 16px;
  height: 16px;
  object-fit: contain;
}
#image-popup .top-right-actions .action-popup-item i, #image-popup .top-right-actions .close-popup i {
  font-size: 16px;
  color: #FFFFFF;
}
@media (max-width: 768px) {
  #image-popup .top-right-actions {
    top: 20px;
    right: 20px;
    gap: 10px;
  }
  #image-popup .top-right-actions .action-popup-item, #image-popup .top-right-actions .close-popup {
    width: 32px;
    height: 32px;
  }
  #image-popup .top-right-actions .action-popup-item img, #image-popup .top-right-actions .close-popup img {
    width: 14px;
    height: 14px;
  }
  #image-popup .top-right-actions .action-popup-item i, #image-popup .top-right-actions .close-popup i {
    font-size: 14px;
  }
}
#image-popup .close-popup {
  position: absolute;
  z-index: 10;
  top: 30px;
  right: 30px;
  cursor: pointer;
  color: white;
  font-size: 20px;
  width: 30px;
  height: 30px;
  display: block;
  padding: 3px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  border: 1px solid #FFFFFF;
}
#image-popup .close-popup:hover {
  padding: 2px;
  background: rgba(0, 0, 0, 0.75);
}
#image-popup .comment-icon {
  position: absolute;
  bottom: 15px;
  right: 15px;
  z-index: 10;
  right: 15px;
  cursor: pointer;
  color: white;
  font-size: 20px;
  width: 30px;
  height: 30px;
  display: block;
  padding: 1px;
}
#image-popup .comment-icon:hover {
  padding: 0px;
}
#image-popup .slideshow-control {
  position: absolute;
  bottom: 15px;
  left: 15px;
  z-index: 10;
  right: 15px;
  cursor: pointer;
  color: white;
  font-size: 20px;
  width: 40px;
  height: 40px;
  border: 1px solid #FFF;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#image-popup .slideshow-control:hover {
  padding: 0px;
}
#image-popup .navigation {
  position: absolute;
  top: 50%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: calc(100% - 40px);
  transform: translateY(-50%);
}
#image-popup .navigation button {
  background: rgba(0, 0, 0, 0.5);
  border: 1px solid #fff;
  color: #fff;
  padding: 8px;
  cursor: pointer;
  border-radius: 50%;
  width: 35px;
  height: 35px;
  z-index: 10;
  transition: all 0.2s ease;
}
#image-popup .navigation button:hover {
  background: rgba(0, 0, 0, 0.75);
}
#image-popup hr {
  width: 100%;
  border: 2px solid #383838;
}
#image-popup .zoom-container {
  position: absolute;
  bottom: 10px;
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  background-color: #292929;
  padding: 7px 25px;
}
#image-popup .zoom-container .vector {
  border: 1px solid #808080;
  width: 1px;
  height: 25px;
}
#image-popup .zoom-container #zoom-in-image,
#image-popup .zoom-container #zoom-out-image {
  width: 25px;
  height: 25px;
  padding: 1px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
#image-popup .zoom-container #zoom-in-image:hover,
#image-popup .zoom-container #zoom-out-image:hover {
  padding: 0px;
}
#image-popup .zoom-container #zoom-in-image i,
#image-popup .zoom-container #zoom-out-image i {
  font-size: 16px;
}
#image-popup .rotate-container {
  position: absolute;
  bottom: 10px;
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  background-color: #292929;
  padding: 7px 25px;
}
#image-popup .rotate-container .vector {
  border: 1px solid #808080;
  width: 1px;
  height: 25px;
}
#image-popup .rotate-container #rotate-left-image,
#image-popup .rotate-container #rotate-right-image {
  width: 25px;
  height: 25px;
  padding: 1px;
  cursor: pointer;
}
#image-popup .rotate-container #rotate-left-image:hover,
#image-popup .rotate-container #rotate-right-image:hover {
  padding: 0px;
}
#image-popup .product-description-container {
  position: absolute;
  width: 100%;
  bottom: 70px;
  background: rgba(28, 28, 28, 0.7215686275);
  z-index: 2;
  padding: 12px 0;
  font-size: 16px;
  color: #FFF;
  text-align: center;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  cursor: auto;
}

.artsy-single-product #image-popup .navigation {
  display: none;
}

.share-collection .titile-address h2 {
  font-family: "Open Sans", sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 44px;
  text-align: left;
  margin-bottom: 20px;
}
.share-collection .content-share-product .img-product {
  width: 210px;
  height: max-content;
}
.share-collection .content-share-product .img-product img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 5/7;
}
.share-collection .share-collection-detail {
  width: calc(100% - 210px - 20px);
}
.share-collection .share-collection-detail h3 {
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  text-align: left;
  margin-bottom: 8px;
}
.share-collection .share-collection-detail p {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  margin-bottom: 15px;
}
.share-collection .share-collection-detail span {
  font-family: "Open Sans", sans-serif;
  font-size: 44px;
  font-weight: 700;
  line-height: 58px;
  letter-spacing: 0.1em;
  text-align: left;
}
.share-collection .share-collection-detail .action-control,
.share-collection .share-collection-detail .setting-collection-share {
  display: flex;
  flex-direction: row;
  gap: 12px;
  margin-top: 21px;
  position: relative;
}
.share-collection .share-collection-detail .action-control #allow_original_img,
.share-collection .share-collection-detail .action-control i,
.share-collection .share-collection-detail .setting-collection-share #allow_original_img,
.share-collection .share-collection-detail .setting-collection-share i {
  width: 24px;
  height: 24px;
  text-align: center;
  font-size: 18px;
  align-items: center;
  align-content: center;
}
.share-collection .share-collection-detail .action-control label,
.share-collection .share-collection-detail .setting-collection-share label {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  color: #121212;
}
.share-collection .share-collection-detail .action-control strong,
.share-collection .share-collection-detail .setting-collection-share strong {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  text-align: left;
  color: #121212;
}
.share-collection .share-collection-detail .setting-collection-time-limit-share {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 21px;
  position: relative;
}
.share-collection .share-collection-detail .setting-collection-time-limit-share i {
  width: 24px;
  height: 24px;
  text-align: center;
  font-size: 18px;
  align-items: center;
  align-content: center;
}
.share-collection .share-collection-detail .setting-collection-time-limit-share label {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  color: #121212;
}
.share-collection .share-collection-detail .setting-collection-time-limit-share strong {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  text-align: left;
  color: #121212;
}
@media (max-width: 768px) {
  .share-collection .content-share-product .img-product {
    width: 180px;
  }
  .share-collection .share-collection-detail {
    width: calc(100% - 180px - 20px);
  }
  .share-collection .share-collection-detail h3 {
    font-size: 20px;
  }
  .share-collection .share-collection-detail p {
    font-size: 16px;
  }
  .share-collection .share-collection-detail span {
    font-size: 36px;
  }
  .share-collection .share-collection-detail .action-control label,
  .share-collection .share-collection-detail .action-control strong,
  .share-collection .share-collection-detail .setting-collection-share label,
  .share-collection .share-collection-detail .setting-collection-share strong,
  .share-collection .share-collection-detail .setting-collection-time-limit-share label,
  .share-collection .share-collection-detail .setting-collection-time-limit-share strong {
    font-size: 16px;
  }
}
@media (max-width: 576px) {
  .share-collection .titile-address h2 {
    font-size: 24px;
  }
  .share-collection .content-share-product .img-product {
    display: none;
  }
  .share-collection .share-collection-detail {
    width: 100%;
  }
  .share-collection .share-collection-detail h3 {
    font-size: 18px;
  }
  .share-collection .share-collection-detail p {
    font-size: 15px;
  }
  .share-collection .share-collection-detail span {
    font-size: 40px;
  }
  .share-collection .share-collection-detail .action-control label {
    font-size: 14px;
  }
}

.code-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.code-container h2 {
  font-family: "Open Sans", sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  text-align: center;
  color: #000000;
  margin-bottom: 40px;
}
.code-container .code-input {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-bottom: 20px;
}
.code-container .code-input input {
  width: 43px;
  height: 60px;
  border-radius: 8px;
  outline: none;
  transition: border-color 0.3s ease;
  font-family: "Open Sans", sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 44px;
  text-align: center;
  background-color: #EEEEEE;
}
.code-container .code-input input:focus {
  border: 1px solid #000000;
  border-color: #000000;
  background-color: #FFFFFF;
}
.code-container .code-input .filled {
  border: 1px solid #000000;
  border-color: #000000;
  background-color: #FFFFFF;
}
.code-container .error-message {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
  color: #F64A4A;
  margin-bottom: 16px;
  display: none;
}
.code-container button {
  border-radius: 100px;
  padding: 12px 25px;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  width: 140px;
  font-weight: 400;
  line-height: 20px;
  text-align: center;
  background: #000;
  color: #fff;
  border: none;
  cursor: pointer;
  transition: background 0.3s ease;
}
.code-container button:hover {
  background: #333;
}

#expireMessage.warning {
  color: red;
  animation: blink 2s infinite;
}

.head-product {
  margin-top: 20px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  margin-bottom: 15px;
}
.head-product .back-link {
  display: inline-block;
  color: #333;
  text-decoration: none;
  font-size: 24px;
  position: relative;
  cursor: pointer;
  width: 35px;
  height: 35px;
  align-content: center;
  align-items: center;
  text-align: center;
  background-color: #e7e5e5;
  padding: 5px;
  border-radius: 6px;
  margin-right: 10px;
}
.head-product .expire-message-container {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-width: calc(100% - 100px);
}
.head-product .expire-message-container h3 {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  text-align: left;
  color: #121212;
  width: 100%;
  overflow-wrap: break-word;
  white-space: normal;
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.head-product .expire-message-container .expireMessage {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
@media (max-width: 576px) {
  .head-product .expire-message-container h3 {
    font-size: 16px;
  }
  .head-product .expire-message-container .expireMessage {
    font-size: 12px;
  }
}
.head-product .action-right {
  display: flex;
  align-items: center;
  gap: 10px;
}
.head-product .action-right .action {
  cursor: pointer;
  width: 35px;
  height: 35px;
  align-content: center;
  align-items: center;
  text-align: center;
  background-color: rgb(231, 229, 229);
  padding: 5px;
  border-radius: 6px;
}
.head-product .action-right .action i {
  color: #000000;
  font-size: 18px;
}
.head-product .action-right .action:hover i {
  color: #333;
}
.head-product span {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
}
.head-product .download,
.head-product .add-product-share-partner {
  padding: 5px 25px;
  border-radius: 100px;
  background-color: #121212;
  color: #FFFFFF;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  text-align: center;
  cursor: pointer;
}
.head-product .download:hover,
.head-product .add-product-share-partner:hover {
  background: #333;
}

.action-collection-share {
  display: flex;
  flex-direction: column;
  gap: 15px;
  align-items: end;
  margin: 30px 0px;
}
.action-collection-share .choose-share-product {
  margin: 0px !important;
}
@media (max-width: 576px) {
  .action-collection-share {
    margin-top: 0px;
    gap: 0px;
  }
  .action-collection-share .choose-products {
    flex-wrap: nowrap !important;
  }
}

.view-images .product-collection-empty {
  padding-top: 100px;
}
.view-images .product-collection-empty img {
  width: 250px;
  height: 250px;
}

.add-product-collection {
  cursor: pointer;
}

.added_collection {
  pointer-events: none;
  /* Ngăn chặn sự kiện click */
  opacity: 0.5;
  /* Làm mờ */
  filter: grayscale(20%);
  /* Có thể thêm hiệu ứng xám để nổi bật */
  transition: opacity 0.3s ease-in-out;
}

.incorrect-code-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 30px;
  width: 100%;
}

.fixed-center {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.return-home-content {
  display: flex;
  align-items: center;
  justify-content: center;
}
.return-home-content .return-home,
.return-home-content .loggin-view-share {
  padding: 10px 25px;
  border-radius: 100px;
  background-color: #121212;
  color: #FFFFFF;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  text-align: center;
  cursor: pointer;
}

.default-img-share {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 30px;
}
.default-img-share .info-user, .default-img-share .notice-img {
  width: 250px;
}
.default-img-share img {
  width: 100%;
  height: auto;
}
.default-img-share h3 {
  font-family: "Open Sans", sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  text-align: center;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .default-img-share {
    gap: 20px;
  }
  .default-img-share .info-user {
    width: 200px;
    margin-top: 50px;
  }
  .default-img-share .notice-img {
    width: 200px;
  }
  .default-img-share h3 {
    font-size: 20px;
    line-height: 30px;
  }
}
@media (max-width: 576px) {
  .default-img-share .info-user {
    width: 180px;
    margin-top: 30px;
  }
  .default-img-share .notice-img {
    width: 180px;
  }
  .default-img-share h3 {
    font-size: 20px;
    line-height: 30px;
  }
}

.collection-item-container {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  gap: 20px;
}
.collection-item-container h3:first-child {
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: #4F4F4F;
  align-items: center;
  min-width: 100px;
  padding-top: 5px;
}
.collection-item-container .empty_collection_item {
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: #000000;
  align-items: center;
  padding-top: 5px;
}
.collection-item-container .list-collection-item {
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  gap: 15px;
  flex-wrap: wrap;
}
.collection-item-container .collection-item {
  display: flex;
  align-items: center;
  background-color: #FFFFFF;
  border: 1px solid #D9D9D9;
  position: relative;
  border-radius: 100px;
  display: inline-flex;
  padding: 5px 10px;
  align-items: center;
  gap: 7px;
}
.collection-item-container .collection-item .short-code {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  padding-left: 5px;
  letter-spacing: 0%;
  cursor: pointer;
}
.collection-item-container .collection-item .delete-collection-item {
  cursor: pointer;
  padding-right: 5px;
}
.collection-item-container .collection-item .delete-collection-item i {
  font-size: 18px;
}
.collection-item-container .collection-item .delete-collection-item i:hover {
  color: #f32b2b;
}
.collection-item-container .collection-item .url-share-item {
  position: absolute;
  min-width: 550px;
  top: -53px;
  box-shadow: 0px 4px 8px 3px rgba(0, 0, 0, 0.1490196078);
  background-color: #000000;
  color: #FFFFFF;
  border-radius: 10px;
  padding: 13px 20px;
  align-items: center;
  justify-content: space-between;
  min-height: 50px;
  box-sizing: border-box;
  display: none;
  transform: translateX(-50%);
  left: 56px;
}
.collection-item-container .collection-item .url-share {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 450px;
}
.collection-item-container .collection-item .action-copy {
  cursor: pointer;
  width: 25px;
  height: 25px;
  padding: 1px;
}
.collection-item-container .collection-item .action-copy:hover {
  padding: 0px;
}
.collection-item-container .collection-item .vector {
  border: 1px solid #474747;
  height: 25px;
}
.collection-item-container .collection-item .tooltip-arrow {
  position: absolute;
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid black;
}
@media (max-width: 576px) {
  .collection-item-container {
    display: block;
  }
  .collection-item-container h3 {
    margin-bottom: 10px;
  }
  .collection-item-container .list-collection-item {
    gap: 12px;
    flex-wrap: nowrap;
    overflow: auto;
    padding-bottom: 10px;
  }
  .collection-item-container .collection-item .short-code {
    font-size: 14px;
  }
}

.empty {
  display: none !important;
}

.sub-collection {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
}
.sub-collection .sub-collection-content {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 15px;
  width: 100%;
}
.sub-collection .sub-collection-content .head-sub-collection {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.sub-collection .sub-collection-content .head-sub-collection h3 {
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: #4F4F4F;
}
.sub-collection .sub-collection-content .collection-content {
  width: 100%;
}
.sub-collection .sub-collection-content .empty_collection_item {
  font-weight: 400;
  font-size: 18px;
  line-height: 18px;
}
.sub-collection .sub-collection-content .sub-collection-list {
  display: flex;
  gap: 15px;
  align-items: center;
  overflow-x: scroll;
  flex-wrap: nowrap;
  max-width: 100%;
  padding-bottom: 10px;
}
.sub-collection .sub-collection-content .sub-collection-list::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.sub-collection .sub-collection-content .sub-collection-list::-webkit-scrollbar-thumb {
  background-color: #D9D9D9;
  border-radius: 10px;
}
.sub-collection .sub-collection-content .sub-collection-list::-webkit-scrollbar-thumb:hover {
  background-color: #bdbbbb;
}
.sub-collection .sub-collection-content .sub-collection-list .sub-item {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  gap: 5px;
  border-radius: 14px;
  background-color: #F3F3F3;
  padding: 8px 13px;
  min-width: 150px;
  box-sizing: border-box;
  cursor: pointer;
}
.sub-collection .sub-collection-content .sub-collection-list .sub-item .icon-folder {
  width: 90%;
  display: flex;
  gap: 10px;
  cursor: pointer;
  margin-right: 20px;
  align-items: center;
}
.sub-collection .sub-collection-content .sub-collection-list .sub-item .icon-folder:hover {
  text-decoration: none;
}
.sub-collection .sub-collection-content .sub-collection-list .sub-item .icon-folder h4 {
  padding-top: 3px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #121212;
}
.sub-collection .sub-collection-content .sub-collection-list .sub-item .icon-option {
  position: absolute;
  right: 0;
  cursor: pointer;
  width: 35px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sub-collection .sub-collection-content .sub-collection-list .sub-item .action-sub {
  display: none;
  position: fixed;
  padding: 10px 0px;
  z-index: 20;
  border: 1px solid #F2F2F2;
  background-color: #FFFFFF;
  border-radius: 10px;
  min-width: 140px;
}
.sub-collection .sub-collection-content .sub-collection-list .sub-item .action-sub li {
  font-family: "Open Sans", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #8F8F8F;
  list-style-type: none;
  padding: 3px 10px;
  cursor: pointer;
}
.sub-collection .sub-collection-content .sub-collection-list .sub-item .action-sub li:hover {
  background-color: #000000;
  color: #FFFFFF;
}
@media (max-width: 576px) {
  .sub-collection .sub-collection-content {
    flex-direction: column;
    align-items: flex-start;
  }
  .sub-collection .sub-collection-content .collection-content {
    width: 100%;
  }
  .sub-collection .sub-collection-content .collection-content .sub-collection-list {
    width: 100%;
  }
  .sub-collection .sub-collection-content .head-sub-collection h3 {
    font-size: 14px;
    line-height: 20px;
  }
}
.sub-collection .create-sub-collection {
  width: 25px;
  height: 25px;
  cursor: pointer;
}
.sub-collection .create-sub-collection i {
  font-size: 24px;
  color: #121212;
}
@media (max-width: 576px) {
  .sub-collection {
    margin-top: 15px;
    align-items: start;
  }
}

.email-container {
  display: none;
  flex-wrap: nowrap;
  align-items: center;
  border-radius: 10px;
  border: 1px solid #ccc;
  padding: 2px 10px;
  justify-content: flex-start;
  position: relative;
  margin-top: 20px;
}
.email-container .email-list {
  display: contents;
  width: auto;
  margin-left: 10px;
  margin-right: 10px;
}
.email-container .email-list .email-item {
  margin-left: 5px;
  background-color: rgba(232, 232, 232, 0.8705882353);
  border: 1px solid #ccc;
  position: relative;
  border-radius: 100px;
  display: inline-flex;
  padding: 5px 8px;
  align-items: center;
}
.email-container .email-list .email-item .name-email {
  padding-right: 13px;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  text-align: left;
  max-width: 100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.email-container .email-list .email-item .close-email {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 0;
  cursor: pointer;
}
.email-container .email-input-container {
  padding: 0px;
  padding-right: 40px;
  flex-grow: 1;
  min-width: 50px;
  /* Đảm bảo input không bị thu nhỏ quá mức */
}
.email-container .email-input-container .email-input {
  border: none;
  width: 90%;
  min-width: 20px;
  background-color: transparent;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}
.email-container .icon-send {
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}

.collection-setting-popup {
  height: auto;
  max-height: 90vh;
  width: 500px;
  max-width: 90vw;
}
.collection-setting-popup .content {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.collection-setting-popup .collection-setting-list {
  border: 1px solid #eee;
  border-radius: 8px;
  max-height: 50vh;
  overflow-y: auto;
  padding-right: 5px;
}
.collection-setting-popup .collection-setting-list::-webkit-scrollbar {
  width: 5px;
}
.collection-setting-popup .collection-setting-list::-webkit-scrollbar-thumb {
  background-color: #D9D9D9;
  border-radius: 10px;
}
.collection-setting-popup .collection-setting-list::-webkit-scrollbar-thumb:hover {
  background-color: #bdbbbb;
}
.collection-setting-popup .collection-setting-item {
  display: flex;
  align-items: center;
  padding: 10px;
  border-bottom: 1px solid #eee;
  gap: 15px;
  position: relative;
  padding-right: 30px;
  cursor: pointer;
}
.collection-setting-popup .collection-setting-item:last-child {
  border-bottom: none;
}
.collection-setting-popup .collection-setting-item .collection-setting-item-drag {
  cursor: grab;
  color: #aaa;
}
.collection-setting-popup .collection-setting-item .collection-setting-thumb img {
  width: 70px;
  height: 50px;
  object-fit: cover;
  border-radius: 4px;
}
.collection-setting-popup .collection-setting-item .collection-setting-item-title {
  flex-grow: 1;
  font-size: 16px;
}
.collection-setting-popup .collection-setting-item .collection-setting-description {
  width: calc(100% - 70px - 60px);
}
.collection-setting-popup .collection-setting-item .collection-setting-description .collection-setting-description-input {
  width: 100%;
  padding: 8px;
  border-radius: 6px;
  border: 1px solid #ccc;
  font-size: 14px;
}
.collection-setting-popup .collection-setting-item .collection-setting-handle {
  position: absolute;
  right: 10px;
}
.collection-setting-popup .collection-setting-audio {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.collection-setting-popup .collection-setting-audio label {
  font-weight: bold;
}
.collection-setting-popup .collection-setting-audio .collection-setting-audio-controls {
  display: flex;
  align-items: center;
  gap: 10px;
}
.collection-setting-popup .collection-setting-audio .collection-setting-audio-controls select {
  flex-grow: 1;
  padding: 8px;
  border-radius: 4px;
  border: 1px solid #ccc;
}
.collection-setting-popup .collection-setting-audio .collection-setting-audio-controls .collection-setting-play {
  background: none;
  border: none;
  cursor: pointer;
  padding: 5px;
}
.collection-setting-popup .collection-setting-audio .collection-setting-audio-controls .collection-setting-play img {
  width: 24px;
  height: 24px;
}
.collection-setting-popup .collection-setting-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  padding-top: 10px;
  border-top: 1px solid #eee;
}
.collection-setting-popup .collection-setting-actions button {
  padding: 10px 20px;
  border-radius: 20px;
  border: 1px solid #ccc;
  cursor: pointer;
  font-weight: bold;
}
.collection-setting-popup .collection-setting-actions .collection-setting-save {
  background-color: #000;
  color: #fff;
  border-color: #000;
}
.collection-setting-popup .collection-setting-actions .collection-setting-cancel {
  background-color: #fff;
  color: #000;
}

@keyframes spinner-border {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.artsy-shop-loop-thumbnail,
.thumbnail-collection-container {
  position: relative;
}
.artsy-shop-loop-thumbnail:hover .image-action-trigger, .artsy-shop-loop-thumbnail:hover .annotation-count-trigger,
.thumbnail-collection-container:hover .image-action-trigger,
.thumbnail-collection-container:hover .annotation-count-trigger {
  display: flex;
}
.artsy-shop-loop-thumbnail.choosing-mode .image-action-trigger,
.thumbnail-collection-container.choosing-mode .image-action-trigger {
  display: none !important;
}
.artsy-shop-loop-thumbnail.choosing-mode .choose-item,
.thumbnail-collection-container.choosing-mode .choose-item {
  display: block;
}

/* Photo Action Menu UI */
.image-action-trigger {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 32px;
  height: 32px;
  background: rgba(0, 0, 0, 0.4);
  color: #FFFFFF;
  border-radius: 50%;
  display: none;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 100;
  transition: background 0.3s ease;
}
.image-action-trigger:hover {
  background: rgba(0, 0, 0, 0.6);
}
.image-action-trigger i {
  position: relative !important;
  bottom: unset !important;
  left: unset !important;
  font-size: 16px !important;
}
@media (max-width: 992px) {
  .image-action-trigger {
    display: flex !important;
  }
}
@media (max-width: 768px) {
  .image-action-trigger {
    width: 38px;
    height: 38px;
  }
}

.annotation-count-trigger {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 32px;
  height: 32px;
  background: rgba(0, 0, 0, 0.4);
  color: #FFFFFF;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 100;
}
.annotation-count-trigger i {
  font-size: 16px !important;
  position: relative !important;
  bottom: unset !important;
  left: unset !important;
}
@media (max-width: 768px) {
  .annotation-count-trigger {
    width: 38px;
    height: 38px;
  }
}

.photo-action-menu-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 200;
  display: none;
  opacity: 0;
  transition: opacity 0.3s ease;
}
@media (max-width: 768px) {
  .photo-action-menu-overlay {
    z-index: 240;
  }
}

.photo-action-menu {
  position: absolute;
  background: #FFFFFF;
  border-radius: 12px;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.15);
  width: 250px;
  z-index: 205;
  display: none;
  overflow: hidden;
  opacity: 0;
  transform: scale(0.95);
  transform-origin: top right;
  transition: opacity 0.2s ease, transform 0.2s ease;
}
.photo-action-menu.is-active {
  display: block;
  opacity: 1;
  transform: scale(1);
}
.photo-action-menu .mobile-handle {
  display: none;
  width: 40px;
  height: 5px;
  background: #E0E0E0;
  border-radius: 3px;
  margin: 12px auto 0;
}
.photo-action-menu .menu-header {
  display: none;
  padding: 20px 20px 15px;
  border-bottom: 1px solid #F0F0F0;
}
.photo-action-menu .menu-header h3 {
  font-size: 19px;
  font-weight: 700;
  color: #121212;
  margin: 0;
  font-family: inherit;
}
.photo-action-menu .menu-list {
  list-style: none;
  padding: 10px 0;
  margin: 0;
}
.photo-action-menu .menu-item {
  padding: 14px 20px;
  display: flex;
  align-items: center;
  gap: 15px;
  cursor: pointer;
  transition: background 0.2s ease;
}
.photo-action-menu .menu-item:hover {
  background: #F5F5F5;
}
.photo-action-menu .menu-item .collection-download-original {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding-left: 15px;
}
.photo-action-menu .menu-item .menu-item-icon {
  width: 28px;
  display: flex;
  justify-content: center;
}
.photo-action-menu .menu-item .menu-item-icon i {
  font-size: 20px;
  color: #333333;
}
.photo-action-menu .menu-item span {
  font-size: 16px;
  font-weight: 500;
  color: #333333;
}

@media (max-width: 768px) {
  .photo-action-menu-overlay.is-active {
    display: block;
    opacity: 1;
    background: rgba(0, 0, 0, 0.3);
  }
  .photo-action-menu {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    top: auto;
    width: 100% !important;
    max-height: 80vh !important;
    height: auto !important;
    overflow-y: auto !important;
    background: #FFFFFF !important;
    border-radius: 20px 20px 0 0 !important;
    transform: translateY(100%);
    transform-origin: bottom center;
    opacity: 1 !important;
    display: block !important;
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    padding-bottom: env(safe-area-inset-bottom, 30px) !important;
    z-index: 10001 !important;
  }
  .photo-action-menu.is-active {
    transform: translateY(0) !important;
  }
  .photo-action-menu .mobile-handle {
    display: block !important;
    margin-bottom: 5px;
  }
  .photo-action-menu .menu-header {
    display: block !important;
    padding: 20px 20px 10px !important;
  }
  .photo-action-menu .menu-header h3 {
    display: block !important;
    visibility: visible !important;
  }
  .photo-action-menu .menu-list {
    display: flex !important;
    flex-direction: column !important;
    padding: 0 0 80px !important;
    margin: 0 !important;
    list-style: none !important;
  }
  .photo-action-menu .menu-item {
    display: flex;
    width: 100% !important;
    padding: 18px 25px !important;
    border-bottom: 1px solid #F9F9F9;
  }
  .photo-action-menu .menu-item:last-child {
    border-bottom: none;
  }
  .photo-action-menu .menu-item span {
    font-size: 17px !important;
    display: block !important;
  }
  .photo-action-menu .menu-item .like-count-content {
    display: inline-flex !important;
  }
}
.gallery-wall-container {
  padding: 0px;
}

.gallery-wall-template-container .title-gallery-walls {
  display: flex;
  align-items: center;
  gap: 15px;
  justify-content: space-between;
}
.gallery-wall-template-container .title-gallery-walls .left-title {
  display: flex;
  align-items: center;
  justify-content: start;
}
.gallery-wall-template-container .title-gallery-walls .left-title h3 {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 32px;
  color: #0D0C21;
  text-align: left;
  text-transform: uppercase;
  margin: 0;
}
.gallery-wall-template-container .title-gallery-walls .add-gallery-wall-page img {
  width: 25px;
  height: 25px;
  cursor: pointer;
}

.list-gallery-wall-container {
  display: flex;
  gap: 2.6666666667%;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.list-gallery-wall-container .new-album-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.list-gallery-wall-container.list-empty {
  justify-content: center;
}

.item-gallery-wall-container {
  display: flex;
  flex-direction: column;
  gap: 15px;
  width: 23%;
  margin-bottom: 30px;
}

.thumbnail-gallery-wall-container {
  display: flex;
  aspect-ratio: 3/2;
  width: 100%;
  gap: 2px;
  position: relative;
  max-height: 200px;
  overflow: hidden;
  align-items: stretch;
  background: transparent;
}
.thumbnail-gallery-wall-container .thumbnail-main {
  flex: 1;
  width: 100%;
  height: 100%;
  display: block;
}
.thumbnail-gallery-wall-container .thumbnail-main img {
  border-radius: 10px 0px 0px 10px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.thumbnail-gallery-wall-container .thumbnail-second {
  width: 33%;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.thumbnail-gallery-wall-container .thumbnail-second .thumbnail2-gallery-wall,
.thumbnail-gallery-wall-container .thumbnail-second .thumbnail3-gallery-wall {
  flex: 1;
  max-height: 50%;
  overflow: hidden;
}
.thumbnail-gallery-wall-container .thumbnail-second .thumbnail2-gallery-wall img,
.thumbnail-gallery-wall-container .thumbnail-second .thumbnail3-gallery-wall img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.thumbnail-gallery-wall-container .thumbnail-second .thumbnail2-gallery-wall img {
  border-radius: 0px 10px 0px 0px;
}
.thumbnail-gallery-wall-container .thumbnail-second .thumbnail3-gallery-wall img {
  border-radius: 0px 0px 10px 0px;
}
.thumbnail-gallery-wall-container .thumbnail-main:hover img,
.thumbnail-gallery-wall-container .thumbnail-second:hover img {
  transform: scale(1.03);
}
.thumbnail-gallery-wall-container img {
  transition: transform 0.3s ease;
}
.thumbnail-gallery-wall-container .image-action-trigger {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 32px;
  height: 32px;
  background: rgba(0, 0, 0, 0.4);
  color: #FFFFFF;
  border-radius: 50%;
  display: none;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 100;
  transition: background 0.3s ease;
}
.thumbnail-gallery-wall-container .image-action-trigger i {
  font-size: 16px;
}
.thumbnail-gallery-wall-container:hover .image-action-trigger {
  display: flex;
}

.thumbnail-gallery-wall-container.gallery-wall-one .thumbnail-main {
  width: 100%;
}
.thumbnail-gallery-wall-container.gallery-wall-one .thumbnail-main img {
  border-radius: 10px;
}
.thumbnail-gallery-wall-container.gallery-wall-one .thumbnail-second {
  display: none;
}

.thumbnail-gallery-wall-container.gallery-wall-two .thumbnail-second {
  width: 33%;
}
.thumbnail-gallery-wall-container.gallery-wall-two .thumbnail-second .thumbnail2-gallery-wall {
  max-height: 100%;
}

.detail-gallery-wall {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.detail-gallery-wall .name-gallery-wall {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  padding-bottom: 4px;
  cursor: pointer;
  color: #121212;
  text-decoration: none;
}
.detail-gallery-wall .name-gallery-wall:hover {
  text-decoration-line: underline;
}
.detail-gallery-wall .sum-product-gallery-wall {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  color: #121212;
}

@media (max-width: 1200px) {
  .item-gallery-wall-container {
    width: 31.33%;
  }
}
@media (max-width: 992px) {
  .title-gallery-walls .left-title h3,
  .title-gallery-walls .left-title a,
  .title-gallery-walls .right-title h3,
  .title-gallery-walls .right-title a {
    font-size: 16px;
  }
  .list-gallery-wall-container {
    gap: 2.5%;
  }
  .item-gallery-wall-container {
    width: 48%;
  }
}
@media (max-width: 768px) {
  .title-gallery-walls {
    margin-top: 0;
    margin-bottom: 16px;
  }
  .title-gallery-walls .left-title {
    width: 100%;
    justify-content: space-between;
  }
  .item-gallery-wall-container {
    width: 48%;
  }
  .thumbnail-gallery-wall-container {
    max-height: 260px;
  }
}
@media (max-width: 576px) {
  .title-gallery-walls .left-title h3 {
    font-size: 16px;
    line-height: 28px;
  }
  .item-gallery-wall-container {
    margin-bottom: 20px;
  }
  .detail-gallery-wall .name-gallery-wall {
    font-size: 16px;
  }
}
/* #Page not found
--------------------------------------------------------------- */
.artsy-page-not-found {
  line-height: 1.6;
  max-width: 550px;
  text-align: center;
  margin: 0 auto;
  padding: 80px 0 82px;
}
.artsy-page-not-found a {
  padding: 15px 10px;
  display: inline-block;
  font-size: 16px;
}
.artsy-page-not-found h2 {
  font-size: 26px;
  line-height: 1.4;
  margin-top: 14px;
}
.artsy-page-not-found p {
  max-width: 300px;
  margin: 18px auto 20px;
}

.artsy-page-not-found-icon {
  position: relative;
  display: inline-block;
  width: 37px;
  height: 37px;
}
.artsy-page-not-found-icon:before {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  content: " ";
  width: 37px;
  height: 2px;
  margin-top: -1px;
  background: #dc9814;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.artsy-page-not-found-icon:after {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  content: " ";
  width: 37px;
  height: 2px;
  margin-top: -1px;
  background: #dc9814;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.artsy-divider {
  position: relative;
  min-height: 2px;
}
.artsy-divider .artsy-divider-line {
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 10;
  display: block;
  content: " ";
  width: 100%;
  height: 1px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  background: #eee;
}
.artsy-divider .artsy-divider-title {
  position: relative;
  z-index: 100;
  display: inline-block;
  font-size: 22px;
  line-height: 1.6;
  padding-right: 14px;
  background: #fff;
}
.artsy-divider .artsy-divider-title.large {
  font-size: 28px;
}
.artsy-divider .artsy-divider-title.small {
  font-size: 18px;
}

.artsy-divider.separator_align_center {
  text-align: center;
}
.artsy-divider.separator_align_center .artsy-divider-title {
  padding-left: 14px;
}

.artsy-divider.separator_align_right {
  text-align: right;
}
.artsy-divider.separator_align_right .artsy-divider-title {
  padding-left: 14px;
  padding-right: 0;
}

@media all and (max-width: 768px) {
  .artsy-page-not-found h2 {
    font-size: 24px;
  }
}
@media all and (max-width: 768px) {
  .Mobile404 {
    height: 354px;
  }
}

.photobook-print-container .navigation-upload-page {
  top: 20px;
}
@media all and (min-width: 1200px) {
  .photobook-print-container .navigation-upload-page {
    margin-left: 15px;
  }
}
.photobook-print-container .navigation-upload-page .breadcrumb-print {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #828282;
}
.photobook-print-container .navigation-upload-page .breadcrumb-print a {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #000000;
}

.artsy-variations-list select {
  gap: 10px;
  width: auto;
  font-size: 16px;
  border: none;
  background-color: #fff;
  line-height: 1;
  border-radius: 4px;
  height: auto;
  padding-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  text-align: left;
  appearance: auto;
  -webkit-appearance: auto;
  -moz-appearance: auto;
  font-family: "Open Sans", sans-serif;
  margin-right: 10px;
}

.artsy-variations-list select option {
  font-size: 14px;
}

.artsy-variations-list .label {
  font-weight: 600;
  font-size: 14px;
  font-family: "Open Sans", sans-serif;
}

div.values {
  padding-left: 0 !important;
}

.artsy-variations-list li {
  display: flex;
  margin-bottom: 10px;
}

.label {
  font-size: 18px;
  color: #c3bcbc !important;
}

.artsy-product-quantityz {
  width: auto;
  border: 0 none;
  overflow: visible;
}

.product-quantityz {
  display: flex;
  border: 1px solid #D9D9D9;
  border-radius: 4px;
  width: 110px;
  justify-content: flex-start;
  gap: 0;
}

.product-quantityz button {
  font-size: 10px;
  line-height: 26px;
  vertical-align: top;
  transition: color 0.2s ease;
  height: auto;
  position: relative;
  display: inline-block;
  cursor: pointer;
  flex: 1;
  align-content: center;
  text-align: center;
  color: #121212;
  border: none;
  background: transparent;
}

.product-quantityz button:first-child {
  border-right: 1px solid #D9D9D9;
}

.product-quantityz button:last-child {
  border-left: 1px solid #D9D9D9;
}

.product-quantityz input.quantityz-input {
  font-family: "Open Sans", sans-serif;
  text-align: center;
  border: none;
  font-size: 14px;
  font-weight: 500;
  color: #000;
  line-height: 18px;
  flex: 2;
  max-width: 55px;
  height: auto;
  background: transparent;
  padding: 0;
}

.artsy-checkout-ty .payment-status.custom-success {
  background: #fff;
  border-radius: 12px;
  margin-bottom: 32px;
  padding: 32px 24px 24px 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.artsy-checkout-ty .payment-status.failed {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.artsy-checkout-ty .payment-status {
  text-align: center;
  padding: 20px;
  margin-left: auto;
  margin-right: auto;
  max-width: 500px;
}
.artsy-checkout-ty .payment-status .status-icon {
  margin-bottom: 16px;
}
.artsy-checkout-ty .payment-status .status-icon img {
  width: 64px;
  height: 64px;
}
.artsy-checkout-ty .success-title {
  color: #1ec773;
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: 8px;
}
.artsy-checkout-ty .success-desc {
  color: #222;
  font-size: 1rem;
  margin-bottom: 20px;
}
.artsy-checkout-ty .button.continue {
  background: #121212;
  color: #fff;
  border-radius: 24px;
  padding: 10px 32px;
  font-weight: 600;
  font-size: 1rem;
  margin-top: 8px;
  transition: background 0.2s;
}
.artsy-checkout-ty .artsy-checkout-ty-order-details-box {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  padding: 24px 24px 16px 24px;
  max-width: 750px;
  margin: 0 auto 32px auto;
}
.artsy-checkout-ty .artsy-checkout-ty-order-details-box h2 {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 18px;
  color: #222;
}
.artsy-checkout-ty .order-detail-product {
  margin-bottom: 18px;
}
.artsy-checkout-ty .order-product-row {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  justify-content: space-between;
}
.artsy-checkout-ty .order-product-img {
  flex-shrink: 0;
}
.artsy-checkout-ty .order-product-info {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex: 1;
  margin-left: 14px;
}
.artsy-checkout-ty .order-product-title {
  font-weight: 600;
  color: #222;
  font-size: 1rem;
  margin-bottom: 2px;
  text-align: left;
  white-space: normal;
}
.artsy-checkout-ty .order-product-attr {
  color: #666;
  font-size: 0.95rem;
  margin-bottom: 2px;
  text-align: left;
}
.artsy-checkout-ty .order-product-qty {
  color: #888;
  font-size: 0.95rem;
  margin: 0 0 0 0;
  text-align: left;
  white-space: normal;
}
.artsy-checkout-ty .order-product-price {
  font-weight: 600;
  font-size: 1rem;
  margin-left: 18px;
  text-align: right;
  min-width: 80px;
  white-space: nowrap;
}
.artsy-checkout-ty .order-detail-table {
  border-top: 1px solid #eee;
  padding-top: 12px;
}
.artsy-checkout-ty .order-detail-row {
  display: flex;
  justify-content: space-between;
  padding: 7px 0;
  font-size: 1rem;
  color: #222;
}
.artsy-checkout-ty .order-detail-row.total {
  font-weight: 700;
  color: #1ec773;
  font-size: 1.1rem;
  border-top: 1px solid #eee;
  margin-top: 8px;
  padding-top: 10px;
}
.artsy-checkout-ty .order-detail-value {
  font-weight: 500;
}
.artsy-checkout-ty .total-value {
  color: #1ec773;
}
.artsy-checkout-ty .payment-status.failed.custom-failed {
  margin-top: 1rem;
  background: #fff;
  border-radius: 12px;
  margin-bottom: 32px;
  padding: 32px 24px 24px 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.artsy-checkout-ty .failed-title {
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: 8px;
}
.artsy-checkout-ty .failed-desc {
  color: #444;
  font-size: 1rem;
  margin-bottom: 20px;
}
.artsy-checkout-ty .button.retry {
  background: #121212;
  color: #fff;
  border-radius: 24px;
  padding: 10px 32px;
  font-weight: 600;
  font-size: 1rem;
  margin-top: 8px;
  transition: background 0.2s;
}
.artsy-checkout-ty .button.retry:hover {
  background: #e74c3c;
  color: #fff;
}
@media (max-width: 600px) {
  .artsy-checkout-ty .artsy-checkout-ty-order-details-box {
    padding: 16px 6px 10px 6px;
    max-width: 70%;
  }
  .artsy-checkout-ty .payment-status.custom-success {
    padding: 24px 6px 16px 6px;
  }
}

.my-comments-container {
  padding: 20px !important;
  max-width: 1200px;
  margin: 0 auto;
  font-family: "Open Sans", sans-serif;
  margin-top: 40px;
  padding: 0 100px;
}
@media (max-width: 768px) {
  .my-comments-container {
    padding: 0 20px;
  }
}
.my-comments-container .woocommerce-breadcrumb {
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  color: #828282;
  text-transform: none;
  font-family: "Montserrat";
  margin-top: -20px;
  margin-bottom: 15px;
}
.my-comments-container .woocommerce-breadcrumb a {
  font-family: "Montserrat";
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
}
.my-comments-container .woocommerce-breadcrumb a:hover {
  color: black;
}
.my-comments-container .my-comments-title {
  font-size: 24px;
  margin-bottom: 20px;
  color: #333;
}
.my-comments-container .comment-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 1px solid #eee;
}
.my-comments-container .comment-filters .filter-item {
  display: flex;
  gap: 10px;
  justify-content: end;
  width: 58%;
  /* Mobile responsive */
}
@media (max-width: 991px) {
  .my-comments-container .comment-filters .filter-item {
    width: 100%;
    display: block;
  }
}
.my-comments-container .comment-filters .filter-item label {
  display: flex;
  align-items: center;
  gap: 5px;
  cursor: pointer;
  font-size: 16px;
  padding: 8px 0px;
}
.my-comments-container .comment-filters .filter-item label #unread-filter {
  min-width: 16px;
}
@media (max-width: 400px) {
  .my-comments-container .comment-filters .filter-item label {
    font-size: 14px;
  }
}
.my-comments-container .comment-filters .filter-item .collection-filter-container {
  position: relative;
  display: inline-block;
  min-width: 200px;
}
.my-comments-container .comment-filters .filter-item .collection-filter-container select.collection-select {
  background: transparent;
  border: 1px solid #ccc;
  padding: 8px 33px 8px 12px;
  border-radius: 25px;
  cursor: pointer;
  width: 100%;
  height: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.my-comments-container .comment-filters .filter-item .collection-filter-container select.collection-select:focus {
  outline: none;
  border-color: #333;
}
.my-comments-container .comment-filters .filter-item .collection-filter-container::after {
  content: "\f107";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  font-size: 12px;
  color: #555;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 991px) {
  .my-comments-container .comment-filters .filter-item .collection-filter-container {
    width: 100%;
    margin-bottom: 15px;
  }
  .my-comments-container .comment-filters .filter-item .collection-filter-container select.collection-select {
    padding: 10px 33px 10px 12px;
    font-size: 14px;
  }
}
.my-comments-container .comment-filters .filter-item .date-filter-container {
  position: relative;
  display: inline-block;
}
.my-comments-container .comment-filters .filter-item .date-filter-container .flatpickr-wrapper {
  height: 100%;
  /* Flatpickr input */
}
.my-comments-container .comment-filters .filter-item .date-filter-container .flatpickr-wrapper .date-picker-input {
  background: transparent;
  border: 1px solid #ccc;
  padding: 8px 12px;
  border-radius: 25px;
  cursor: pointer;
  width: auto;
  height: 100%;
  width: 100%;
}
.my-comments-container .comment-filters .filter-item .date-filter-container .clear-date {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  font-size: 24px;
  padding: 0 5px;
  display: none;
}
.my-comments-container .comment-filters .filter-item .date-filter-container .clear-date:hover {
  color: red;
}
.my-comments-container .comment-filters .filter-item .date-filter-container .calendar-icon {
  display: block;
  right: 15px;
  position: absolute;
  top: 33%;
  z-index: -1;
}
@media (max-width: 991px) {
  .my-comments-container .comment-filters .filter-item .date-filter-container {
    width: 100%;
    margin-bottom: 10px;
  }
  .my-comments-container .comment-filters .filter-item .date-filter-container .flatpickr-wrapper {
    width: 100%;
  }
  .my-comments-container .comment-filters .filter-item .date-filter-container .flatpickr-wrapper .date-picker-input {
    padding: 10px 33px 10px 12px;
    font-size: 14px;
  }
}
@media (max-width: 768px) {
  .my-comments-container .comment-filters .filter-item .date-picker-input {
    width: 100%;
  }
}
.my-comments-container .comment-filters .tools {
  display: flex;
  justify-content: flex-end;
  text-align: center;
  align-items: center;
  width: 40%;
}
.my-comments-container .comment-filters .tools .tag-input-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px;
}
.my-comments-container .comment-filters .tools .tag-input-container .clear-input {
  position: absolute;
  right: 40px;
  cursor: pointer;
  font-size: 24px;
  padding: 0 5px;
}
.my-comments-container .comment-filters .tools .tag-input-container .clear-input:hover {
  color: red;
}
.my-comments-container .comment-filters .tools .icon-search {
  border: none;
  background-color: #FFFFFF;
  cursor: pointer;
}
.my-comments-container .comment-filters .tools .icon-search:focus {
  outline: none;
}
.my-comments-container .comment-filters .tools .icon-search img {
  width: 30px;
  height: 30px;
}
@media (max-width: 991px) {
  .my-comments-container .comment-filters .tools {
    width: 100%;
  }
  .my-comments-container .comment-filters .tools .tag-input {
    font-size: 14px;
    padding: 8px 0px;
  }
}
.my-comments-container .comment-section .comment-date-title {
  font-size: 16px;
  margin: 20px 0 15px;
  color: #555;
  font-weight: 500;
  padding-bottom: 5px;
  border-bottom: 1px dashed #e0e0e0;
}
.my-comments-container .comment-section .comment-list .comment-block {
  display: flex;
  gap: 15px;
  padding: 15px 0;
  margin-bottom: 15px;
  border-bottom: 1px solid #eee;
  background-color: aliceblue;
  border-radius: 15px;
}
.my-comments-container .comment-section .comment-list .comment-block:last-child {
  border-bottom: none;
}
.my-comments-container .comment-section .comment-list .comment-block .comment-avatar {
  padding-left: 15px;
  align-content: center;
}
.my-comments-container .comment-section .comment-list .comment-block .comment-avatar img {
  width: 56px;
  height: 56px;
  border-radius: 20%;
  object-fit: cover;
}
.my-comments-container .comment-section .comment-list .comment-block .comment-content {
  flex: 1;
  width: 70%;
  background-color: aliceblue;
  border-left: none;
  padding: 5px;
}
.my-comments-container .comment-section .comment-list .comment-block .comment-content .comment-title {
  font-weight: bold;
  color: black;
  display: block;
  margin-bottom: 5px;
}
.my-comments-container .comment-section .comment-list .comment-block .comment-content .comment-text {
  color: #333;
  display: block;
  margin-bottom: 5px;
  line-height: 1.5;
  word-break: break-word;
  padding-right: 15px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.my-comments-container .comment-section .comment-list .comment-block .comment-content .comment-time {
  font-size: 13px;
  color: #999;
  display: block;
}
.my-comments-container .comment-section .comment-list .comment-block.viewed {
  background-color: #f5f5f5;
}
.my-comments-container .comment-section .comment-list .comment-block.viewed .comment-content {
  background-color: #f5f5f5;
}
.my-comments-container .load-more-btn {
  font-weight: 500;
  padding: 15px;
  font-size: 16px;
  color: white;
  background-color: black;
  border-radius: 25px;
  margin-top: 15px;
  position: absolute;
  justify-self: anchor-center;
  cursor: pointer;
}
.my-comments-container .login-required,
.my-comments-container .no-products,
.my-comments-container .no-comments {
  color: black;
  font-style: italic;
  padding: 30px;
  text-align: center;
  background: #f9f9f9;
  border-radius: 6px;
  margin-top: 20px;
}
.my-comments-container .comment-row {
  display: flex;
  gap: 15px;
  background: #f3f3f3;
  padding: 20px;
  border-radius: 12px;
  margin-bottom: 12px;
}
.my-comments-container .comment-product-image {
  position: relative;
  display: inline-block;
}
.my-comments-container .comment-product-image img {
  width: 100px;
  height: 100px;
  object-fit: cover;
  border-radius: 10px;
}
.my-comments-container .comment-product-image .product-link {
  display: inline-block;
  position: relative;
}
.my-comments-container .comment-product-image .comment-badge {
  position: absolute;
  top: -6px;
  right: -6px;
  min-width: 28px;
  height: 28px;
  padding: 0 6px;
  background: #ff3b30;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
  text-align: center;
  border-radius: 50px;
  border: 2px solid #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}
.my-comments-container .comment-content-info {
  flex: 1;
}
.my-comments-container .comment-preview {
  color: #333;
  margin: 8px 0;
  font-size: 13px;
}
.my-comments-container .comment-email {
  font-weight: 600;
}
.my-comments-container .comment-time {
  margin-top: 10px;
  font-size: 12px;
  color: #888;
}
.my-comments-container .comment-date-label {
  font-size: 16px;
  color: rgb(85, 85, 85);
  font-weight: 500;
  padding-bottom: 5px;
  margin: 20px 0 15px;
  border-bottom: 1px dashed rgb(224, 224, 224);
}
@media (max-width: 991px) {
  .my-comments-container .comment-email {
    display: none;
  }
  .my-comments-container .comment-product-image img {
    width: 80px;
    height: 80px;
  }
}
.my-comments-container .product-title {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px;
}
.my-comments-container .product-title a {
  color: #000;
  text-decoration: none;
}
.my-comments-container .thumbnail-collection-container {
  display: flex;
  aspect-ratio: 1;
  width: 100%;
  gap: 2px;
  position: relative;
  max-height: 100px;
}
.my-comments-container .thumbnail-collection-container:hover .action-collection {
  display: flex;
}
.my-comments-container .thumbnail-collection-container .thumnail-main {
  width: 67%;
  height: 100%;
}
.my-comments-container .thumbnail-collection-container .thumnail-main img {
  border-radius: 10px 0px 0px 10px;
}
.my-comments-container .thumbnail-collection-container .thumbnail-second {
  width: 33%;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.my-comments-container .thumbnail-collection-container .thumbnail-second .thumnail2-collection,
.my-comments-container .thumbnail-collection-container .thumbnail-second .thumnail3-collection {
  flex: 1;
  max-height: 50%;
}
.my-comments-container .thumbnail-collection-container .thumbnail-second .thumnail2-collection img {
  border-radius: 0px 10px 0px 0px;
}
.my-comments-container .thumbnail-collection-container .thumbnail-second .thumnail3-collection img {
  border-radius: 0px 0px 10px 0px;
}
.my-comments-container .thumbnail-collection-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.my-comments-container .thumbnail-collection-container .action-collection {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  gap: 10px;
  align-items: center;
  justify-content: center;
}
.my-comments-container .thumbnail-collection-container .action-collection .action {
  width: 50px;
  height: 50px;
  background-color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 10px;
  border: 1px solid #ccc;
}
.my-comments-container .thumbnail-collection-container .action-collection .action i {
  font-size: 20px;
}
.my-comments-container .thumbnail-collection-container .action-collection .action i:hover {
  color: #0056b3;
}
.my-comments-container .thumbnail-collection-container .action-collection .action img {
  width: 25px;
  height: 25px;
}
@media (max-width: 991px) {
  .my-comments-container .thumbnail-collection-container {
    max-height: 80px;
  }
}

@media (max-width: 768px) {
  .my-comments-container .comment-filters {
    flex-direction: column;
    gap: 15px;
  }
  .my-comments-container .comment-filters .filter-item input[type=text], .my-comments-container .comment-filters .filter-item select {
    width: auto;
  }
  .my-comments-container .comment-block .comment-avatar img.avatar,
  .my-comments-container .comment-block .comment-avatar img.avatar-default,
  .my-comments-container .comment-block .comment-avatar img.avatar-guest {
    width: 56px;
    height: 56px;
    border-radius: 20%;
    object-fit: cover;
    display: block;
    max-width: none;
  }
  .my-comments-container .comment-block .comment-avatar img.avatar-default {
    background: #f0f0f0;
  }
}
/* RESPONSIVE BASE STYLES */
html {
  /* Large Desktop */
  /* Desktop */
  /* Tablet */
  /* Mobile */
  /* Mobile nhỏ */
}
@media (min-width: 1441px) {
  html {
    font-size: 18px;
  }
}
@media (min-width: 1025px) {
  html {
    font-size: 16px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  html {
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  html {
    font-size: 14px;
  }
}
@media (max-width: 480px) {
  html {
    font-size: 12px;
  }
}

.share-collection-v2 {
  font-family: "Inter", "Open Sans", sans-serif;
  display: flex;
  flex-direction: column;
  padding: 0 !important;
  height: max-content !important;
  max-height: 90dvh;
  overflow: hidden;
}
.share-collection-v2 .sc-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 22px 28px 18px;
  border-bottom: 1px solid #F0F0F0;
  flex-shrink: 0;
}
.share-collection-v2 .sc-header .sc-title {
  font-size: 24px;
  font-weight: 700;
  color: #111827;
  margin: 0;
  line-height: 1.3;
}
.share-collection-v2 .sc-header .sc-close {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: 1px solid #E5E7EB;
  background: #F9FAFB;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s, border-color 0.2s;
  flex-shrink: 0;
  position: absolute;
  top: 10px;
  right: 15px;
}
.share-collection-v2 .sc-header .sc-close:hover {
  background: #F3F4F6;
  border-color: #D1D5DB;
}
.share-collection-v2 .sc-body {
  flex: 1;
  overflow-y: auto;
  padding: 0 28px;
}
.share-collection-v2 .sc-body::-webkit-scrollbar {
  width: 6px;
}
.share-collection-v2 .sc-body::-webkit-scrollbar-thumb {
  background: #D1D5DB;
  border-radius: 3px;
}
.share-collection-v2 .sc-body::-webkit-scrollbar-track {
  background: transparent;
}
.share-collection-v2 .sc-section {
  padding: 18px 0;
}
.share-collection-v2 .sc-divider {
  height: 1px;
  background: #F0F0F0;
  margin: 0 -28px;
}
.share-collection-v2 .sc-section-heading-with-icon {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.share-collection-v2 .sc-section-heading-with-icon .sc-send-email-btn {
  width: 35px;
  height: 35px;
  background: #F3F4F6;
  border: 1px solid #D1D5DB;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s;
  flex-shrink: 0;
  color: #111827;
}
.share-collection-v2 .sc-section-heading-with-icon .sc-send-email-btn:hover {
  background: #E5E7EB;
}
.share-collection-v2 .sc-section-heading {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 14px;
}
.share-collection-v2 .sc-section-heading span {
  font-size: 16px;
  font-weight: 600;
  color: #374151;
}
.share-collection-v2 .sc-section-heading svg {
  flex-shrink: 0;
}
.share-collection-v2 .sc-section-heading.sc-slideshow-trigger {
  cursor: pointer;
  width: fit-content;
}
.share-collection-v2 .sc-section-heading.sc-slideshow-trigger:hover span {
  color: #111827;
  text-decoration: underline;
}
.share-collection-v2 .sc-url-row {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
}
.share-collection-v2 .sc-url-row .sc-url-display {
  flex: 1;
  min-width: 0;
  background: #F9FAFB;
  border: 1px solid #E5E7EB;
  border-radius: 10px;
  padding: 10px 14px;
  overflow: hidden;
}
.share-collection-v2 .sc-url-row .sc-url-display .sc-url-text {
  font-size: 14px;
  color: #6B7280;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.share-collection-v2 .sc-url-row .sc-copy-btn {
  width: 40px;
  height: 40px;
  background: #F3F4F6;
  border: 1px solid #D1D5DB;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s;
  flex-shrink: 0;
  color: #111827;
  line-height: 18px;
}
.share-collection-v2 .sc-url-row .sc-copy-btn:hover {
  background: #E5E7EB;
}
.share-collection-v2 .sc-allow-download {
  display: flex;
  align-items: center;
  gap: 10px;
  background: #F5F5F7;
  border-radius: 10px;
  padding: 11px 14px;
}
.share-collection-v2 .sc-allow-download .sc-checkbox {
  width: 18px;
  height: 18px;
  accent-color: #121212;
  cursor: pointer;
  flex-shrink: 0;
}
.share-collection-v2 .sc-allow-download .sc-checkbox-label {
  font-size: 15px;
  color: #374151;
  font-weight: 500;
  cursor: pointer;
  line-height: 1;
  margin: 0;
}
.share-collection-v2 .sc-add-people-label {
  font-size: 14px;
  font-weight: 600;
  color: #374151;
  margin: 0 0 12px;
}
.share-collection-v2 .sc-add-row {
  display: flex;
  align-items: center;
  gap: 8px;
}
.share-collection-v2 .sc-add-row .sc-email-input {
  flex: 1;
  min-width: 0;
  border: 1px solid #E5E7EB;
  border-radius: 10px;
  padding: 10px 14px;
  font-size: 14px;
  color: #111827;
  background: #fff;
  outline: none;
  transition: border-color 0.2s;
}
.share-collection-v2 .sc-add-row .sc-email-input:focus {
  border-color: #121212;
}
.share-collection-v2 .sc-add-row .sc-email-input::placeholder {
  color: #9CA3AF;
}
.share-collection-v2 .sc-add-row .sc-role-select-wrap {
  position: relative;
  flex-shrink: 0;
}
.share-collection-v2 .sc-add-row .sc-role-select-wrap .sc-role-select {
  border: 1px solid #E5E7EB;
  border-radius: 10px;
  padding: 10px 32px 10px 12px;
  font-size: 14px;
  color: #374151;
  background: #fff;
  appearance: none;
  cursor: pointer;
  outline: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 9l6 6 6-6' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 14px;
  transition: border-color 0.2s;
}
.share-collection-v2 .sc-add-row .sc-role-select-wrap .sc-role-select:hover, .share-collection-v2 .sc-add-row .sc-role-select-wrap .sc-role-select:focus {
  border-color: #121212;
}
.share-collection-v2 .sc-add-row .sc-add-btn {
  background: #121212;
  color: #fff;
  border: none;
  border-radius: 10px;
  padding: 10px 20px;
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
  flex-shrink: 0;
  transition: background 0.2s;
}
.share-collection-v2 .sc-add-row .sc-add-btn:hover {
  background: #333333;
}
.share-collection-v2 .sc-people-list {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.share-collection-v2 .sc-person-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 0;
  border-bottom: 1px solid #F9FAFB;
}
.share-collection-v2 .sc-person-row:last-child {
  border-bottom: none;
}
.share-collection-v2 .sc-person-row .sc-person-info {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  flex: 1;
}
.share-collection-v2 .sc-person-row .sc-person-info .sc-person-name {
  font-size: 15px;
  font-weight: 600;
  color: #111827;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.share-collection-v2 .sc-person-row .sc-person-info .sc-person-email {
  font-size: 13px;
  color: #6B7280;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.share-collection-v2 .sc-person-row .sc-owner-label {
  font-size: 14px;
  font-weight: 600;
  color: #111827;
  white-space: nowrap;
  flex-shrink: 0;
}
.share-collection-v2 .sc-person-row .sc-person-role-wrap {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}
.share-collection-v2 .sc-person-row .sc-person-role-wrap .sc-person-role {
  border: 1px solid #E5E7EB;
  border-radius: 8px;
  padding: 6px 30px 6px 12px;
  font-size: 13px;
  color: #374151;
  background: #fff;
  appearance: none;
  cursor: pointer;
  outline: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 9l6 6 6-6' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 8px center;
  background-size: 12px;
}
.share-collection-v2 .sc-person-row .sc-person-role-wrap .sc-person-role:hover, .share-collection-v2 .sc-person-row .sc-person-role-wrap .sc-person-role:focus {
  border-color: #121212;
}
.share-collection-v2 .sc-person-row .sc-person-role-wrap .sc-person-remove {
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: none;
  cursor: pointer;
  color: #EF4444;
  font-size: 16px;
  border-radius: 50%;
  transition: background 0.2s;
  flex-shrink: 0;
}
.share-collection-v2 .sc-person-row .sc-person-role-wrap .sc-person-remove:hover {
  background: #FEF2F2;
}
.share-collection-v2 .sc-general-access-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.share-collection-v2 .sc-general-access-row .sc-section-heading {
  margin-bottom: 0;
}
.share-collection-v2 .sc-general-access-row .sc-checkbox {
  width: 18px;
  height: 18px;
  accent-color: #121212;
  cursor: pointer;
  flex-shrink: 0;
}
.share-collection-v2 .sc-general-access-options {
  background: #F9FAFB;
  border-radius: 10px;
  margin-top: 12px;
  overflow: hidden;
}
.share-collection-v2 .sc-access-option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 12px 16px;
  cursor: pointer;
  transition: background 0.15s;
  border-bottom: 1px solid #F0F0F0;
}
.share-collection-v2 .sc-access-option:last-child {
  border-bottom: none;
}
.share-collection-v2 .sc-access-option:hover {
  background: #F5F5F5;
}
.share-collection-v2 .sc-access-option.active {
  background: #F0F0F0;
}
.share-collection-v2 .sc-access-option .sc-access-option-body {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.share-collection-v2 .sc-access-option .sc-access-option-body .sc-access-option-title {
  font-size: 14px;
  font-weight: 600;
  color: #111827;
}
.share-collection-v2 .sc-access-option .sc-access-option-body .sc-access-option-desc {
  font-size: 13px;
  color: #6B7280;
}
.share-collection-v2 .sc-access-option .sc-access-check {
  flex-shrink: 0;
}
.share-collection-v2 .sc-expiry-label {
  font-size: 14px;
  color: #6B7280;
  margin: 0 0 10px;
}
.share-collection-v2 .sc-expiry-select-wrap {
  position: relative;
  width: fit-content;
}
.share-collection-v2 .sc-expiry-select-wrap .sc-expiry-select {
  border: 1px solid #E5E7EB;
  border-radius: 10px;
  padding: 10px 36px 10px 14px;
  font-size: 14px;
  color: #374151;
  background: #fff;
  appearance: none;
  cursor: pointer;
  outline: none;
  min-width: 140px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 9l6 6 6-6' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 14px;
  transition: border-color 0.2s;
}
.share-collection-v2 .sc-expiry-select-wrap .sc-expiry-select:hover, .share-collection-v2 .sc-expiry-select-wrap .sc-expiry-select:focus {
  border-color: #121212;
}
.share-collection-v2 .sc-social-label {
  font-size: 14px;
  font-weight: 600;
  color: #374151;
  margin: 0 0 12px;
}
.share-collection-v2 .sc-social-row {
  display: flex;
  align-items: center;
  gap: 10px;
}
.share-collection-v2 .sc-social-btn {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 16px;
  transition: transform 0.2s, box-shadow 0.2s;
  flex-shrink: 0;
}
.share-collection-v2 .sc-social-btn:hover {
  transform: scale(1.08);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
}
.share-collection-v2 .sc-social-btn.sc-facebook {
  background: #1877F2;
  color: #fff;
}
.share-collection-v2 .sc-social-btn.sc-facebook i {
  color: #fff;
}
.share-collection-v2 .sc-social-btn.sc-email {
  background: #1F2937;
  color: #fff;
}
.share-collection-v2 .sc-social-btn.sc-email i {
  color: #fff;
}
.share-collection-v2 .sc-social-btn.sc-link {
  background: #F3F4F6;
  color: #111827;
  border: 1px solid #D1D5DB;
}
.share-collection-v2 .sc-social-btn.sc-link svg path {
  stroke: #111827;
}
.share-collection-v2 .share-url-collection {
  position: relative;
}
.share-collection-v2 .share-url-collection #message {
  position: absolute;
  bottom: 48px;
  left: 50%;
  transform: translateX(-50%);
  background: #1F2937;
  color: #fff;
  font-size: 11px;
  padding: 4px 10px;
  border-radius: 6px;
  white-space: nowrap;
  display: none;
  pointer-events: none;
}
.share-collection-v2 .sc-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  padding: 16px 28px;
  border-top: 1px solid #F0F0F0;
  flex-shrink: 0;
}
.share-collection-v2 .sc-footer .sc-btn-cancel {
  background: #F3F4F6;
  color: #374151;
  border: 1px solid #E5E7EB;
  border-radius: 100px;
  padding: 11px 26px;
  font-size: 15px;
  line-height: 18px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s;
  position: relative !important;
  top: unset !important;
  right: unset !important;
}
.share-collection-v2 .sc-footer .sc-btn-cancel:hover {
  background: #E5E7EB;
}
.share-collection-v2 .sc-footer .sc-btn-done {
  background: #121212;
  color: #fff;
  border: none;
  border-radius: 100px;
  padding: 11px 28px;
  font-size: 15px;
  line-height: 18px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s;
}
.share-collection-v2 .sc-footer .sc-btn-done:hover {
  background: #333333;
}
@media (max-width: 576px) {
  .share-collection-v2 {
    max-height: 95vh;
  }
  .share-collection-v2 .sc-header {
    padding: 16px 18px 14px;
  }
  .share-collection-v2 .sc-header .sc-title {
    font-size: 16px;
  }
  .share-collection-v2 .sc-body {
    padding: 0 18px;
  }
  .share-collection-v2 .sc-divider {
    margin: 0 -18px;
  }
  .share-collection-v2 .sc-add-row {
    flex-wrap: wrap;
  }
  .share-collection-v2 .sc-add-row .sc-email-input {
    width: 100%;
    flex: unset;
  }
  .share-collection-v2 .sc-add-row .sc-add-btn {
    margin-left: auto;
  }
  .share-collection-v2 .sc-footer {
    padding: 14px 18px;
  }
}

.share-collection-v2 .sc-person-row[data-status=pending] {
  animation: sc-slide-in 0.25s ease;
  background: #F5F5F5;
  border-radius: 8px;
  padding: 10px 12px;
  margin-bottom: 2px;
}
@keyframes sc-slide-in {
  from {
    opacity: 0;
    transform: translateY(-6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.share-collection-v2 .sc-email-input:focus {
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.08);
}

.pvt-embed-popup-overlay {
  position: fixed;
  inset: 0;
  z-index: 99998;
  background: rgba(0, 0, 0, 0.45);
  backdrop-filter: blur(3px);
}

.pvt-embed-popup {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99999;
  width: min(560px, 96vw);
  background: #fff;
  border: 1px solid #e8e8e8;
  border-radius: 14px;
  box-shadow: 0 8px 40px rgba(0, 0, 0, 0.12);
  overflow: hidden;
  font-family: "Inter", "Segoe UI", Arial, sans-serif;
}
.pvt-embed-popup__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  border-bottom: 1px solid #eee;
  background: #fff;
}
.pvt-embed-popup__header h4 {
  font-size: 1rem;
  font-weight: 600;
  color: #1a1a1a;
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
}
.pvt-embed-popup__header h4 i {
  color: #6e56cf;
}
.pvt-embed-popup__close {
  background: none;
  border: none;
  color: #999;
  font-size: 1.4rem;
  cursor: pointer;
  line-height: 1;
  padding: 2px 6px;
  border-radius: 6px;
  transition: background 0.2s, color 0.2s;
}
.pvt-embed-popup__close:hover {
  background: #f0f0f0;
  color: #333;
}
.pvt-embed-popup__body {
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.pvt-embed-popup__desc {
  font-size: 0.85rem;
  color: #666;
  line-height: 1.5;
  margin: 0;
}
.pvt-embed-popup__preview-wrap > label {
  display: block;
  font-size: 0.78rem;
  font-weight: 600;
  color: #555;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 8px;
}
.pvt-embed-popup__code-wrap > label {
  display: block;
  font-size: 0.78rem;
  font-weight: 600;
  color: #555;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 8px;
}

.pvt-embed-size-row {
  display: flex;
  gap: 14px;
}

.pvt-embed-size-input {
  display: flex;
  align-items: center;
  gap: 6px;
  background: #f7f7f7;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding: 6px 12px;
  font-size: 0.85rem;
  color: #444;
  flex: 1;
}
.pvt-embed-size-input input {
  background: none;
  border: none;
  outline: none;
  color: #1a1a1a;
  font-size: 0.9rem;
  font-weight: 600;
  width: 60px;
  text-align: center;
}

.pvt-embed-code-area {
  position: relative;
}

#pvt-embed-code {
  width: 100%;
  background: #f4f4f4;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  color: #2d6a4f;
  font-family: "Courier New", monospace;
  font-size: 0.78rem;
  line-height: 1.5;
  padding: 10px 12px;
  resize: none;
  outline: none;
  cursor: text;
}

.pvt-embed-copy-btn {
  position: absolute;
  top: 8px;
  right: 8px;
  background: linear-gradient(135deg, #6e56cf, #a280ff);
  color: #fff;
  border: none;
  border-radius: 6px;
  padding: 5px 12px;
  font-size: 0.78rem;
  font-weight: 600;
  cursor: pointer;
  transition: opacity 0.2s, transform 0.15s;
  display: flex;
  align-items: center;
  gap: 5px;
}
.pvt-embed-copy-btn:hover {
  opacity: 0.85;
  transform: translateY(-1px);
}

.pvt-embed-copy-msg {
  font-size: 0.78rem;
  color: #27ae60;
  min-height: 1.2em;
  display: block;
  margin-top: 4px;
}

.pvt-embed-preview-link {
  font-size: 0.8rem;
  color: #6e56cf;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  transition: color 0.2s;
}
.pvt-embed-preview-link:hover {
  color: #a280ff;
}

.pvt-embed-switch {
  position: relative;
  display: inline-block;
  width: 38px;
  height: 20px;
  margin: 0;
}

.pvt-embed-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.pvt-embed-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border-radius: 34px;
}

.pvt-embed-slider:before {
  position: absolute;
  content: "";
  height: 14px;
  width: 14px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border-radius: 50%;
}

.pvt-embed-switch input:checked + .pvt-embed-slider {
  background-color: #6e56cf;
}

.pvt-embed-switch input:focus + .pvt-embed-slider {
  box-shadow: 0 0 1px #6e56cf;
}

.pvt-embed-switch input:checked + .pvt-embed-slider:before {
  -webkit-transform: translateX(18px);
  -ms-transform: translateX(18px);
  transform: translateX(18px);
}

/*# sourceMappingURL=style.css.map */