*{box-sizing:border-box}body{margin:0;font-family:Tahoma,Arial,sans-serif}.pill{border:1px solid #d6d2ca;background:#fff;border-radius:999px;padding:.65rem 1rem;font-size:.875rem}.choice{min-height:48px;border:1px solid #dedbd4;border-radius:13px;padding:.65rem .8rem;text-align:right;background:#fff;transition:.2s}.choice:hover{border-color:#98958d}.choice.active{background:#173f34;color:#fff;border-color:#173f34;box-shadow:0 8px 20px #173f3422}.choice small{color:#8d774c}.choice.active small{color:#d7c28a}.tab{white-space:nowrap;border-bottom:2px solid transparent;padding:.6rem .8rem 1rem;color:#88857e;font-size:.875rem}.tab.active{border-color:#173f34;color:#173f34;font-weight:700}.swatch{display:flex;align-items:center;gap:.5rem;border:1px solid #dedbd4;background:#fff;border-radius:999px;padding:.4rem .65rem}.swatch i{width:28px;height:28px;border:2px solid white;border-radius:999px;box-shadow:0 1px 5px #0003}.swatch.active{outline:2px solid #173f3430;border-color:#173f34}.preview-stage{position:relative;display:grid;place-items:center;background:radial-gradient(circle at 55% 20%,#f7f2e9 0 25%,transparent 55%),linear-gradient(135deg,#e8e0d3,#cfc5b5);overflow:hidden}.preview-stage:before{content:"";position:absolute;width:70%;height:85%;border:1px solid #ffffff80;border-radius:50% 50% 5% 5%;box-shadow:0 0 80px #fff8}.abaya{position:relative;width:48%;height:76%;filter:drop-shadow(0 24px 18px #0003);transition:.5s}.abaya .body{position:absolute;inset:8% 10% 0;background:var(--abaya-color,#171717);clip-path:polygon(28% 0,72% 0,78% 12%,100% 100%,0 100%,22% 12%);border-radius:12px}.sleeve{position:absolute;top:12%;width:38%;height:55%;background:var(--abaya-color,#171717);border-radius:30% 20% 45% 15%;transform-origin:top}.sleeve.right{right:-13%;transform:rotate(-10deg)}.sleeve.left{left:-13%;transform:rotate(10deg)}.collar{position:absolute;z-index:3;top:6%;left:43%;width:14%;height:9%;background:#292929;border-radius:50% 50% 35% 35%;border:2px solid #b79c6220}.embroidery{display:none;position:absolute;z-index:5;left:18%;right:18%;bottom:7%;height:5px;background:repeating-linear-gradient(90deg,#bda56e 0 5px,transparent 5px 10px);opacity:.8}.abaya.embroidered .embroidery{display:block}.abaya.bisht .body{clip-path:polygon(34% 0,66% 0,90% 8%,100% 100%,0 100%,10% 8%)}.abaya.flare .body{clip-path:polygon(32% 0,68% 0,75% 12%,100% 100%,0 100%,25% 12%)}.abaya.wide .sleeve{width:48%;height:62%}.abaya.high .collar{height:12%;top:3%;border-radius:25%}.summary-row{display:flex;justify-content:space-between;gap:1rem}.summary-row span:first-child{color:#8b8881}@media(max-width:700px){.abaya{width:55%;height:72%}}
.mobile-menu {
  transition: all 0.3s ease;
}

.mobile-menu.hidden-menu {
  display: none !important;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-15px);
  pointer-events: none;
}

.mobile-menu.show-menu {
  display: block !important;
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto;
}