/* Haider Cosmetic color switch: original <-> pink */

/* menu + theme button stay together inside the top bar */
.topbar-inner{
  grid-template-columns:auto 1fr 44px;
}

.topbar-menu-tools{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:7px;
  min-width:max-content;
}

.theme-color-button{
  position:static;
  width:42px;
  height:42px;
  flex:0 0 42px;
  border:1px solid var(--line);
  border-radius:14px;
  background:#fff;
  color:var(--ink);
  display:grid;
  place-items:center;
  cursor:pointer;
  padding:0;
  box-shadow:none;
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;
  transition:transform .18s ease, background .25s ease, border-color .25s ease, color .25s ease;
}
.theme-color-button:active{transform:scale(.94)}
.theme-color-button svg{width:22px;height:22px;display:block;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.theme-color-button.is-pink{color:#c95788;background:#fff1f7;border-color:#efbfd3}
html,body{width:100%;max-width:100%;overflow-x:hidden;touch-action:pan-x pan-y}
button,a,input,textarea,select,label{touch-action:manipulation}
body.theme-pink{--bg:#ffeaf3;--surface:#fff7fa;--ink:#54283d;--muted:#8c6375;--line:#f0bfd3;--gold:#df6f9f;--gold2:#f4a7c7;--dark:#6f3150;--shadow:0 16px 45px rgba(133,54,89,.12);background:#ffeaf3}
body.theme-pink .topbar{background:rgba(255,234,243,.94);border-bottom-color:rgba(223,111,159,.20)}
body.theme-pink .hero-card{background:radial-gradient(circle at 15% 15%,rgba(255,206,225,.45),transparent 30%),linear-gradient(135deg,#75324f,#a94f78 58%,#d879a2)}
body.theme-pink .hero p{color:#fff0f6}
body.theme-pink .icon-button,body.theme-pink .cart-button,body.theme-pink .theme-color-button,body.theme-pink .searchbox,body.theme-pink .filter-button,body.theme-pink .product-card,body.theme-pink .category-card,body.theme-pink .category-card-new,body.theme-pink .category-card-new .category-image-box,body.theme-pink .category-card-new .category-card-info,body.theme-pink .category-card-new .category-details-btn,body.theme-pink .empty-card,body.theme-pink .loading-card{background:#fff7fa;border-color:#f0bfd3}
body.theme-pink .theme-color-button{background:#f9d9e7;color:#8a365c;border-color:#e99aba}
body.theme-pink .product-image-wrap{background:#fff2f7}
body.theme-pink .btn-primary{background:linear-gradient(135deg,#f7afcc,#df6f9f);color:#51263a}
body.theme-pink .category-card.active{background:linear-gradient(135deg,#7a3453,#b45880);border-color:#e584ae}
body.theme-pink .offer-pill{background:#77314f;color:#ffd5e6;border-color:#ed9fc0}
body.theme-pink .bottom-nav{border-color:rgba(223,111,159,.20)}
body.theme-pink .footer{background:#6f3150}
@media(max-width:680px){.topbar-menu-tools{gap:5px}.theme-color-button{width:40px;height:40px;flex-basis:40px;border-radius:13px}.theme-color-button svg{width:21px;height:21px}}