/* [project]/src/components/Core/Pagination/Pagination.scss.css [app-client] (css) */


/* [project]/src/components/ProductDetail/ShareModal.scss.css [app-client] (css) */
.share-modal-overlay {
  z-index: 1000;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background-color: #00000080;
  justify-content: center;
  align-items: center;
  animation: .2s ease-out fadeIn;
  display: flex;
  position: fixed;
  inset: 0;
}

.share-modal-overlay .share-modal-content {
  background: #fff;
  border-radius: 12px;
  width: 90%;
  max-width: 450px;
  padding: 24px;
  animation: .3s ease-out slideUp;
  position: relative;
  box-shadow: 0 10px 25px #0000001a;
}

.share-modal-overlay .share-modal-content .modal-header {
  justify-content: space-between;
  align-items: center;
  gap: 15px;
  margin-bottom: 24px;
  display: flex;
}

.share-modal-overlay .share-modal-content .modal-header h3 {
  color: #1f2937;
  margin: 0;
  font-size: 24px;
  font-weight: 600;
}

.share-modal-overlay .share-modal-content .modal-header .close-btn {
  cursor: pointer;
  color: #6b7280;
  background: none;
  border: none;
  border-radius: 50%;
  padding: 4px;
  transition: all .2s;
}

.share-modal-overlay .share-modal-content .modal-header .close-btn svg {
  width: 24px;
  height: 24px;
}

.share-modal-overlay .share-modal-content .modal-header .close-btn:hover {
  color: #111827;
}

.share-modal-overlay .share-modal-content .modal-body .share-link-box {
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  align-items: center;
  margin-bottom: 24px;
  padding: 4px;
  display: flex;
}

.share-modal-overlay .share-modal-content .modal-body .share-link-box input {
  color: #4b5563;
  background: none;
  border: none;
  outline: none;
  flex: 1;
  padding: 8px 12px;
  font-size: 14px;
}

.share-modal-overlay .share-modal-content .modal-body .share-link-box .copy-btn {
  color: #42b72a;
  cursor: pointer;
  background: none;
  border: none;
  border-left: 1px solid #e5e7eb;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 600;
  transition: all .2s;
  display: flex;
}

.share-modal-overlay .share-modal-content .modal-body .share-link-box .copy-btn:hover {
  background-color: #f0fdf4;
}

.share-modal-overlay .share-modal-content .modal-body .share-link-box .copy-btn.copied {
  color: #318e1e;
}

.share-modal-overlay .share-modal-content .modal-body .social-share-options {
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 24px;
  display: flex;
}

.share-modal-overlay .share-modal-content .modal-body .social-share-options button {
  border: none;
  border-radius: 8px;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 12px;
  min-width: 120px;
  height: 52px;
  padding: 0 20px;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  transition: all .2s;
  color: #fff !important;
  display: flex !important;
}

.share-modal-overlay .share-modal-content .modal-body .social-share-options button:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px #00000026;
}

.share-modal-overlay .share-modal-content .modal-body .social-share-options button svg {
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
}

.share-modal-overlay .share-modal-content .modal-body .social-share-options button svg circle {
  fill: #0000 !important;
}

.share-modal-overlay .share-modal-content .modal-body .social-share-options button svg path {
  fill: #fff !important;
}

.share-modal-overlay .share-modal-content .modal-body .social-share-options .whatsapp {
  background-color: #25d366 !important;
}

.share-modal-overlay .share-modal-content .modal-body .social-share-options .whatsapp:hover {
  background-color: #1ebc57 !important;
}

.share-modal-overlay .share-modal-content .modal-body .social-share-options .facebook {
  background-color: #1877f2 !important;
}

.share-modal-overlay .share-modal-content .modal-body .social-share-options .facebook:hover {
  background-color: #166fe5 !important;
}

.share-modal-overlay .share-modal-content .modal-body .social-share-options .pinterest {
  background-color: #bd081c !important;
}

.share-modal-overlay .share-modal-content .modal-body .social-share-options .pinterest:hover {
  background-color: #a30718 !important;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes slideUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

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

@media (max-width: 767.55px) {
  .share-modal-overlay .share-modal-content {
    max-width: 350px;
    padding: 15px;
  }

  .share-modal-overlay .share-modal-content .modal-header {
    margin-bottom: 15px;
  }

  .share-modal-overlay .share-modal-content .modal-header h3 {
    font-size: 20px;
  }

  .share-modal-overlay .share-modal-content .modal-header .close-btn svg {
    width: 20px;
    height: 20px;
  }

  .share-modal-overlay .share-modal-content .modal-body .share-link-box {
    margin-bottom: 18px;
  }

  .share-modal-overlay .share-modal-content .modal-body .share-link-box .copy-btn, .share-modal-overlay .share-modal-content .modal-body .share-link-box input {
    padding: 6px 10px;
  }

  .share-modal-overlay .share-modal-content .modal-body .social-share-options {
    margin-top: 15px;
  }

  .share-modal-overlay .share-modal-content .modal-body .social-share-options .social-btn {
    border-radius: 6px;
    gap: 6px;
    padding: 8px 15px;
    font-size: 14px;
  }

  .share-modal-overlay .share-modal-content .modal-body .social-share-options .social-btn svg {
    width: 18px;
    min-width: 18px;
    height: 18px;
    min-height: 18px;
  }
}

/*# sourceMappingURL=src_components_b3aa20da._.css.map*/