#amoo-standalone-modal[hidden] { display: none !important; }
#amoo-standalone-modal, #amoo-standalone-modal * { box-sizing: border-box; }
#amoo-standalone-modal {
 position: fixed; inset: 0; z-index: 2147483000;
 display: grid; place-items: center; direction: rtl;
 font-family: inherit; color: #29243c; line-height: 1.65;
}
#amoo-standalone-modal .amoo-complements__overlay {
 position: absolute; inset: 0; background: rgba(25, 20, 45, .65);
 backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px);
}
#amoo-standalone-modal .amoo-complements__dialog {
 position: relative; width: min(720px, calc(100% - 32px));
 max-height: min(88vh, 800px); max-height: min(88dvh, 800px);
 display: flex; flex-direction: column; background: #fff;
 border: 1px solid #f0e8f8; border-radius: 24px; padding: 26px;
 overflow: auto; box-shadow: 0 28px 85px rgba(17, 12, 38, .25);
 text-align: right; outline: none;
 animation: amoo-complements-appear .2s ease-out both;
}
#amoo-standalone-modal .amoo-complements__close {
 position: absolute; inset-inline-start: 16px; top: 15px;
 display: grid; place-items: center; border: 0; border-radius: 50%;
 width: 36px; height: 36px; background: #f5f1f9; color: #5c5276;
 font-size: 27px; line-height: 1; cursor: pointer; padding: 0;
}
#amoo-standalone-modal .amoo-complements__eyebrow {
 color: #7657a9; font-size: 12px; font-weight: 700; margin-bottom: 5px;
}
#amoo-standalone-modal h2 {
 font-size: clamp(19px, 3vw, 25px); font-weight: 850;
 margin: 0 0 5px; color: #2c2345; line-height: 1.5;
 padding-inline-end: 28px;
}
#amoo-standalone-modal .amoo-complements__lead {
 color: #82778e; font-size: 13px; margin: 0 0 20px;
}
#amoo-standalone-modal .amoo-complements__items {
 display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px;
}
#amoo-standalone-modal .amoo-complements__item {
 display: flex; align-items: center; gap: 12px;
 background: #fdfbff; border: 1px solid #eae1f4; border-radius: 17px;
 padding: 11px; min-width: 0;
}
#amoo-standalone-modal .amoo-complements__picture {
 flex: 0 0 94px; width: 94px; height: 94px; display: block;
 border-radius: 12px; background: #fff; overflow: hidden;
}
#amoo-standalone-modal .amoo-complements__picture img {
 width: 100%; height: 100%; object-fit: contain; display: block;
}
#amoo-standalone-modal .amoo-complements__details {
 flex: 1 1 auto; min-width: 0; display: flex;
 flex-direction: column; align-items: flex-start; gap: 5px;
}
#amoo-standalone-modal .amoo-complements__name {
 color: #392c51; font-weight: 700; font-size: 13px; text-decoration: none;
 line-height: 1.6; display: -webkit-box; -webkit-line-clamp: 2;
 -webkit-box-orient: vertical; overflow: hidden;
}
#amoo-standalone-modal .amoo-complements__price {
 font-weight: 750; color: #67489a; font-size: 13px;
}
#amoo-standalone-modal .amoo-complements__price del {
 color: #a89cae; font-size: 11px;
}
#amoo-standalone-modal .amoo-complements__add,
#amoo-standalone-modal .amoo-complements__view {
 border: 0; border-radius: 10px; padding: 7px 11px;
 font-size: 12px; font-family: inherit; font-weight: 750;
 background: #6550a4; color: #fff; cursor: pointer; text-decoration: none;
 text-align: center; min-height: 34px;
}
#amoo-standalone-modal .amoo-complements__add:disabled {
 cursor: default; opacity: .76;
}
#amoo-standalone-modal .amoo-complements__view {
 background: #ece6f6; color: #5b458e;
}
#amoo-standalone-modal .amoo-complements__status {
 min-height: 19px; margin: 10px 0 4px; font-size: 12px;
 color: #267350;
}
#amoo-standalone-modal .amoo-complements__actions {
 display: flex; gap: 10px; align-items: center; flex-wrap: wrap;
 margin-top: 12px; border-top: 1px solid #eee8f4; padding-top: 18px;
}
#amoo-standalone-modal .amoo-complements__cart,
#amoo-standalone-modal .amoo-complements__continue {
 flex: 1; display: inline-flex; align-items: center; justify-content: center;
 min-height: 44px; border-radius: 12px; padding: 10px 16px;
 font-weight: 750; font-size: 13px; line-height: 1.5; font-family: inherit; text-decoration: none; cursor: pointer;
}
#amoo-standalone-modal .amoo-complements__cart {
 border: 1px solid #6550a4; background: #6550a4; color: #fff;
}
#amoo-standalone-modal .amoo-complements__continue {
 border: 1px solid #e6deee; background: #f8f5fb; color: #514462;
}
#amoo-standalone-modal :is(button,a):focus-visible {
 outline: 3px solid #eaa759; outline-offset: 2px;
}
@keyframes amoo-complements-appear {
 from { opacity: 0; transform: translateY(12px) scale(.98); }
 to { opacity: 1; transform: translateY(0) scale(1); }
}
@media (max-width: 640px) {
 #amoo-standalone-modal { place-items: end center; }
 #amoo-standalone-modal .amoo-complements__dialog {
  width: 100%; border-radius: 24px 24px 0 0;
  padding: 22px 16px max(18px, env(safe-area-inset-bottom));
  max-height: 90vh; max-height: 90dvh;
 }
 #amoo-standalone-modal .amoo-complements__items { grid-template-columns: 1fr; gap: 9px; }
 #amoo-standalone-modal .amoo-complements__item { padding: 9px; }
 #amoo-standalone-modal .amoo-complements__picture {
  flex-basis: 82px; width: 82px; height: 82px;
 }
 #amoo-standalone-modal h2 { font-size: 20px; }
 #amoo-standalone-modal .amoo-complements__lead { font-size: 12px; margin-bottom: 16px; }
 #amoo-standalone-modal .amoo-complements__name { font-size: 12px; }
}
@media (prefers-reduced-motion: reduce) {
 #amoo-standalone-modal .amoo-complements__dialog { animation: none; }
}