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

html {
  font-size: 62.5%;
}

body {
  box-sizing: border-box;
  height: 100%;
  min-height: 100%;
}

@font-face {
  font-family: "GTWalsheimPro";
  src: url(/_next/static/media/GTWalsheimPro-Bold.b2f64223.woff);
  font-style: normal;
  font-weight: 700;
}

@font-face {
  font-family: "GTWalsheimPro";
  src: url(/_next/static/media/GTWalsheimPro-Medium.a1e24575.woff);
  font-style: normal;
  font-weight: 500;
}

@font-face {
  font-family: "GTWalsheimPro";
  src: url(/_next/static/media/GTWalsheimPro-Regular.d50ef584.woff);
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: "Messina Sans";
  src: url(/_next/static/media/MessinaSans-Bold.4a7df628.otf);
  font-style: normal;
  font-weight: 700;
}

@font-face {
  font-family: "Messina Sans";
  src: url(/_next/static/media/MessinaSans-SemiBold.5321d601.otf);
  font-style: normal;
  font-weight: 600;
}

@font-face {
  font-family: "Messina Sans";
  src: url(/_next/static/media/MessinaSans-Regular.eaa9071c.otf);
  font-style: normal;
  font-weight: 400;
}

body,
html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "GTWalsheimPro", "MessinaSans";
  /* font-family: 'MessinaSans', 'GTWalsheimPro'; */
  max-width: 144rem;
  margin: 0 auto;
}

@media (max-width: 768px) {
  img {
    max-width: 100%;
    height: auto;
  }
}

a {
  color: inherit;
  text-decoration: none;
}

.btn {
  box-sizing: border-box;
  display: inline-block;
  text-align: left;
  white-space: nowrap;
  text-decoration: none;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border: 1px solid #ddd;
  padding: 10px 8px;
  padding-right: 20px;
  margin: 5px auto;
  border-radius: 4px;
  color: #fff;
  fill: #fff;
  background: #000;
  line-height: 1em;
  transition: 0.2s ease-out;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-weight: 500;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  @media (min-width: 320px) and (max-width: 480px) {
    min-width: 190px;
  }

  @media (min-width: 481px) and (max-width: 768px) {
    min-width: 190px;
  }
}

.initial-base {
  background: #0e86d4;
  box-sizing: border-box;
  border-radius: 200px;
  border-style: solid;
  border-color: #0e86d4;
  border-width: 1px;
  padding: 10px 12px;
  display: inline-block;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  box-shadow: var(
    --shadow-xs-box-shadow,
    0px 1px 2px 0px rgba(16, 24, 40, 0.05)
  );
  overflow: hidden;
}

.initial-base .label {
  color: var(--white, #ffffff);
  text-align: left;
  position: relative;
}

.btn:hover,
.btn:focus {
  background: #111;
  color: #fff;
  fill: #fff;
  border-color: #fff;
  transform: scale(1.01) translate3d(0, -1px, 0);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.btn:active {
  outline: 0;
  background: #353535;
  transition: none;
}
.btn__icon,
.btn__text,
.btn__storename {
  display: inline-block;
  vertical-align: top;
}
.btn__icon {
  width: 30px;
  height: 30px;
  margin-right: 5px;
  margin-top: 2px;
}
.btn__icon--amazon {
  transform: scale(0.85);
}
.btn__text {
  letter-spacing: 0.08em;
  margin-top: -0.1em;
  font-size: 10px;
}
.btn__storename {
  display: block;
  margin-left: 38px;
  margin-top: -17px;
  font-size: 22px;
  letter-spacing: -0.03em;
}
.btn--small {
  padding: 2px 8px;
  min-width: 118.75px;
  height: 24px;
  border-radius: 3px;
}
.btn--small .btn__icon {
  width: 16px;
  height: 16px;
  margin: 1px 2px 0 0;
}
.btn--small .btn__text {
  display: none;
}
.btn--small .btn__storename {
  font-size: 12px;
  display: inline-block;
  margin: 0;
  vertical-align: middle;
}

.btn--tiny {
  padding: 3px;
  width: 22px;
  height: 22px;
  min-width: 0;
  border-radius: 3px;
}

.btn--tiny .btn__icon {
  width: 14px;
  height: 14px;
  margin: 0;
}
.btn--tiny .btn__text,
.btn--tiny .btn__storename {
  display: none;
}

.getit {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.getiton {
  font-family: "HK Grotesk";
  font-weight: 700;
  font-size: 2.4rem;
  color: #183b56;
  line-height: 4.8rem;
}

:root {
  --base-unit: 10px;
}

/* .image-gallery-content.image-gallery-thumbnails-left .image-gallery-slide .image-gallery-image,
.image-gallery-content.image-gallery-thumbnails-right .image-gallery-slide .image-gallery-image {
  height: 100%;
  max-height: 521px !important;
}

.image-gallery-thumbnails{
  min-height: 521px !important;
} */

/* Container for the entire gallery */
.gallery-container {
  max-width: 100%; /* Set maximum width of the container */ /* Center the container horizontally */
  overflow: hidden; /* Hide any overflow content */
  padding: 10px; /* Add padding around the container */
  width: 100%;
}

@media (min-width: 680px) {
  .gallery-container {
    width: 400px; /* Set maximum width of the container */
  }
}

/* Active image display */

.product-details {
  max-width: 100rem;
  margin: 50px auto;
  padding: 0 2rem;
}
.active-image {
  margin-bottom: 10px;
  text-align: center;
  display: block;
  align-items: center;
  justify-content: center;
}

.active-image img {
  width: 100%;
  max-width: 350px;
  border-radius: 8px;
  height: auto;
}

.auth-container,
.profile-container,
.cart-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.auth-container div {
  width: 100%;
}

.profile-container {
  position: relative;
  margin-top: 4rem;
}

.no-top-bottom-margin {
  margin-bottom: 0rem !important;
}

/* .profile-target header {
  margin-bottom: 0rem !important;
} */

@media (max-width: 500px) {
  .profile-target .box-footer {
    display: none !important;
  }
}

@media (max-width: 500px) {
  .profile-container {
    /* height: 90vh; */
    overflow-y: auto;
    max-height: calc(100vh - 60px); 
    margin-top: 0rem;
    /* padding-top: 2rem; */
  }
}

.cart-div {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
  width: 100%;
  max-width: 1100px;
}

@media (max-width: 500px) {
  .cart-div {
    padding-left: 0;
    padding-right: 0;
  }
}

.image-gallery-wrapper {
  display: flex;
  justify-content: center; /* center when not wrapping */
}

/* Horizontal scrolling gallery */
.image-gallery {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  justify-content: flex-start;
  max-width: 100%;
}

/* Each gallery item */
.gallery-item {
  display: flex;
  justify-content: center;
  align-items: center; /* Center image vertically within the item */
  height: 60px; /* Fixed height for each item */
  width: 60px; /* Fixed width for each item */
  overflow: hidden; /* Hide any overflow content */
  cursor: pointer; /* Change cursor to pointer on hover */
  position: relative; /* Ensure the indicator can be positioned relative to the item */
}

/* Style the images */
.gallery-item img {
  width: 100%;
  object-fit: cover;
  object-position: center;
  height: auto;
  min-width: 70px;
}

/* Active thumbnail indicator */
.active-thumbnail::after {
  content: ""; /* Empty content for the indicator */
  position: absolute; /* Position indicator absolutely within the item */
  top: 0; /* Align indicator to the top of the item */
  left: 0; /* Align indicator to the left of the item */
  width: 100%; /* Full width of the item */
  height: 100%; /* Full height of the item */
  border: 2px solid #0e86d4; /* Blue border as an indicator (adjust color as needed) */
  box-sizing: border-box; /* Include border in item size */
}

button.viewmore {
  color: #000;
  background-color: #fff;
  border: 1px solid #2089cf;
  cursor: pointer;
  border-radius: 5px;
  font-size: 1.6rem;
  text-align: center;
  transition: background-color 0.2s ease, border-color 0.2s ease,
    color 0.2s ease;
  padding-block: 0px;
  padding-inline: 0px;
  padding: 0.4rem 0.8rem;
  font-weight: 500;
  margin: 0 auto;
  display: block;
}

.noOpacity {
  padding: 10px;
  margin-bottom: 3rem;
}

.whiteOpacity {
  background-color: rgba(255, 255, 255, 0.5);
  padding: 10px;
  margin-bottom: 3rem;
  border-radius: 8px;
}

.blackOpacity {
  background-color: rgba(0, 0, 0, 0.5);
  padding: 10px;
  margin-bottom: 3rem;
  border-radius: 8px;
}

/* @media (max-width: 600px) {
  .blackOpacity, .whiteOpacity  {
    display: none;
  }
} */

.btns {
  display: flex;
  gap: 1rem;
}

@media (max-width: 600px) {
  .btns {
    flex-direction: column;
  }
}

.skeletoncontainer{display:flex;flex-wrap:wrap;width:100%;overflow:hidden}.skeletoncontainer .skeletoncard{display:inline-block;box-sizing:border-box;padding:16px;width:100%;background:#fff;cursor:pointer}@media(min-width: 375px)and (max-width: 480px){.skeletoncontainer .skeletoncard{width:50%}}@media(min-width: 481px)and (max-width: 768px){.skeletoncontainer .skeletoncard{width:50%}}@media(min-width: 769px)and (max-width: 1024px){.skeletoncontainer .skeletoncard{width:33%}}@media(min-width: 1024px){.skeletoncontainer .skeletoncard{width:25%}}.skeletoncontainer .skeletoncard .skeletoninfo{display:flex;flex-direction:column;align-items:center;padding:0px;width:100%;justify-content:space-between;background:#fff;overflow:hidden;gap:.5rem}.skeletoncontainer .skeletoncard .skeletoninfo .cardItems{display:flex;flex-direction:column;align-items:flex-start;align-items:center;justify-content:center;padding:12px;gap:1.2rem}.skeletoncontainer .skeletoncard .skeletoninfo .cardItems>span:nth-child(1){display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8rem}.skeletoncontainer .skeletoncard .skeletoninfo .cardItems>span:nth-child(1)>:nth-child(1){align-self:flex-start}.skeletoncontainer .skeletoncard .skeletoninfo .cardItems>span:nth-child(2){align-self:flex-start}
.feed-section{display:flex;flex-wrap:wrap;padding:0px 16px;gap:10px}.feed-section .feed-title{display:flex;width:100%;justify-content:space-between;align-items:center;padding:0;isolation:isolate;font-size:30px;padding:0 20px;font-weight:700}.feed-section .feed-items{display:flex;flex-wrap:wrap;width:100%;overflow:hidden}.item-card{display:inline-block;box-sizing:border-box;padding:16px;width:25%;background:#fff}.item-card .item-box-container{border:1px solid #eaecf0;border-radius:8px;justify-content:space-between;overflow:hidden}@media(min-width: 320px)and (max-width: 480px){.item-card{width:100%;padding:8px 0}}@media(min-width: 481px)and (max-width: 768px){.item-card{width:50%}}@media(min-width: 769px)and (max-width: 1024px){.item-card{width:33%}}.item-card .image-card{height:148px;width:100%;overflow:hidden;display:flex;justify-content:center;align-items:center;overflow:hidden}.item-card .image-card img{background:#eeedf2;background:var(--image-background-color, #eeedf2);height:100%;width:100%;min-height:250px;flex:1 1 100%;object-fit:cover;object-position:center}.item-card .item-top-frame{display:flex;flex-direction:column;align-items:flex-start;padding:12px;gap:16px;justify-content:space-between;width:100%}.item-card .item-top-frame p{font-style:normal;font-weight:700;font-size:24px;line-height:40px;letter-spacing:.2px;color:#183b56;text-overflow:ellipsis;overflow:hidden;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.item-card .item-top-frame .item-info-section{display:flex;gap:1.2rem;align-items:center;width:100%}.item-card .item-top-frame .item-info-section .item-info-section-icons{display:flex;flex-direction:column;align-items:center;padding:0px;gap:12px}.item-card .item-top-frame .item-info-section .item-info-section-txts{display:flex;flex-direction:column;gap:1.2rem;align-items:flex-start;width:100%}.item-card .item-top-frame .item-info-section .item-info-section-txts p{font-style:normal;font-weight:400;font-size:14px;line-height:19px;display:flex;align-items:center;color:#757575}.item-card .item-top-frame .item-info-section .item-info-section-txts p:nth-child(2){white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px;-webkit-line-clamp:3;display:block;max-width:178px}.item-card .item-bottom-frame{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:12px;height:43px;width:100%;border-top:1px solid #eaecf0}.item-card .item-bottom-frame p:nth-child(1){font-style:normal;font-weight:600;font-size:16px;line-height:19px;display:flex;align-items:center;color:#000}.item-card .item-bottom-frame p:nth-child(2){font-style:normal;font-weight:600;font-size:16px;line-height:19px;display:flex;align-items:center;color:#0e86d4}
.carousel-card{position:relative;margin:auto}.carousel-background{background-size:cover;background-repeat:no-repeat;background-position:center;position:absolute;top:0;left:0;width:100%;height:100%;filter:blur(50px) brightness(0.9)}.carousel-slide{position:relative;max-width:1200px;margin:auto;overflow:hidden;position:relative;max-height:470px}.slide-section{display:flex;width:100%}.slide-item{flex:1 0 100%;position:relative}.carousel-image-wrapper{width:100%;height:100%;text-align:center;display:flex;justify-content:center;align-items:center;position:relative}.carousel-image{width:100%;height:auto}.carousel-button{position:absolute;border-radius:30%;background:#fff;width:5rem;height:5rem;cursor:pointer;top:50%;transform:translateY(-50%);z-index:1;padding:10px}@media(min-width: 320px)and (max-width: 1000px){.carousel-button{width:3rem;height:3rem}}.carousel-button.prev{left:1.5rem;color:#0091d1}.carousel-button.next{right:1.5rem;color:#0091d1}.carousel-indicators{display:flex;justify-content:center;margin-top:10px}.indicator{width:10px;height:10px;border-radius:50%;background-color:#d3d3d3;margin:0 5px;cursor:pointer;transition:background-color .3s ease}.indicator.active{background-color:#0e86d4;width:20px;border-radius:5px}.carousel-guard{position:relative;margin:auto;overflow:hidden;width:100%;height:100%;border-radius:calc(3*var(--base-unit))}@media(min-width: 320px)and (max-width: 1200px){.carousel-guard{border-radius:0px}}
.modalcontainer{width:100%;background-color:rgba(104,105,105,.5);position:fixed;display:flex;align-items:center;justify-content:center;top:0;left:0;z-index:2;height:calc(var(--vh, 1vh)*100);pointer-events:auto}@media(max-width: 768px){.modalcontainer{align-items:center;justify-content:center;margin:0 auto}}.modalcontainer .modalwrapper{pointer-events:auto;max-width:100.4rem;width:100%;max-height:100%;overflow:scroll;padding:2rem 0;flex-direction:column;align-items:center;gap:4.578rem;isolation:isolate;position:relative;background:#fff;overflow:auto;scrollbar-width:none;-ms-overflow-style:none;transition:transform .2s ease-out;touch-action:pan-y}.modalcontainer .modalwrapper .close{cursor:pointer;margin-right:3rem}@media(max-width: 480px){.modalcontainer .modalwrapper .close{margin:0}}.modalcontainer .modalwrapper .auth-form-header .close{margin-right:0rem}.modalcontainer .modalwrapper>section{display:flex;flex-direction:column;align-items:center;padding:0px;width:100%;gap:32px}@media(min-width: 320px)and (max-width: 480px){.modalcontainer .modalwrapper>section{padding:0}}@media(min-width: 481px)and (max-width: 720px){.modalcontainer .modalwrapper>section{padding:0}}.modalcontainer .modalwrapper>section .modaltxts{display:flex;flex-direction:column;align-items:center;padding:0px;gap:16px}.modalcontainer .modalwrapper>section .modaltxts .modaldestexts{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.8408rem}@media(max-width: 768px){.modalcontainer .modalwrapper>section .modaltxts .modaldestexts{gap:.4rem;flex-wrap:wrap}}.modalcontainer .modal-open{overflow:hidden}
.cart{padding:20px;color:#333;width:100%;gap:20px;flex-wrap:wrap;font-size:14px;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}@media(max-width: 400px){.cart{padding:10px}}.cart .hidden{display:none}.cart-header{display:flex;gap:20px;justify-content:space-between;align-items:center;display:flex;margin-bottom:20px}.cart-box{display:flex;flex-direction:column}.cart-box-event{display:flex;gap:2rem}.cart-item-content{display:flex;gap:1rem;align-items:center}.cart-items-info{display:flex;flex-direction:column;flex-grow:1}.cart-btns{display:flex;gap:1rem}@media(max-width: 768px){.show-both{flex-direction:column}}.cart-left-section{flex-grow:1}@media(max-width: 768px){.cart-left-section{width:100%}}.cart-right-section{width:40%;background:#f6f5f5}@media(max-width: 768px){.cart-right-section{display:none}}.show-both .cart-right-section{display:block;background:#fff}@media(max-width: 768px){.show-both .cart-right-section{display:block;width:100%}}.cart h1{font-size:24px;font-weight:500}.cart-items-container{display:flex;flex-direction:column;gap:0px;border:1px solid #ddd;border-radius:8px}.cart-item{border-bottom:1px solid #d3d3d3;padding:10px;position:relative;transition:background-color .3s ease}.cart-item:last-child{border-bottom:0 !important}.cart-item.sold-out,.cart-item.purchase-date-passed{background-color:#f5f5f5;pointer-events:none}.cart-item.sold-out .quantity-controls span,.cart-item.purchase-date-passed .quantity-controls span{color:#968383}.cart-item-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}.checkout-box{display:flex;margin-top:20px;gap:1.2rem}@media(max-width: 350px){.checkout-box{flex-direction:column;gap:1rem}}.cart-item h3{margin:0;font-size:18px;color:#34495e}@media(max-width: 768px){.cart-item h3{font-size:16px}}.cart-item p{margin-top:10px;font-size:16px;font-weight:500}@media(max-width: 768px){.cart-item p{font-size:14px}}.cart-item .cart-info-img{display:flex;justify-content:center;align-items:center;overflow:hidden;cursor:pointer;position:relative;height:10rem;width:10rem;border-radius:.8rem}.quantity-controls{display:flex;align-items:center}.out-of-stock-warning{color:#d9534f;font-size:1.2rem;margin:.4rem 0}.cart-warning-text{color:#d9534f;font-size:1.2rem;margin:.4rem 0}.cart-remove-box{flex-grow:1;align-items:self-start;justify-content:flex-end;display:flex}.quantity-alert{color:#d93025;font-weight:bold}.quantity-controls button{background-color:#0e86d4;color:#fff;border:none;border-radius:5px;padding:5px 10px;cursor:pointer;font-size:16px}.quantity-controls button:disabled{background-color:#bdc3c7;cursor:not-allowed}.quantity-controls span{font-size:16px;margin:0 10px}.quantity-controls.white{border:1px solid #ccc;border-radius:5px;padding:10px}.quantity-controls.white button{background-color:#fff;border:none;color:#000;font-size:20px}.quantity-controls.white span{font-size:20px}.cart h2{font-size:20px;margin-bottom:15px;color:#2c3e50}.status-text{font-size:14px;color:#e74c3c;font-weight:bold}.cart-divider{height:2px;background-color:#ddd;margin:20px 0;width:100%}.cart-summary{padding:15px}.cart-summary h2{font-size:20px;color:#2c3e50;margin-bottom:10px}.summary-items{margin-bottom:20px}.summary-item{display:flex;justify-content:space-between;margin-bottom:20px;font-size:16px;color:#34495e}.summary-item-quantity{font-weight:bold}.summary-item-name{flex:1 1;margin-left:10px}.cart-price{font-weight:bold}.cart-summary{padding:1rem;border:1px solid #ddd;border-radius:8px;background:#fff}.summary-line{display:flex;justify-content:space-between;margin:8px 0}.summary-line span:last-child{text-align:right}.summary-header{display:flex;justify-content:space-between;align-items:center}.summary-header-edit{color:#0070f3;cursor:pointer;font-size:.85em;margin-left:8px;text-decoration:underline;transition:color .2s ease}.summary-header-edit:hover{color:#0056b3;text-decoration:underline}.loading-line{color:#777;font-style:italic}.cart-summary h3{margin-top:1.2rem;margin-bottom:1.2rem}.gateway-fee-info{font-weight:500;font-size:12px}.cart-item-remove{padding:7px 14px;border:none;border-radius:4px;border:1px solid #ccc;background-color:rgba(0,0,0,0);color:#333;cursor:pointer}.cart-item-remove:hover{background-color:#f5f5f5}.summary-item-price{font-weight:bold}.summary-total{display:flex;justify-content:space-between;font-weight:bold;color:#2c3e50}.checkout-button{background:var(--dark-blue, #0e86d4);color:#fff;padding:10px 20px;font-size:16px;cursor:pointer;border-radius:5px;border:none;align-self:flex-start;transition:background-color .2s ease}@media(max-width: 350px){.checkout-button{margin-top:0;width:100%}}.checkout-button:hover{background-color:#0056b3}.checkout-button:disabled{background-color:#ccc;border-color:#ccc;cursor:not-allowed}.checkout-secondary-button{padding:10px 20px;font-size:16px;border:1px solid #ccc;background-color:rgba(0,0,0,0);color:#333;border-radius:5px;cursor:pointer;display:inline-block;text-align:center}@media(max-width: 350px){.checkout-secondary-button{margin-top:0}}.checkout-secondary-button.full{width:100%}.checkout-secondary-button:hover{background-color:#f5f5f5}.thank-you-message{padding:50px}.thank-you-message h1{font-size:2.5em;margin-bottom:20px}.thank-you-message p{font-size:1.2em;color:#555}.thank-you-join{margin-top:20px}.host-info{display:flex;flex-direction:column;align-items:center;margin-top:10px}.host-avatar{width:80px;height:80px;border-radius:50%;background-color:#f0f0f0;display:flex;align-items:center;justify-content:center;font-size:24px;color:#333;margin-bottom:10px}.host-avatar-placeholder{font-size:36px}.join-community-button{display:inline-block;padding:10px 20px;background-color:#0070f3;color:#fff;border-radius:5px;text-decoration:none;font-weight:bold;margin-top:10px;cursor:pointer;border:none}.join-community-button:hover{background-color:#005bb5}.join-community-button:disabled{background-color:#d0d0d0;cursor:not-allowed}.join-success-message{margin-top:20px}.download-buttons{display:flex;gap:20px;margin-top:10px}.download-button{display:flex;align-items:center;text-decoration:none;color:#0070f3;font-weight:bold}.download-button:hover{text-decoration:underline}.download-icon{width:24px;height:24px;margin-right:8px}.error-message{color:red;margin:20px 0}.cart-summary-image{max-height:200px;width:100%;overflow:hidden;display:flex;justify-content:center;align-items:center;overflow:hidden}.cart-summary-image img.event-media-thumb{background:#eeedf2;background:var(--image-background-color, #eeedf2);height:100%;width:100%;min-height:250px;flex:1 1 100%;object-fit:cover;object-position:center}.cart-total{margin-top:20px;font-size:18px;font-weight:bold;color:#2c3e50}.empty-cart-message{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;margin:50px 0;text-align:center}.empty-cart-message h3{font-weight:bold}.empty-cart-message p{color:#7f8c8d;font-size:16px}.empty-cart-message svg{width:50px;height:50px}.user-info{display:flex;align-items:center;font-size:1.6rem;cursor:pointer}.user-profile{background-color:#fff;color:#fff;border-radius:50%;font-size:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid #d3d3d3;transition:opacity .3s ease;padding:2px}.user-avatar{width:30px;height:30px;border-radius:50%;margin-right:10px;object-fit:cover}.user-avatar-placeholder{display:flex;align-items:center;justify-content:center;background-color:#ddd;color:#333;font-weight:bold;font-size:16px;width:30px;height:30px;border-radius:50%;margin-right:10px;text-transform:capitalize}.user-greeting{margin-right:10px}.no-signup-botton{display:flex;justify-content:center;align-items:center}.cart .p{margin-top:10px;margin-bottom:10px !important}.imageCard{width:100%;border-radius:.8rem;min-height:10rem;min-width:10rem;background-size:cover;background-position:center top;background-repeat:no-repeat;display:block}.final-container{display:flex;flex-direction:column;align-items:center}
input,select,textarea{font-size:16px}.sign-up-form{padding:20px;border:1px solid #ddd;border-radius:5px;background-color:#f9f9f9}.sign-up-form h2{margin-top:0}.sign-up-form label{display:block;margin-bottom:10px}.sign-up-form input{width:100%;padding:8px;margin-top:5px;margin-bottom:10px;border:1px solid #ccc;border-radius:4px}.sign-up-submit-button{padding:10px 20px;background-color:#0e86d4;color:#fff;border:none;border-radius:4px;cursor:pointer}.sign-up-submit-button:hover{background-color:#0056b3}.error-message{color:red;margin:20px 0}.auth-form h2{margin-bottom:20px}.auth-form label{display:block;margin-bottom:10px;font-size:14px}.auth-form input{width:100%;padding:8px;border:0;border-radius:4px}.auth-submit-button{display:block;padding:10px 15px;border:none;background:var(--dark-blue, #0e86d4);color:#fff;border-radius:4px;cursor:pointer;width:100%;text-align:center;font-size:1.6rem}.auth-secondary-button{padding:10px 16px;border:1px solid #ccc;background-color:rgba(0,0,0,0);color:#333;border-radius:6px;cursor:pointer;display:inline-block;text-align:center;width:100%;font-size:1.6rem}.auth-secondary-button:hover{background-color:#f5f5f5}.auth-form p{font-size:1.6rem}.user-login-switch{position:relative}.user-info-dropdown{flex-direction:column;position:absolute;right:0;align-items:center;width:13rem;list-style:none;padding:.7rem .5rem 5px;font-size:1.3rem;border-radius:3px;margin:0;border:1px solid #ccc;background:#fff;opacity:0;transform:translateY(-10px);pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:10;cursor:pointer}.user-info-dropdown.show{opacity:1;transform:translateY(10px);pointer-events:auto}.dropdown-item{border-bottom:1px solid #ccc;padding:1rem 0;width:100%;text-align:center}.dropdown-item:last-child{border:none}.login-button{padding:8px 16px;background-color:#0e86d4;color:#fff;border:none;border-radius:4px;cursor:pointer}.login-button:hover{background-color:#0056b3}.logout-link{color:#0e86d4;cursor:pointer;font-size:16px}.mobile-only{display:none}@media(max-width: 680px){.desktop-only{display:none}.mobile-only{display:flex}}.auth-form-header{display:flex;justify-content:space-between;align-items:center;padding:0rem 3rem}.auth-form-container{width:100%;margin:0 auto;padding:0 20px;box-sizing:border-box}.auth-form-container-login{max-width:350px}.auth-form .auth-toggle{color:#0e86d4;cursor:pointer;text-decoration:none}.auth-form .auth-toggle:hover{color:#0056b3}.auth-login-nav,.auth-signup-nav{padding:20px 0;text-align:center}input{border:0}.input-box{position:relative;margin-bottom:16px}.input-text{display:flex;align-items:center;border:1px solid #ccc;border-radius:4px;overflow:hidden;position:relative}.input-textbox{display:flex}.select-div{width:100%}.select-div select{width:100%}.input-text select{padding:8px 10px;border:none;border-right:1px solid #ccc;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(0,0,0,0)}.input-text input[type=text]{flex:1 1;padding:10px;border:none;box-sizing:border-box}.input-text .divider{width:1px;background-color:#ccc;height:100%;margin:0 8px}.input-box label{display:block;margin-bottom:20px;font-weight:bold;font-size:16px}.radio-box{display:flex;flex-direction:column;gap:2rem;margin-bottom:1.5rem}.radio-input{display:flex;flex-direction:column;gap:.8rem;padding:.5rem}.radio-input label{font-size:1.5rem;font-weight:bold;align-items:center;display:flex}.radio-input p{font-size:1.5rem;padding-left:2.3rem}.radio-input label input{margin-right:1rem}.input-box input[type=text],.input-box input[type=email],.input-box input[type=password]{width:100%;padding:10px;padding-right:40px;outline:none}.payment-container{width:100%;display:flex;justify-content:center}.payment-box{border:1px solid #199dda;border-radius:10px;padding:10px;display:flex;width:95%;flex-direction:column;gap:1.5rem;padding:1.5rem}.payment-info{display:flex;flex-direction:column;align-items:center;gap:.2rem}.payment-info h1{font-size:2rem;margin:0;margin-bottom:.4rem;color:#29b6f6}.payment-info h2{font-size:1.5rem;margin:0;margin-bottom:.2rem}.payment-info h3{font-size:1.3rem}.payment-info p{font-size:1.2rem}.payment-text{font-size:1.4rem;text-align:center}.media-input{width:100%;display:flex;gap:.5rem;align-items:center;color:#27a2db}.media-input label{font-weight:bold;display:flex;align-items:center;cursor:pointer}.media-input label:hover{color:#29b6f6}.media-input label span{width:20px;height:20px}.media-input input{width:100%;display:none}.media-container{display:flex;flex-wrap:wrap;scrollbar-width:none;margin:2rem 0}.media-case{width:50%;height:150px;padding:.5rem;display:inline-block;overflow:hidden}@media(min-width: 320px)and (max-width: 480px){.media-case{width:50%}}@media(min-width: 481px)and (max-width: 768px){.media-case{width:50%}}@media(min-width: 769px)and (max-width: 1024px){.media-case{width:33%}}.media-thumbnail{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;border:1px solid #bbb;border-radius:4px}.media-img-container{flex-direction:column;align-items:center;justify-content:center;overflow:hidden;margin-bottom:.5rem;width:100%;height:120px;display:flex}.media-thumb{width:100%;height:120px}.media-img{width:100%;height:100%;object-fit:cover;object-position:center}.text-div{font-size:.75rem;display:flex;justify-content:space-between;align-items:center;width:100%;padding:5px}.text-div p{flex:1 1;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:medium}.icon{border:none;width:20px;height:20px;cursor:pointer;padding:0;display:inline-block;align-items:center;border-radius:3px}.deleteIcon{color:#e70f0f !important;font-weight:bold;background-color:#fff}.retryIcon{color:#e70f0f !important;font-weight:bold;background-color:#fff;margin:5px auto}.toggle-password{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:0;font-size:18px;color:#333}.back-button{display:flex;align-items:center;padding:10px 15px;background-color:#0e86d4;color:#fff;border:none;border-radius:50%;cursor:pointer;font-size:16px;width:50px;height:50px;justify-content:center;text-align:center}.back-button i{font-size:20px}.back-button:hover{background-color:#0056b3}.countdown-timer{margin-bottom:20px;color:#0e86d4}.resend-otp{color:#178fdf;cursor:pointer;padding-left:3px}.resend-otp:hover{color:#1781c8}.auth-form .forgot-password-link{color:#0e86d4;cursor:pointer;text-decoration:none;text-align:center;margin-top:10px}.auth-form .forgot-password-link:hover{color:#0056b3}.auth-form .login-container{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.auth-form .auth-submit-button{margin:0}.auth-toggle.tab{display:inline-block;margin-bottom:20px;color:rgba(53,50,50,.571);border:1px solid #ccc;padding:0px;border-radius:8px;font-weight:500}.auth-toggle-option{cursor:pointer;display:inline-block;padding:10px 20px;border-radius:4px;transition:background-color .3s;font-size:1.6rem}.auth-toggle-option:first-child{border-right:1px solid #ccc}.auth-toggle-option.active{color:#0e86d4}.hidden{display:none}.userinfo-container{width:100%}.userinfo-text{padding:2rem}.userinfo-text h1{font-size:3rem;margin-bottom:.8rem}.userinfo-text p{font-size:1.5rem}@media(max-width: 480px){.back-button{padding:5px 7px;font-size:10px;width:30px;height:30px}.back-button i{font-size:15px}.payment-box{width:100%}.userinfo-text h1{font-size:2.2rem}.userinfo-text p{font-size:1.3rem}.media-container{justify-content:center}.payment-reciepts-container{justify-content:space-between}.payment-text{font-size:1rem}.payment-info h2{font-size:1.25rem}}.pagination{display:flex;justify-content:space-between;align-items:center}@media(max-width: 400px){.pagination{justify-content:center}}@media(max-width: 500px){.pagination{padding-bottom:20px}}.pagination-controls.numbered{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;padding:1rem 0;align-items:center}.pagination-controls.numbered button{color:#000;background-color:#fff;border:1px solid #2089cf;cursor:pointer;border-radius:5px;font-size:1.6rem;text-align:center;transition:background-color .2s ease,border-color .2s ease,color .2s ease;padding-block:0px;padding-inline:0px;padding:.4rem .8rem;font-weight:500}.pagination-controls.numbered button.active{background-color:#1477b9;color:#fff;font-weight:bold;box-shadow:0 0 0 2px #e6f3fc}.pagination-controls.numbered button:disabled{opacity:.4;cursor:not-allowed}.pagination-controls.numbered button:not(:disabled):hover{background-color:#e6f3fc;border-color:#0a79c2;color:#096db0}.pagination-controls.numbered button:focus-visible{outline:2px solid #0a79c2;outline-offset:2px}.pagination-ellipsis{display:flex;align-items:center;justify-content:center;font-size:1.6rem}.pagination-limit{display:flex;align-items:center;gap:.25rem}.pagination-limit label{font-size:1.6rem}@media(max-width: 500px){.pagination-limit label{display:none}}.pagination-limit select{border:1px solid #6bbef4;border-radius:5px;font-size:1.5rem;color:#0a79c2;display:flex;align-items:center;padding:.3rem 1rem;cursor:pointer}@media(max-width: 400px){.pagination-limit select{display:none}}.pagination-limit select:focus-visible{border:1px solid #0a79c2}.pagination-controls.numbered{gap:.4rem;padding:.5rem 0}.pagination-limit label{font-size:1.4rem}.end-of-list{color:#666;font-size:.9rem;margin-top:.5rem;display:inline-block;opacity:0;animation:fadeIn .3s forwards}@keyframes fadeIn{to{opacity:1}}
.progress-container{display:flex;align-items:center;justify-content:space-between;margin:20px 0;position:relative;gap:2rem;width:100%;margin-top:30px}.progress-step{display:flex;gap:.3rem;align-items:center;position:relative;border:none;cursor:pointer;background-color:#fff}.progress-step .step-circle{width:32px;height:32px;border-radius:50%;background:#ccc;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:bold;z-index:2;transition:background .3s}.progress-step .step-label{margin-left:8px;font-size:16px;text-align:left}.progress-step .progress-line{position:absolute;top:16px;left:40px;width:100px;height:2px;background:#ccc;z-index:1}.progress-step.active .step-circle{background:#0e86d4}.progress-step.completed .step-circle{background:#4caf50}.progress-step.disabled{cursor:not-allowed;opacity:.5;pointer-events:none;transition:opacity .3s ease}@media(max-width: 480px){.progress-container{gap:.3rem;width:100%}.progress-step .step-circle{width:30px;height:29px}.progress-step .step-label{font-size:11px}}
@keyframes spin{to{transform:rotate(1turn)}}.spinner-case{margin:4.8rem auto}.spinner{display:inline-block;aspect-ratio:1;border-radius:50%;animation:spin 1.5s linear infinite}.big-spinner{width:6.4rem;background:radial-gradient(farthest-side, #29b6f6 94%, rgba(0, 0, 0, 0)) top/10px 10px no-repeat,conic-gradient(rgba(0, 0, 0, 0) 30%, #0e86d4);-webkit-mask:radial-gradient(farthest-side, rgba(0, 0, 0, 0) calc(100% - 10px), #000 0)}.small-spinner{width:3rem;background:radial-gradient(farthest-side, #29b6f6 94%, rgba(0, 0, 0, 0)) top/5px 5px no-repeat,conic-gradient(rgba(0, 0, 0, 0) 30%, #0e86d4);-webkit-mask:radial-gradient(farthest-side, rgba(0, 0, 0, 0) calc(100% - 5px), #000 0)}.only-spinner{width:14px;height:14px;border:2px solid #ccc;border-top:2px solid #3673ec;border-radius:50%;animation:spin .6s linear infinite;display:inline-block;margin-left:8px}@keyframes spin{to{transform:rotate(360deg)}}
.variant-container{margin-top:1rem}.variant-label{font-weight:bold;margin-bottom:1rem;font-size:16px}.variant-display{display:flex;flex-direction:column;gap:.3rem}.variant-item{display:flex;flex-direction:column;gap:.25rem}.color-options{display:flex;gap:1rem;margin-bottom:1rem}.color-div{display:flex;gap:.5rem;align-items:center}.color-box{width:30px;height:30px;border-radius:50%;cursor:pointer;border:2px solid #cbcbcb}.size-options{display:flex;gap:8px}.size-box{padding:4px 10px;border-radius:6px;background:#f4f4f4;font-size:16px;cursor:pointer}.color-div.selected .color-box,.size-box.selected{border:2px solid #0e86d4}.color-div,.size-box{cursor:pointer}
.fallbackContainer{height:60vh;width:100%;display:flex;align-items:center;justify-content:center}.fallbackDiv{width:100%;display:flex;padding:1rem;flex-direction:column;align-items:center;gap:.5rem}.fallbackDiv h1{font-size:2.2rem}.fallbackDiv p{font-size:1.3rem;text-align:center}
.profile-fallback{display:flex;flex-direction:column;align-items:center}.profile{display:flex;min-height:50rem;width:95%;margin:0 auto;gap:3rem;max-width:1200px}.profile-fallback h2{font-size:2rem;font-weight:500;text-align:center}.profile-nav{width:25%;display:flex;flex-direction:column;border-radius:7px;border:1px solid #a4c8e0;overflow:hidden}@media(max-width: 780px){.profile-nav{display:none}}.profile-nav div{padding:1rem 2rem;font-size:1.6rem;display:flex;align-items:center;gap:1rem;height:4rem;cursor:pointer;border-bottom:1px solid #a4c8e0}.profile-nav div>span{width:16px;height:16px}.profile-nav div.active{background-color:#eff9ff;color:#0e86d4;font-weight:bold;border-left:4px solid #0e86d4}.profile-info{display:flex;flex-grow:1;flex-direction:column;border:1px solid #a4c8e0;padding:1rem}.profile-image div{width:85px;height:85px}.profile-image{display:flex;justify-content:center;padding-bottom:1.5rem}.profile-fullname{font-size:1.7rem}.profile-email{font-size:1.2rem;color:#403c3c;padding-bottom:.5rem}.nav-header .logout-link{font-size:1.5rem;padding-right:2rem}.nav-body{display:flex;flex-direction:column;padding:2rem;flex-grow:1;gap:2rem}.info{border-bottom:.5px solid #b3b3b3;display:flex;flex-direction:column;gap:1rem;padding-bottom:1rem}.info-label{font-size:1.2rem}.info-value{font-size:1.8rem}.profile-login{margin-top:20px;padding:10px 20px;font-size:16px;border:1px solid #ccc;background-color:rgba(0,0,0,0);color:#333;border-radius:5px;cursor:pointer;display:inline-block;text-align:center}.profile-login:hover{background-color:#f5f5f5}.transaction-container{flex-grow:1;gap:1rem;border-radius:7px;border:1px solid #a4c8e0;border-bottom:1px solid #b3b3b3;display:flex;flex-direction:column;padding:2rem 2rem 1rem 2rem;max-width:75%}.nav-header{border-bottom:1px solid #b3b3b3;display:flex;justify-content:space-between;align-items:center;padding:1.3rem 0}.nav-header-box{display:flex;align-items:center;gap:10px}.nav-header h3{font-size:2rem;color:#0a79c2;justify-content:space-between;padding-bottom:.5rem;align-items:center}.transaction-filter{border:1px solid #6bbef4;border-radius:5px;font-size:1.7rem;color:#0a79c2;display:flex;align-items:center;padding:.3rem 1rem;cursor:pointer}.transaction-filter:focus-visible{border:1px solid #0a79c2}.transaction-skeleton{display:flex;flex-direction:column;gap:1rem;background-color:#fff;border-bottom:1px solid #c8c8c8;padding-bottom:1rem}.transaction-skeleton-textbox{display:flex;flex-direction:row;justify-content:space-between}.transaction-skeleton-imagebox{display:flex;gap:1rem}.abbrevated-div{display:flex;align-items:center;justify-content:center;background-color:#e9e9e9;border-radius:5px;color:dimgray}.transaction-tabs{display:flex;flex-direction:column;gap:1rem;flex-grow:1;overflow-y:auto;max-height:50rem;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}@media(max-width: 500px){.transaction-tabs{max-height:100%}}.transaction-tabs::-webkit-scrollbar{display:none}.transaction-orders{display:flex;flex-direction:column;border-bottom:.5px solid #b3b3b3;cursor:pointer}.order-description{display:flex;flex-grow:1;flex-direction:column;gap:1rem}.order-description-top{display:flex;gap:1rem;align-items:center;margin:1rem 0}.order-details span{color:#fff;padding:.5rem 1rem;font-weight:500;font-size:1.4rem;border-radius:5px;white-space:nowrap}.order-summary p{font-size:1.5rem}.order-details{display:flex;flex-direction:column;gap:1rem;align-items:end}.order-content{display:flex;gap:1rem}.order-details button{border:none;padding:.7rem 1rem;font-size:1.4rem;border-radius:5px;color:#fff;background-color:#2497e3;cursor:pointer;white-space:nowrap}.order-summary{display:flex;flex-direction:column;gap:1rem;color:#8b8989}.order-details .delivery-address{display:flex;flex-direction:column;gap:.5rem;font-size:1.3rem}@media(max-width: 500px){.order-details .delivery-address{display:none}}.order-details button:hover{background-color:#2089cf}.order-details button:active{background-color:#217dba}.order-images{display:flex;gap:.8rem;margin:3rem 0}.order-images img{width:50px;height:50px;object-fit:contain}.order-images img.hidden{display:none}.transaction-details-view{display:flex;flex-direction:column;gap:1rem}.transaction-details{padding:1rem 0rem;display:flex;flex-direction:column}.payment-header{padding:1rem 0;font-size:1.6rem;border-bottom:.5px solid #b3b3b3;display:flex;align-items:center;gap:1rem}.payment-header h2{font-weight:500}.payment-header span{color:#fff;padding:.5rem .5rem;border-radius:5px;font-weight:500;font-size:1.4rem;display:inline-block;transform:translateY(-2px)}.payment-items{margin:1.5rem 0;font-size:1.3rem;scrollbar-width:none;-ms-overflow-style:none;max-height:50rem;overflow-y:auto}@media(max-width: 500px){.payment-items{max-height:100%}}.payment-items::-webkit-scrollbar{display:none}.payment-items h3{font-size:1.8rem;background-color:#eff9ff;padding:1rem;font-weight:500}.payment-item{display:flex;align-items:center;justify-content:flex-start;gap:1rem;padding:.5rem;font-size:1.3rem;border-bottom:1px solid #e0e0e0}.payment-item-description{display:flex;flex-direction:column;gap:1rem;flex-grow:1}.payment-item img{width:100px;height:100px;object-fit:contain;margin:.5rem 0}.payment-item h4{font-size:1.4rem}.payment-items-container{display:flex;flex-direction:column;gap:1rem;padding:2rem 0}.payment-items-container p{display:flex;justify-content:space-between;min-width:150px}.delivery-info-container{display:flex;flex-direction:column;justify-content:flex-start;padding:2rem 0;gap:1rem}.delivery-info-container p{display:flex;gap:.5rem}.transaction-summary{font-size:1.3rem}.transaction-summary h3{font-size:1.8rem;background-color:#eff9ff;padding:1rem;font-weight:500}.transaction-summary-container{display:flex;flex-direction:column;gap:1rem;padding:1rem 2rem}.transaction-summary-container p{display:flex;justify-content:space-between}.nav-header-button{padding:0px 12px;cursor:pointer;background:none;border:none;display:flex;align-items:center;gap:1rem;font-size:1.5rem;font-weight:bold;color:#000}.details-button{padding:8px 12px;cursor:pointer;background:none;border:none;display:flex;align-items:center;gap:1rem;font-size:1.8rem;font-weight:bold;width:100%;border-bottom:.5px solid #b3b3b3;padding:1rem 0;color:#000}.details-button span,.nav-header-button span{display:flex}.details-button span svg,.nav-header-button span svg{width:20px;height:20px}.delivery-note{flex-direction:column;gap:.5rem}.delivery-note span{padding:0 .5rem}@media(max-width: 500px){.profile{flex-direction:column;width:100%;gap:0;height:100%}.profile-nav{position:fixed;bottom:0;left:0;width:100%;max-width:500px;height:60px;border-radius:0px;background-color:#fff;display:flex;flex-direction:row;justify-content:space-around;align-items:center;z-index:100;transition:all .3s ease-in-out;padding-bottom:env(safe-area-inset-bottom)}.profile-nav div{flex:1 1;display:flex;justify-content:center;align-items:center;height:100%;padding:0;border:none;cursor:pointer;transition:background .2s ease}.profile-nav div:hover{background-color:#f0f0f0}.profile-nav div p{display:none}.profile-nav div span{display:block;width:24px;height:24px}.profile-info,.transaction-container{width:100%;border:none;padding-bottom:90px}.nav-header .logout-link{padding-right:1.5rem}.transaction-container{max-width:100%}.transaction-details{padding:.3rem 0rem}.payment-header{padding:1rem .7rem;font-size:1.1rem}.payment-header h2 span{font-size:1rem}}.transaction-detail-skeleton{padding:2rem 0}.disabled{cursor:not-allowed}

/*# sourceMappingURL=6cfca3eaad37246f.css.map*/