html { scroll-behavior: smooth; }
body { min-height: max(884px, 100dvh); overflow-x: hidden; }
button { -webkit-tap-highlight-color: transparent; }
.material-symbols-outlined { font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24; }
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }
.line-clamp-1 { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
.line-clamp-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.cart-count-badge { position: absolute; top: 0; right: 0; min-width: 18px; height: 18px; padding: 0 4px; border-radius: 999px; background: #0070ea; color: #fff; font-size: 11px; font-weight: 800; line-height: 18px; text-align: center; }
.cart-count-badge.bottom { top: 3px; right: 8px; }
.drawer { position: fixed; inset: 0; z-index: 60; display: flex; }
.drawer.hidden { display: none; }
.drawer-link { display:flex; align-items:center; justify-content:space-between; padding:.75rem; border-radius:2rem; color:#1c1b1b; font-size:18px; line-height:1.6; transition:background .2s ease,color .2s ease; }
.drawer-link:hover { background:#e5e2e1; }
.drawer-link.active { color:#0059bb; background:rgba(0,89,187,.10); font-weight:700; }
.category-tile { background:#f6f3f2; padding:1rem; border-radius:2rem; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.5rem; border:1px solid rgba(193,198,215,.45); box-shadow:0 1px 4px rgba(0,0,0,.05); transition:background .2s ease, transform .2s ease, box-shadow .2s ease; font-family:Inter,sans-serif; font-weight:700; }
.category-tile:hover { background:#e5e2e1; transform:translateY(-1px); box-shadow:0 6px 16px rgba(0,89,187,.08); }
.drawer-simple { display:flex; align-items:center; gap:.75rem; padding:.75rem; border-radius:1rem; font-size:16px; line-height:1.5; transition:background .2s ease; }
.drawer-simple:hover { background:#e5e2e1; }
.filter-pill { background:#fcf9f8; color:#1c1b1b; font-family:Inter,sans-serif; font-size:14px; line-height:1.2; letter-spacing:.05em; font-weight:700; padding:.5rem 1rem; border-radius:9999px; white-space:nowrap; flex-shrink:0; border:2px solid #717786; transition:border .2s ease,background .2s ease,color .2s ease; }
.filter-pill:hover { border-color:#0059bb; }
.filter-pill.active { background:#0070ea; color:#fefcff; border-color:#0070ea; }
.pillar-card { background:#fcf9f8; border-radius:2rem; padding:1.5rem; box-shadow:0 10px 30px rgba(0,89,187,.08); border:1px solid rgba(229,226,225,.5); display:flex; flex-direction:column; align-items:flex-start; transition:transform .3s ease, box-shadow .3s ease; }
.pillar-card:hover { transform:translateY(-4px); box-shadow:0 15px 40px rgba(0,89,187,.15); }
.pillar-icon { width:48px; height:48px; border-radius:999px; background:rgba(0,112,234,.2); color:#0059bb; display:flex; align-items:center; justify-content:center; margin-bottom:1rem; transition:background .2s ease,color .2s ease; }
.pillar-card:hover .pillar-icon { background:#0059bb; color:#fff; }
.pillar-card h3 { font-family:Montserrat,sans-serif; font-size:24px; line-height:1.3; font-weight:700; margin-bottom:.5rem; }
.pillar-card p { font-family:Inter,sans-serif; font-size:16px; line-height:1.5; color:#414754; }
.stat-card { background:#f6f3f2; border-radius:2rem; padding:1.5rem; display:flex; flex-direction:column; justify-content:center; align-items:center; border:1px solid rgba(193,198,215,.2); text-align:center; }
.stat-card span { font-family:Montserrat,sans-serif; font-size:48px; font-weight:900; color:#0059bb; margin-bottom:.5rem; }
.stat-card small { font-family:Inter,sans-serif; font-size:14px; letter-spacing:.05em; line-height:1.2; text-transform:uppercase; font-weight:700; color:#1c1b1b; }
.detail-feature { display:flex; flex-direction:column; align-items:center; text-align:center; gap:.5rem; }
.detail-feature div { width:48px; height:48px; border-radius:999px; background:#dae2ff; display:flex; align-items:center; justify-content:center; color:#001946; }
.detail-feature span:last-child { font-family:Inter,sans-serif; font-size:14px; line-height:1.2; letter-spacing:.05em; font-weight:700; color:#414754; }
.detail-feature-symbol { font-family: Inter, system-ui, sans-serif; font-size:22px; line-height:1; font-weight:800; }

.faq-card { background:white; border:1px solid rgba(193,198,215,.55); border-radius:1rem; padding:1rem; box-shadow:0 10px 30px rgba(0,71,171,.06); }
.faq-card summary { cursor:pointer; font-family:Montserrat,sans-serif; font-weight:700; }
.faq-card p { margin-top:.75rem; color:#414754; }
.cart-panel.hidden { display:none; }
.cart-panel { position:fixed; inset:0; z-index:70; }
.cart-backdrop { position:absolute; inset:0; background:rgba(0,26,65,.45); backdrop-filter:blur(3px); }
.cart-sheet { position:absolute; right:0; top:0; width:min(420px,100%); height:100%; background:#fcf9f8; box-shadow:-20px 0 60px rgba(0,0,0,.18); display:flex; flex-direction:column; }
.cart-sheet-header { display:flex; align-items:center; justify-content:space-between; padding:1rem; border-bottom:1px solid rgba(193,198,215,.5); }
.cart-sheet-header h2 { font-family:Montserrat,sans-serif; font-size:24px; font-weight:900; color:#0059bb; }
.cart-sheet-header button { border-radius:999px; padding:.5rem; }
.cart-sheet-header button:hover { background:#e5e2e1; }
.cart-items { flex:1; overflow:auto; padding:1rem; display:flex; flex-direction:column; gap:.75rem; }
.cart-item { display:grid; grid-template-columns:62px 1fr auto; gap:.75rem; align-items:center; background:white; border-radius:1rem; border:1px solid rgba(193,198,215,.4); padding:.75rem; }
.cart-item img { width:62px; height:62px; border-radius:.75rem; object-fit:cover; background:#f0eded; }
.cart-item h3 { font-family:Montserrat,sans-serif; font-size:14px; font-weight:800; line-height:1.2; }
.cart-item p { color:#0059bb; font-weight:800; font-size:13px; }
.cart-qty { display:flex; align-items:center; gap:.35rem; margin-top:.35rem; }
.cart-qty button { background:#f0eded; border-radius:999px; width:25px; height:25px; }
.cart-remove { color:#ba1a1a; border-radius:999px; padding:.4rem; }
.cart-total { padding:1rem; border-top:1px solid rgba(193,198,215,.5); display:flex; justify-content:space-between; align-items:center; font-family:Montserrat,sans-serif; font-size:20px; }
.checkout-btn { margin:0 1rem 1rem; background:#0059bb; color:white; border-radius:999px; padding:1rem; font-family:Inter,sans-serif; font-weight:800; }
.toast.hidden { display:none; }
.toast { position:fixed; left:50%; bottom:92px; transform:translateX(-50%); z-index:90; background:#001946; color:white; padding:.8rem 1rem; border-radius:999px; box-shadow:0 10px 30px rgba(0,0,0,.18); font-size:14px; font-weight:700; max-width:calc(100vw - 32px); text-align:center; }
.bottom-nav-btn { display:flex; flex-direction:column; align-items:center; justify-content:center; color:#414754; padding:.25rem 1rem; transition:color .2s ease,background .2s ease,transform .2s ease; font-family:Inter,sans-serif; font-size:10px; font-weight:700; }
.bottom-nav-btn:hover { color:#0059bb; }
.bottom-nav-btn.active { background:#0070ea; color:#fefcff; border-radius:9999px; transform:scale(.9); }
@media(max-width:640px){ .text-display-lg{font-size:44px!important;line-height:1.06!important;} }


/* Full cart page: updated from the new Stitch cart design */
#cartView { background: #f6f3f2; }
.cart-empty-box { background:#fcf9f8; border-radius:1rem; box-shadow:0 10px 30px rgba(0,71,171,0.08); padding:2rem 1rem; text-align:center; color:#414754; }
.cart-page-item { background:#fcf9f8; border-radius:1rem; box-shadow:0 10px 30px rgba(0,71,171,0.08); padding:1rem; display:flex; gap:1rem; align-items:center; }
.cart-product-thumb { width:96px; height:96px; border-radius:1rem; overflow:hidden; background:#eae7e7; flex-shrink:0; }
.cart-product-thumb img { width:100%; height:100%; object-fit:cover; }
.cart-product-info { min-width:0; flex:1; display:flex; flex-direction:column; justify-content:space-between; align-self:stretch; }
.cart-product-top { display:flex; justify-content:space-between; align-items:flex-start; gap:.5rem; }
.cart-product-top h3 { font-family:Montserrat,sans-serif; font-size:18px; line-height:1.25; font-weight:800; color:#1c1b1b; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.cart-product-top p { font-family:Inter,sans-serif; font-size:14px; line-height:1.2; letter-spacing:.05em; font-weight:700; color:#414754; margin-top:.25rem; }
.cart-item-remove { color:#717786; padding:.25rem; border-radius:999px; }
.cart-item-remove:hover { color:#ba1a1a; background:#ffdad6; }
.cart-product-bottom { display:flex; justify-content:space-between; align-items:flex-end; gap:.75rem; margin-top:1rem; }
.cart-page-price { font-family:Montserrat,sans-serif; font-size:22px; line-height:1; font-weight:900; color:#0059bb; white-space:nowrap; }
.cart-quantity-control { display:flex; align-items:center; background:#eae7e7; border-radius:999px; border:1px solid rgba(193,198,215,.3); overflow:hidden; flex-shrink:0; }
.cart-quantity-control button { width:32px; height:32px; display:flex; align-items:center; justify-content:center; color:#1c1b1b; transition:color .2s ease, background .2s ease; }
.cart-quantity-control button:hover { color:#0059bb; background:#d8e2ff; }
.cart-quantity-control span { width:32px; text-align:center; font-family:Inter,sans-serif; font-size:14px; letter-spacing:.05em; font-weight:800; color:#1c1b1b; }
@media (max-width:430px){ .cart-page-item{gap:.75rem;padding:.85rem}.cart-product-thumb{width:82px;height:82px}.cart-product-top h3{font-size:16px}.cart-page-price{font-size:20px}.cart-quantity-control button{width:29px;height:29px}.cart-quantity-control span{width:28px} }


/* Checkout page based on the new Stitch checkout reference. */
.checkout-input {
  width: 100%;
  padding: .85rem 1rem;
  background: #fcf9f8;
  border: 2px solid #c1c6d7;
  border-radius: 2rem;
  font-family: Inter, sans-serif;
  font-size: 16px;
  color: #1c1b1b;
}
.checkout-input:focus {
  outline: none;
  border-color: #0059bb;
  box-shadow: 0 0 0 2px rgba(0, 89, 187, .10);
}
.checkout-summary-row {
  display: flex;
  gap: 1rem;
  align-items: center;
}
.checkout-summary-row img {
  width: 64px;
  height: 64px;
  object-fit: cover;
  border-radius: 1rem;
  background: #e5e2e1;
  flex-shrink: 0;
}
.checkout-summary-row .summary-info { flex: 1; min-width: 0; }
.checkout-summary-row .summary-info p:first-child {
  font-family: Inter, sans-serif;
  font-weight: 700;
  color: #1c1b1b;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.checkout-summary-row .summary-info p:last-child {
  color: #414754;
  font-size: 14px;
}
.checkout-summary-row .summary-price {
  font-family: Montserrat, sans-serif;
  font-weight: 800;
  font-size: 14px;
  color: #1c1b1b;
}
.payment-choice {
  display: flex;
  align-items: center;
  gap: .5rem;
  background: #fcf9f8;
  border: 1px solid #c1c6d7;
  border-radius: 999px;
  padding: .75rem .85rem;
  font-family: Inter, sans-serif;
  font-weight: 700;
  font-size: 13px;
  color: #1c1b1b;
}
.payment-choice input { accent-color: #0059bb; }


/* v5 checkout and cart fixes */
.cart-quantity-control .qty-btn {width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;font-family:Inter,sans-serif;font-size:24px;line-height:1;font-weight:700;}
.cart-quantity-control .qty-number {width:36px;text-align:center;font-family:Inter,sans-serif;font-size:16px;font-weight:800;color:#1c1b1b;}
.checkout-summary-row .summary-price {min-width:70px;text-align:right;}
@media (max-width:430px){.cart-quantity-control .qty-btn{width:34px;height:34px;font-size:22px}.cart-quantity-control .qty-number{width:30px;font-size:15px}}


/* v6 profile page */
.profile-scroll-row::-webkit-scrollbar { display: none; }
.profile-scroll-row { scrollbar-width: none; }
.profile-action-card {
  width: 100%;
  background: #fff;
  border: 1px solid #f0eded;
  border-radius: 1.5rem;
  padding: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  text-align: left;
  box-shadow: 0 4px 20px rgba(0,89,187,0.03);
  transition: transform .2s ease, box-shadow .2s ease;
}
.profile-action-card:hover { transform: translateY(-2px); box-shadow: 0 10px 30px rgba(0,89,187,0.08); }
.profile-action-card h3 { font-family: Montserrat, sans-serif; font-size: 20px; line-height: 1.2; font-weight: 800; color: #1c1b1b; }
.profile-action-card p { font-family: Inter, sans-serif; font-size: 14px; color: #414754; margin-top: .25rem; }
.profile-icon {
  width: 48px;
  height: 48px;
  border-radius: 999px;
  background: #f0eded;
  color: #414754;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background .2s ease, color .2s ease;
}
.profile-action-card:hover .profile-icon { background: #0059bb; color: #fff; }
@media (max-width: 420px) {
  .profile-action-card { padding: 1rem; border-radius: 1.25rem; }
  .profile-action-card h3 { font-size: 18px; }
}

/* v7 brand and checkout polish */
.brand-wordmark {
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: clamp(2.05rem, 6.4vw, 2.65rem);
  line-height: 1;
  font-weight: 800;
  letter-spacing: -0.06em;
  color: #0059bb;
  text-rendering: optimizeLegibility;
}
.brand-wordmark--drawer,
.brand-wordmark--compact {
  font-size: clamp(1.9rem, 5.9vw, 2.35rem);
}

.checkout-input {
  width: 100%;
  min-height: 4.05rem;
  padding: 1rem 1.35rem;
  background: #fcf9f8;
  border: 3px solid #c7ccd8;
  border-radius: 9999px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  color: #1c1b1b;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.92);
}
.checkout-input::placeholder {
  color: #717786;
}
.checkout-input:focus {
  outline: none;
  border-color: #0059bb;
  box-shadow: 0 0 0 3px rgba(0, 89, 187, .10);
}


/* Supabase Seller Central admin panel */
.admin-card, .admin-hero-card, .admin-stat, .admin-list-item {
  background: #fcf9f8;
  border: 1px solid rgba(193,198,215,.45);
  box-shadow: 0 10px 30px rgba(0,71,171,.08);
  border-radius: 2rem;
}
.admin-card { padding: 1.25rem; }
.admin-hero-card { padding: 1.25rem; display:flex; align-items:center; justify-content:space-between; gap:1rem; }
.admin-kicker { color:#0059bb; font-family:Inter,sans-serif; font-size:12px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.admin-title { font-family:Montserrat,sans-serif; font-size:26px; line-height:1.15; font-weight:900; color:#1c1b1b; margin-top:.25rem; }
.admin-muted { color:#414754; font-family:Inter,sans-serif; font-size:14px; line-height:1.5; }
.admin-error { color:#ba1a1a; background:#ffdad6; border-radius:1rem; padding:1rem; font-weight:700; }
.admin-form { display:flex; flex-direction:column; gap:.65rem; }
.admin-form label { font-family:Inter,sans-serif; font-size:12px; font-weight:800; color:#414754; letter-spacing:.04em; text-transform:uppercase; }
.admin-form input, .admin-form textarea, .admin-form select {
  width:100%; background:#fff; border:2px solid #c1c6d7; border-radius:1.25rem; padding:.9rem 1rem;
  color:#1c1b1b; font-family:Inter,sans-serif; font-size:15px; outline:none;
}
.admin-form textarea { resize:vertical; min-height:88px; }
.admin-form input:focus, .admin-form textarea:focus, .admin-form select:focus { border-color:#0059bb; box-shadow:0 0 0 3px rgba(0,89,187,.12); }
.admin-primary-btn { border:none; background:#0059bb; color:white; border-radius:999px; padding:1rem 1.25rem; font-family:Inter,sans-serif; font-weight:900; display:flex; align-items:center; justify-content:center; gap:.5rem; box-shadow:0 10px 22px rgba(0,89,187,.22); }
.admin-primary-btn:active { transform:scale(.98); }
.admin-primary-btn:disabled { opacity:.7; cursor:not-allowed; transform:none; }
.admin-big-btn { width:100%; font-size:16px; }
.admin-ghost-btn, .admin-icon-btn { border:1px solid #c1c6d7; background:white; color:#414754; border-radius:999px; padding:.7rem 1rem; font-family:Inter,sans-serif; font-weight:800; }
.admin-icon-btn { padding:.55rem; display:flex; align-items:center; justify-content:center; }
.admin-status { color:#414754; font-size:13px; min-height:20px; }
.admin-stats-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:.75rem; }
.admin-stat { padding:1rem .75rem; text-align:center; }
.admin-stat span { display:block; color:#0059bb; font-family:Montserrat,sans-serif; font-size:28px; font-weight:900; }
.admin-stat small { display:block; margin-top:.25rem; color:#414754; font-family:Inter,sans-serif; font-size:10px; font-weight:900; letter-spacing:.06em; text-transform:uppercase; }
.admin-step { display:flex; align-items:center; gap:.5rem; font-family:Montserrat,sans-serif; font-size:20px; font-weight:900; margin-top:1rem; color:#1c1b1b; }
.admin-step span { width:24px; height:24px; border-radius:999px; background:#0059bb; color:#fff; display:inline-flex; align-items:center; justify-content:center; font-size:13px; }
.admin-upload-box { border:2px dashed #c1c6d7; border-radius:1.5rem; padding:1.25rem; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.35rem; text-align:center; cursor:pointer; background:#fff; text-transform:none!important; }
.admin-upload-box .material-symbols-outlined { color:#0059bb; font-size:34px; }
.admin-upload-box strong { color:#1c1b1b; font-size:15px; }
.admin-upload-box small { color:#717786; font-size:12px; }
.admin-grid-2 { display:grid; grid-template-columns:1fr 1fr; gap:.75rem; }
.admin-toggle-row { background:#fff; border:2px solid #c1c6d7; border-radius:1.25rem; padding:.85rem 1rem; display:flex; justify-content:space-between; align-items:center; gap:1rem; text-transform:none!important; }
.admin-toggle-row span { display:flex; flex-direction:column; color:#1c1b1b; font-size:15px; text-transform:none; }
.admin-toggle-row small { color:#717786; font-weight:500; margin-top:.15rem; }
.admin-toggle-row input { width:48px; height:26px; accent-color:#0059bb; }
.admin-list-item { padding:.75rem; display:grid; grid-template-columns:74px 1fr auto; gap:.8rem; align-items:center; }
.admin-list-item img { width:74px; height:74px; object-fit:cover; background:#f0eded; border-radius:1rem; }
.admin-list-main { min-width:0; }
.admin-list-title { display:flex; align-items:center; gap:.5rem; min-width:0; }
.admin-list-title h3 { font-family:Montserrat,sans-serif; font-weight:900; color:#1c1b1b; font-size:15px; line-height:1.2; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.admin-list-main p { color:#414754; font-size:12px; margin:.25rem 0; }
.admin-list-main strong { color:#0059bb; font-family:Montserrat,sans-serif; font-weight:900; }
.admin-badge { border-radius:999px; padding:.25rem .55rem; font-size:11px; font-weight:900; white-space:nowrap; }
.admin-badge.active { color:#0059bb; background:#d8e2ff; }
.admin-badge.inactive { color:#ba1a1a; background:#ffdad6; }
.admin-copy-link { color:#0059bb; font-weight:800; font-size:12px; margin-top:.25rem; display:block; }
.admin-list-actions { display:flex; flex-direction:column; gap:.35rem; align-items:flex-end; }
.admin-list-actions button { background:#fff; border:1px solid #c1c6d7; border-radius:999px; padding:.4rem .6rem; color:#414754; font-weight:800; font-size:12px; }
.seller-central-card { border-color:rgba(0,89,187,.25)!important; background:linear-gradient(135deg,#fff,#f0f6ff)!important; }
@media(max-width:520px){ .admin-grid-2{grid-template-columns:1fr}.admin-list-item{grid-template-columns:62px 1fr}.admin-list-actions{grid-column:1/-1; flex-direction:row; justify-content:flex-end}.admin-stats-grid{gap:.5rem}.admin-stat span{font-size:22px}.admin-title{font-size:23px} }

.admin-link-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-top:.35rem}
.admin-link-row span{font-size:11px;color:#414754;word-break:break-all;background:#f6f3f2;border:1px solid #e5e2e1;border-radius:999px;padding:.35rem .6rem;max-width:100%}
.inline-copy-link{margin-left:.35rem;border:0;background:#0059bb;color:#fff;border-radius:999px;padding:.45rem .75rem;font-weight:800;font-family:Inter,system-ui,sans-serif;cursor:pointer}

/* v3: single product listing area, no duplicate home/shop product grid */
.sr-anchor { position: relative; top: -90px; height: 1px; overflow: hidden; }
.shop-panel {
  background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(246,243,242,.65));
  border: 1px solid rgba(193,198,215,.45);
  border-radius: 2rem;
  padding: 1.15rem;
  margin-bottom: 1.5rem;
  box-shadow: 0 12px 36px rgba(0,89,187,.07);
}
.shop-heading { text-align: left; margin-bottom: 1rem; }
.shop-heading .shop-kicker {
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #0059bb;
  margin-bottom: .35rem;
}
.shop-heading h2 {
  font-family: Montserrat, sans-serif;
  font-size: clamp(30px, 7vw, 44px);
  line-height: 1.05;
  font-weight: 900;
  color: #1c1b1b;
  letter-spacing: -.04em;
}
.shop-heading p {
  margin-top: .4rem;
  font-family: Inter, sans-serif;
  color: #414754;
  font-size: 15px;
  line-height: 1.45;
}
.shop-search-wrap { margin-bottom: .85rem; }
.shop-filter-row { display: flex; overflow-x: auto; gap: .75rem; padding: .35rem 0 .1rem; scrollbar-width: none; }
.shop-filter-row::-webkit-scrollbar { display: none; }
.autofill-trap { position:absolute!important; left:-10000px!important; width:1px!important; height:1px!important; opacity:0!important; pointer-events:none!important; }
@media (min-width: 768px) {
  .shop-panel { padding: 1.35rem; }
  .shop-heading { text-align: center; }
  .shop-heading p { font-size: 16px; }
}

/* v5.1 requested fixes: cleaner checkout forms, hidden admin link URL, removable recent items */
#checkoutView label,
#checkoutView h3,
#checkoutView .font-label-bold,
#cartView .font-label-bold {
  font-family: Inter, system-ui, sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: .035em;
}
#checkoutView .checkout-input,
#checkoutView input.checkout-input {
  width: 100% !important;
  min-height: 54px !important;
  padding: .78rem 1.05rem !important;
  background: #fcf9f8 !important;
  border: 2px solid #c1c6d7 !important;
  border-radius: 1.65rem !important;
  box-shadow: 0 5px 16px rgba(0, 89, 187, .035) !important;
  font-family: Inter, system-ui, sans-serif !important;
  font-size: 15px !important;
  line-height: 1.25 !important;
  color: #1c1b1b !important;
  outline: none !important;
  appearance: none;
  -webkit-appearance: none;
}
#checkoutView .checkout-input:focus {
  border-color: #0059bb !important;
  box-shadow: 0 0 0 3px rgba(0, 89, 187, .12), 0 8px 20px rgba(0, 89, 187, .06) !important;
}
#checkoutView section label.relative {
  border-radius: 1.65rem !important;
  padding: .95rem 1rem !important;
}
#checkoutView section label.relative .absolute {
  border-radius: 1.65rem !important;
}
#checkoutView section.flex.flex-col.gap-stack-md.bg-surface-container-high\/40 {
  border-radius: 1.75rem !important;
  background: rgba(246,243,242,.55) !important;
}
.admin-link-row { margin-top: .45rem; }
.admin-link-row span { display: none !important; }
.admin-copy-link {
  display: inline-flex !important;
  width: auto !important;
  align-items: center;
  justify-content: center;
  color: #0059bb !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  font-family: Inter, system-ui, sans-serif !important;
}
.recent-clear-btn {
  color: #0059bb;
  background: rgba(0,112,234,.08);
  border: 1px solid rgba(0,89,187,.18);
  border-radius: 999px;
  padding: .45rem .8rem;
  font-family: Inter, system-ui, sans-serif;
  font-size: 12px;
  font-weight: 900;
}
.recent-card {
  position: relative;
  flex: 0 0 10rem;
  background: #fff;
  border: 1px solid rgba(193,198,215,.45);
  border-radius: 1.25rem;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0,71,171,.08);
  cursor: pointer;
}
.recent-img { aspect-ratio: 1/1; background: #f0eded; overflow: hidden; }
.recent-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.recent-info { padding: .75rem; display: flex; flex-direction: column; gap: .25rem; }
.recent-info span { font-family: Inter, system-ui, sans-serif; font-size: 13px; font-weight: 700; color: #1c1b1b; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.recent-info strong { font-family: Montserrat, sans-serif; color: #0059bb; font-size: 13px; font-weight: 900; }
.recent-remove {
  position: absolute;
  top: .4rem;
  right: .4rem;
  z-index: 2;
  width: 28px;
  height: 28px;
  border-radius: 999px;
  background: rgba(28,27,27,.72);
  color: white;
  font-size: 20px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(4px);
}
.recent-empty {
  flex: 1 0 100%;
  background: #fff;
  border: 1px dashed #c1c6d7;
  border-radius: 1.25rem;
  padding: 1.25rem;
  color: #717786;
  font-family: Inter, system-ui, sans-serif;
  font-weight: 700;
  text-align: center;
}
@media(max-width:430px){
  #checkoutView .checkout-input,
  #checkoutView input.checkout-input { min-height: 50px !important; font-size: 14px !important; border-radius: 1.45rem !important; }
  #checkoutView section label.relative { padding: .85rem .9rem !important; }
}


/* v8 customer auth, real saved items, seller-only controls */
.profile-auth-card {
  background: #fcf9f8;
  border: 1px solid rgba(193,198,215,.45);
  box-shadow: 0 10px 30px rgba(0,71,171,.08);
  border-radius: 2rem;
  padding: 1.25rem;
  width: 100%;
  max-width: 520px;
  margin: 2rem auto 0;
}
.auth-button-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .75rem;
  align-items: center;
}
.profile-avatar-ring {
  width: 8rem;
  height: 8rem;
  border-radius: 999px;
  overflow: hidden;
  border: 4px solid #fcf9f8;
  box-shadow: 0 10px 30px rgba(0,71,171,.12);
  background: linear-gradient(135deg, #d8e2ff, #0070ea);
  display: flex;
  align-items: center;
  justify-content: center;
}
.profile-avatar-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.profile-avatar-initial {
  font-family: Montserrat, sans-serif;
  font-size: 3.25rem;
  font-weight: 900;
  color: #fff;
  line-height: 1;
}
.saved-active {
  border-color: #0059bb !important;
  background: #d8e2ff !important;
  color: #0059bb !important;
}
.saved-products-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: .75rem;
}
.saved-product-card {
  position: relative;
  background: #fff;
  border: 1px solid rgba(193,198,215,.45);
  border-radius: 1.5rem;
  padding: .85rem;
  display: grid;
  grid-template-columns: 78px 1fr;
  gap: .9rem;
  align-items: center;
  box-shadow: 0 10px 30px rgba(0,71,171,.07);
  cursor: pointer;
}
.saved-product-card img {
  width: 78px;
  height: 78px;
  object-fit: cover;
  border-radius: 1rem;
  background: #f0eded;
}
.saved-product-info h4 {
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 900;
  color: #1c1b1b;
  padding-right: 2rem;
}
.saved-product-info p {
  font-family: Inter, sans-serif;
  color: #414754;
  font-size: 13px;
  margin-top: .2rem;
}
.saved-product-info strong {
  display: inline-block;
  margin-top: .35rem;
  font-family: Montserrat, sans-serif;
  color: #0059bb;
  font-weight: 900;
}
.saved-remove {
  position: absolute;
  top: .55rem;
  right: .55rem;
  width: 28px;
  height: 28px;
  border-radius: 999px;
  background: rgba(28,27,27,.08);
  color: #414754;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  line-height: 1;
  z-index: 2;
}
.saved-remove:hover {
  background: #ffdad6;
  color: #ba1a1a;
}
@media (min-width: 640px) {
  .saved-products-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 768px) {
  .profile-avatar-ring { width: 10rem; height: 10rem; }
  .profile-avatar-initial { font-size: 4rem; }
}

/* v9 detail page button polish */
.detail-save-chip {
  position: absolute;
  right: 14px;
  bottom: 14px;
  z-index: 12;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .35rem;
  min-height: 38px;
  padding: 0 .85rem;
  border-radius: 999px;
  border: 1px solid rgba(193,198,215,.75);
  background: rgba(252,249,248,.94);
  color: #0059bb;
  font-family: Inter, sans-serif;
  font-size: 14px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: .01em;
  box-shadow: 0 10px 24px rgba(0,71,171,.12);
  backdrop-filter: blur(10px);
}
.detail-save-chip:hover {
  background: #d8e2ff;
  border-color: #0059bb;
}
.detail-save-chip.saved-active {
  background: #0059bb !important;
  border-color: #0059bb !important;
  color: #fff !important;
}
#detailAddCart,
#detailWhatsapp {
  min-height: 56px;
  padding-top: .85rem !important;
  padding-bottom: .85rem !important;
  font-family: Montserrat, sans-serif !important;
  font-size: 20px !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
}
@media (max-width: 430px) {
  .detail-save-chip {
    right: 12px;
    bottom: 12px;
    min-height: 34px;
    padding: 0 .7rem;
    font-size: 13px;
  }
  #detailAddCart,
  #detailWhatsapp {
    min-height: 52px;
    font-size: 18px !important;
  }
}

/* Manual bKash/Nagad payment flow */
.manual-payment-card{
  display:flex;
  flex-direction:column;
  gap:1rem;
  background:rgba(246,243,242,.55);
  padding:1.25rem;
  border-radius:1.75rem;
  border:2px dashed var(--outline-variant, #c1c6d7);
}
.manual-payment-note{
  color:var(--on-surface-variant,#414754);
  line-height:1.55;
  font-size:.95rem;
}
.payment-method-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:.75rem;
}
.payment-method-btn{
  border:2px solid var(--outline-variant,#c1c6d7);
  background:#fff;
  color:var(--on-surface,#1c1b1b);
  border-radius:999px;
  min-height:3rem;
  font-weight:800;
  letter-spacing:.02em;
  transition:.2s ease;
}
.payment-method-btn.active{
  background:var(--primary,#0059bb);
  border-color:var(--primary,#0059bb);
  color:#fff;
  box-shadow:0 10px 24px rgba(0,89,187,.18);
}
.payment-number-box{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  padding:1rem;
  border-radius:1.35rem;
  background:#fff;
  border:1px solid rgba(193,198,215,.8);
  box-shadow:0 10px 30px rgba(0,71,171,.06);
}
.payment-number-box span,
.payment-number-box small{
  display:block;
  color:var(--on-surface-variant,#414754);
  font-size:.82rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.payment-number-box strong{
  display:block;
  color:var(--primary,#0059bb);
  font-size:1.35rem;
  margin:.25rem 0;
  word-break:break-word;
}
.payment-number-box button{
  flex:0 0 auto;
  border:none;
  background:var(--primary,#0059bb);
  color:#fff;
  border-radius:999px;
  padding:.8rem 1.15rem;
  font-weight:800;
}
.order-card,
.admin-order-item{
  background:#fff;
  border:1px solid rgba(193,198,215,.6);
  border-radius:1.25rem;
  padding:1rem;
  box-shadow:0 8px 26px rgba(0,71,171,.06);
}
.order-card-top{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:1rem;
  margin-bottom:.75rem;
}
.order-card-top strong{font-weight:900;color:var(--on-surface,#1c1b1b)}
.order-card-top p{color:var(--on-surface-variant,#414754);margin-top:.25rem;font-size:.92rem}
.order-card-row{
  display:flex;
  justify-content:space-between;
  gap:1rem;
  color:var(--on-surface-variant,#414754);
  padding:.25rem 0;
}
.order-card-row b{color:var(--on-surface,#1c1b1b);text-align:right}
.order-status{
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  padding:.35rem .7rem;
  font-size:.78rem;
  font-weight:900;
  white-space:nowrap;
}
.order-status.pending{background:#fff3cd;color:#8a5a00}
.order-status.confirmed{background:#dcfce7;color:#166534}
.order-status.rejected{background:#fee2e2;color:#991b1b}
.admin-order-item p{
  color:var(--on-surface-variant,#414754);
  font-size:.9rem;
  margin:.35rem 0;
}
.admin-order-actions{
  justify-content:flex-end;
  margin-top:.7rem;
}
.admin-order-actions button:disabled{
  opacity:.45;
  pointer-events:none;
}

/* v13: safer brand, seller curator dashboard, WhatsApp support */
.brand-wordmark {
  font-family: Poppins, Montserrat, Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-weight: 900 !important;
  letter-spacing: -0.045em !important;
  color: #0059bb !important;
}
#profileView header .brand-wordmark,
#checkoutView header .brand-wordmark,
#detailView header .brand-wordmark,
#adminView header .brand-wordmark {
  letter-spacing: -0.035em !important;
}
#customerNameWrap.hidden { display: none !important; }
.admin-stats-grid--two {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.admin-curator-stat {
  min-height: 152px;
  padding: 1.25rem !important;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-align: left !important;
}
.admin-stat-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: .75rem;
}
.admin-stat-top small {
  color: #414754;
  font-size: 14px !important;
  line-height: 1.2;
  letter-spacing: .08em;
}
.admin-stat-top .material-symbols-outlined {
  color: #0059bb;
  background: #d8e2ff;
  width: 3rem;
  height: 3rem;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.admin-curator-stat strong {
  display: block;
  font-family: Montserrat, sans-serif;
  font-weight: 900;
  font-size: 2.45rem;
  line-height: 1;
  color: #1c1b1b;
  margin-top: 1rem;
}
.admin-curator-stat p {
  display: flex;
  align-items: center;
  gap: .35rem;
  color: #414754;
  font-weight: 700;
  margin-top: .55rem;
}
.admin-curator-stat p .material-symbols-outlined { font-size: 18px; color: #0059bb; }
.admin-curator-stat p.warning { color: #ba1a1a; }
.admin-curator-stat p.warning .material-symbols-outlined { color: #ba1a1a; }
.admin-curated-card {
  background: #fcf9f8;
  border: 1px solid rgba(193,198,215,.45);
  border-radius: 2rem;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0,71,171,.08);
}
.admin-curated-image {
  position: relative;
  width: 100%;
  aspect-ratio: 4 / 3;
  background: #f0eded;
  overflow: hidden;
}
.admin-curated-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.admin-curated-image span {
  position: absolute;
  top: .75rem;
  right: .75rem;
  background: #0059bb;
  color: #fff;
  border-radius: 999px;
  padding: .45rem .8rem;
  font-family: Montserrat, sans-serif;
  font-weight: 900;
  box-shadow: 0 10px 24px rgba(0,89,187,.22);
}
.admin-curated-body {
  padding: 1.25rem;
}
.admin-curated-title-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: .75rem;
}
.admin-curated-title-row h3 {
  font-family: Montserrat, sans-serif;
  font-weight: 900;
  font-size: 1.45rem;
  line-height: 1.15;
  color: #1c1b1b;
}
.admin-curated-body p {
  color: #414754;
  margin-top: .45rem;
  line-height: 1.45;
}
.admin-curated-actions {
  display: flex;
  align-items: center;
  gap: .75rem;
  margin-top: 1.1rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(193,198,215,.45);
  flex-wrap: wrap;
}
.admin-curated-actions button {
  border: 0;
  background: transparent;
  color: #414754;
  font-family: Inter, sans-serif;
  font-weight: 900;
  display: inline-flex;
  align-items: center;
  gap: .25rem;
  cursor: pointer;
}
.admin-curated-actions button:first-child,
.admin-curated-actions button:hover { color: #0059bb; }
.admin-curated-actions .danger { color: #ba1a1a; margin-left: auto; }
.whatsapp-support {
  position: fixed;
  right: 1rem;
  bottom: 5.2rem;
  z-index: 39;
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  border: 0;
  border-radius: 999px;
  padding: .75rem 1rem;
  background: #25d366;
  color: #fff;
  font-family: Inter, sans-serif;
  font-weight: 900;
  box-shadow: 0 14px 30px rgba(37,211,102,.28);
}
.whatsapp-support .material-symbols-outlined { font-size: 20px; }
@media(max-width:520px){
  .admin-stats-grid--two { grid-template-columns: 1fr !important; }
  .admin-curator-stat { min-height: 140px; }
  .admin-curated-title-row h3 { font-size: 1.25rem; }
  .admin-curated-actions .danger { margin-left: 0; }
}

/* v14 focused fixes: profile payment methods, cleaner seller cards */
.payment-profile-panel {
  width: 100%;
  background: #fff;
  border: 1px solid rgba(193,198,215,.45);
  border-radius: 1.5rem;
  padding: 1.25rem;
  box-shadow: 0 10px 30px rgba(0,71,171,.06);
}
.payment-method-list {
  margin-top: 1rem;
  display: flex;
  flex-direction: column;
  gap: .75rem;
}
.payment-method-saved-card {
  border: 1px solid rgba(193,198,215,.55);
  border-radius: 1rem;
  padding: 1rem;
  background: #fcf9f8;
}
.payment-method-saved-card strong {
  font-family: Montserrat, sans-serif;
  font-weight: 900;
  color: #0059bb;
  display: block;
  margin-bottom: .25rem;
}
.payment-method-saved-card p {
  font-family: Inter, sans-serif;
  font-weight: 800;
  color: #1c1b1b;
  margin: 0;
}
.payment-method-saved-card small {
  display: block;
  color: #717786;
  margin-top: .25rem;
}
.admin-stat-top {
  justify-content: flex-start;
}
.admin-stat-top .material-symbols-outlined {
  display: none !important;
}
.admin-curated-actions {
  justify-content: space-between;
  flex-wrap: nowrap;
  gap: .75rem;
}
.admin-action-left {
  display: inline-flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}
.admin-curated-actions button {
  font-size: 1rem;
  padding: .2rem 0;
}
.admin-curated-actions .admin-copy-action,
.admin-curated-actions button:first-child {
  color: #0059bb;
}
.admin-curated-actions .danger {
  margin-left: auto;
  color: #ba1a1a;
}
@media(max-width:420px){
  .admin-action-left { gap: .8rem; }
  .admin-curated-actions button { font-size: .95rem; }
}

/* v16: seller order queue stays compact and only shows pending payments */
.admin-order-queue-note{
  border:1px dashed rgba(0,89,187,.28);
  background:rgba(0,89,187,.04);
  color:var(--on-surface-variant,#414754);
  border-radius:1rem;
  padding:.85rem 1rem;
  font-weight:700;
  font-size:.9rem;
}
.admin-order-item-compact{
  padding:.9rem 1rem;
}
.admin-order-item-compact .admin-list-title h3{
  font-size:1rem;
}
.admin-order-item-compact p{
  margin:.2rem 0;
  line-height:1.35;
}

/* v17: order tracking and seller sales history */
.order-search-result {
  margin-top: 1rem;
}
.order-search-card {
  background: #ffffff;
  border: 1px solid rgba(193, 198, 215, 0.7);
  border-radius: 1.5rem;
  padding: 1rem;
  box-shadow: 0 10px 30px rgba(0, 71, 171, 0.06);
}
.order-search-card > strong {
  display: block;
  color: #0059bb;
  font-family: Montserrat, sans-serif;
  font-weight: 800;
  margin-bottom: .35rem;
}
.order-detail-card {
  margin-top: .75rem;
}
.order-detail-card .order-card-row b {
  text-align: right;
  max-width: 65%;
  overflow-wrap: anywhere;
}
#profileOrdersStatCard {
  -webkit-tap-highlight-color: transparent;
}
#profileOrdersStatCard:active {
  transform: scale(.98);
}

/* v18: premium order history cards + stronger order search */
.order-search-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  margin-bottom:.85rem;
}
.order-search-title strong{
  color:#0059bb;
  font-family:Montserrat, sans-serif;
  font-size:1rem;
  font-weight:900;
}
.premium-order-card{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(193,198,215,.55);
  border-radius:1.65rem;
  background:linear-gradient(180deg,#ffffff 0%,#fffdfd 100%);
  padding:0;
  box-shadow:0 18px 45px rgba(0,71,171,.08);
}
.premium-order-card::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:5px;
  background:linear-gradient(90deg,#0059bb,#6c98ff);
}
.premium-order-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:1rem;
  padding:1.1rem 1.1rem .85rem;
  border-bottom:1px solid rgba(193,198,215,.35);
}
.premium-order-kicker{
  display:block;
  color:#0059bb;
  font-family:Inter,system-ui,sans-serif;
  font-size:.68rem;
  line-height:1;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  margin-bottom:.38rem;
}
.premium-order-head strong{
  display:block;
  color:#111;
  font-family:Montserrat,sans-serif;
  font-size:1.12rem;
  line-height:1.1;
  font-weight:900;
  letter-spacing:-.035em;
}
.premium-order-head small{
  display:block;
  color:#5d6472;
  font-family:Inter,system-ui,sans-serif;
  font-size:.84rem;
  margin-top:.35rem;
}
.premium-order-body{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:.75rem;
  padding:1rem 1.1rem;
}
.premium-info-tile{
  border:1px solid rgba(193,198,215,.38);
  background:rgba(246,243,242,.45);
  border-radius:1.05rem;
  padding:.85rem;
  min-width:0;
}
.premium-info-tile.full{grid-column:1/-1;}
.premium-info-tile span,
.premium-payment-strip span{
  display:block;
  color:#717786;
  font-family:Inter,system-ui,sans-serif;
  font-size:.68rem;
  line-height:1;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
  margin-bottom:.45rem;
}
.premium-info-tile b,
.premium-payment-strip b{
  display:block;
  color:#1c1b1b;
  font-family:Inter,system-ui,sans-serif;
  font-size:.98rem;
  line-height:1.35;
  font-weight:850;
  overflow-wrap:anywhere;
}
.premium-info-tile .premium-money,
.premium-money{
  color:#0059bb !important;
  font-family:Montserrat,sans-serif !important;
  font-size:1.22rem !important;
  font-weight:900 !important;
}
.premium-payment-strip{
  display:grid;
  grid-template-columns:1fr;
  gap:.65rem;
  padding:1rem 1.1rem 1.1rem;
  background:linear-gradient(180deg,rgba(0,89,187,.035),rgba(0,89,187,.075));
  border-top:1px solid rgba(193,198,215,.35);
}
.premium-payment-strip > div{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
}
.premium-payment-strip span{margin-bottom:0;}
.premium-payment-strip b{
  text-align:right;
  color:#003e86;
}
#myOrdersList{
  gap:1rem !important;
}
@media(max-width:430px){
  .premium-order-body{grid-template-columns:1fr;}
  .premium-info-tile{padding:.78rem;}
  .premium-order-head{padding:1rem .95rem .8rem;}
  .premium-order-body,.premium-payment-strip{padding-left:.95rem;padding-right:.95rem;}
  .premium-payment-strip > div{align-items:flex-start;}
  .premium-payment-strip b{max-width:68%;}
}

/* v19: ultra compact transaction cards + cleaner small-text typography */
body,
p,
small,
label,
input,
textarea,
select,
button,
.admin-muted,
.payment-method-saved-card,
.order-search-card,
.rd-sale-card,
.rd-sale-card *:not(h1):not(h2):not(h3):not(.brand-wordmark) {
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}
.brand-wordmark,
.text-display-lg,
.text-headline-lg,
.text-headline-lg-mobile,
h1,
h2,
.admin-title,
.profile-action-card h3,
.admin-curated-title-row h3 {
  font-family: Poppins, Montserrat, Inter, system-ui, sans-serif !important;
}
.rd-sale-card{
  background:#fff;
  border:1px solid rgba(226,232,240,.75);
  border-radius:2rem;
  box-shadow:0 8px 30px rgba(0,0,0,.045);
  padding:1rem 1.25rem;
  overflow:hidden;
  margin-top:0;
}
.rd-sale-card::before{display:none!important;}
.rd-sale-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:1rem;
  margin-bottom:1rem;
}
.rd-sale-reference p,
.rd-sale-cell span,
.rd-sale-receipt span{
  margin:0 0 .35rem;
  color:#9aa6b6;
  font-size:.64rem;
  line-height:1;
  font-weight:800;
  letter-spacing:.15em;
  text-transform:uppercase;
}
.rd-sale-reference h3{
  margin:0;
  color:#101418;
  font-family:Poppins, Montserrat, Inter, system-ui, sans-serif!important;
  font-size:1.22rem;
  line-height:1.1;
  font-weight:900;
  letter-spacing:-.04em;
}
.rd-sale-reference small{
  display:block;
  margin-top:.45rem;
  color:#9aa6b6;
  font-size:.82rem;
  font-weight:500;
}
.rd-sale-status{
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  padding:.48rem .85rem;
  border-radius:999px;
  font-size:.66rem;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
  white-space:nowrap;
  border:1px solid transparent;
}
.rd-sale-status i{
  width:.34rem;
  height:.34rem;
  border-radius:999px;
  display:inline-block;
  background:currentColor;
}
.rd-sale-status.confirmed{background:#ecfdf5;color:#059669;border-color:#d1fae5;}
.rd-sale-status.pending{background:#fff7ed;color:#c2410c;border-color:#ffedd5;}
.rd-sale-status.rejected{background:#fef2f2;color:#b91c1c;border-color:#fee2e2;}
.rd-sale-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:2rem;
  row-gap:2rem;
  border-top:1px solid rgba(241,245,249,.95);
  border-bottom:1px solid rgba(241,245,249,.95);
  padding:1rem 0;
}
.rd-sale-cell{min-width:0;}
.rd-sale-cell b,
.rd-sale-receipt b{
  display:block;
  color:#1c1b1b;
  font-size:.95rem;
  line-height:1.35;
  font-weight:750;
  overflow-wrap:anywhere;
}
.rd-sale-cell small{
  display:block;
  color:#6b7280;
  font-size:.78rem;
  line-height:1.25;
  margin-top:.16rem;
  font-weight:500;
}
.rd-sale-cell strong{
  display:block;
  color:#0059bb;
  font-family:Poppins, Montserrat, Inter, system-ui, sans-serif!important;
  font-size:1.35rem;
  line-height:1;
  font-weight:900;
  letter-spacing:-.04em;
}
.rd-sale-cell em{
  display:block;
  font-style:normal;
  font-size:.78rem;
  line-height:1.2;
  font-weight:900;
  letter-spacing:.03em;
}
.rd-sale-cell .pay-nagad{color:#db2777;}
.rd-sale-cell .pay-bkash{color:#2563eb;}
.rd-sale-cell .pay-default{color:#0059bb;}
.rd-sale-cell .mono{font-family:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace!important;color:#9aa6b6;font-weight:800;letter-spacing:.03em;}
.truncate-line{
  display:block;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.rd-receipt-btn{
  width:100%;
  margin-top:1rem;
  border:0;
  border-radius:1rem;
  background:#f8fafc;
  color:#0059bb;
  padding:.8rem 1rem;
  font-weight:900;
  font-size:.95rem;
  transition:background .18s ease, transform .18s ease;
}
.rd-receipt-btn:active{transform:scale(.985);}
.rd-receipt-btn:hover{background:#f1f5f9;}
.rd-sale-receipt{
  margin-top:1rem;
  padding:1rem;
  border-radius:1.25rem;
  background:#f8fafc;
  border:1px solid rgba(226,232,240,.8);
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1rem;
}
.rd-sale-receipt.hidden{display:none!important;}
#myOrdersList{gap:1rem!important;}
.order-search-card{
  border-color:rgba(226,232,240,.9)!important;
  background:#fff!important;
  border-radius:1.6rem!important;
}
.order-search-title strong{
  font-family:Poppins, Montserrat, Inter, system-ui, sans-serif!important;
}
@media(max-width:430px){
  .rd-sale-card{padding:1rem; border-radius:1.75rem;}
  .rd-sale-head{gap:.75rem;}
  .rd-sale-reference h3{font-size:1.08rem;}
  .rd-sale-status{font-size:.58rem; padding:.42rem .65rem;}
  .rd-sale-grid{column-gap:1rem;row-gap:1.65rem;}
  .rd-sale-cell strong{font-size:1.25rem;}
  .rd-sale-receipt{grid-template-columns:1fr;}
}

/* v21 checkout delivery + payment method restore */
#checkoutView .district-picker{display:flex;flex-direction:column;gap:.55rem;}
#checkoutView .district-search{min-height:48px!important;font-size:14px!important;}
#checkoutView .district-select{min-height:52px!important;font-size:14px!important;background:#fff;}
#checkoutView .delivery-charge-box{
  box-shadow:0 8px 24px rgba(0,71,171,.05);
}
#checkoutView .delivery-charge-box p{margin:0;}
#checkoutView .order-pay-choice{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  gap:1rem!important;
  min-height:88px;
  transition:.18s ease;
  box-shadow:0 8px 24px rgba(0,71,171,.04);
}
#checkoutView .order-pay-choice p{margin:0;}
#checkoutView .order-pay-choice.active{box-shadow:0 12px 28px rgba(0,89,187,.12);}
#checkoutView .checkout-radio-ring{box-shadow:0 0 0 1px rgba(0,89,187,.08) inset;}
.checkout-total-lines{border-top:1px solid rgba(193,198,215,.45);padding-top:.85rem;margin-top:.35rem;display:flex;flex-direction:column;gap:.45rem;}
.checkout-total-lines div{display:flex;align-items:center;justify-content:space-between;color:#414754;font-weight:700;font-size:.9rem;}
.checkout-total-lines .grand{border-top:1px solid rgba(193,198,215,.35);padding-top:.55rem;margin-top:.2rem;color:#1c1b1b;font-size:1rem;}
.checkout-total-lines .grand strong{font-family:Poppins,Montserrat,Inter,sans-serif;color:#0059bb;font-size:1.15rem;}
html { scroll-behavior: smooth; }
body { min-height: max(884px, 100dvh); overflow-x: hidden; }
button { -webkit-tap-highlight-color: transparent; }
.material-symbols-outlined { font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24; }
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }
.line-clamp-1 { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
.line-clamp-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.cart-count-badge { position: absolute; top: 0; right: 0; min-width: 18px; height: 18px; padding: 0 4px; border-radius: 999px; background: #0070ea; color: #fff; font-size: 11px; font-weight: 800; line-height: 18px; text-align: center; }
.cart-count-badge.bottom { top: 3px; right: 8px; }
.drawer { position: fixed; inset: 0; z-index: 60; display: flex; }
.drawer.hidden { display: none; }
.drawer-link { display:flex; align-items:center; justify-content:space-between; padding:.75rem; border-radius:2rem; color:#1c1b1b; font-size:18px; line-height:1.6; transition:background .2s ease,color .2s ease; }
.drawer-link:hover { background:#e5e2e1; }
.drawer-link.active { color:#0059bb; background:rgba(0,89,187,.10); font-weight:700; }
.category-tile { background:#f6f3f2; padding:1rem; border-radius:2rem; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.5rem; border:1px solid rgba(193,198,215,.45); box-shadow:0 1px 4px rgba(0,0,0,.05); transition:background .2s ease, transform .2s ease, box-shadow .2s ease; font-family:Inter,sans-serif; font-weight:700; }
.category-tile:hover { background:#e5e2e1; transform:translateY(-1px); box-shadow:0 6px 16px rgba(0,89,187,.08); }
.drawer-simple { display:flex; align-items:center; gap:.75rem; padding:.75rem; border-radius:1rem; font-size:16px; line-height:1.5; transition:background .2s ease; }
.drawer-simple:hover { background:#e5e2e1; }
.filter-pill { background:#fcf9f8; color:#1c1b1b; font-family:Inter,sans-serif; font-size:14px; line-height:1.2; letter-spacing:.05em; font-weight:700; padding:.5rem 1rem; border-radius:9999px; white-space:nowrap; flex-shrink:0; border:2px solid #717786; transition:border .2s ease,background .2s ease,color .2s ease; }
.filter-pill:hover { border-color:#0059bb; }
.filter-pill.active { background:#0070ea; color:#fefcff; border-color:#0070ea; }
.pillar-card { background:#fcf9f8; border-radius:2rem; padding:1.5rem; box-shadow:0 10px 30px rgba(0,89,187,.08); border:1px solid rgba(229,226,225,.5); display:flex; flex-direction:column; align-items:flex-start; transition:transform .3s ease, box-shadow .3s ease; }
.pillar-card:hover { transform:translateY(-4px); box-shadow:0 15px 40px rgba(0,89,187,.15); }
.pillar-icon { width:48px; height:48px; border-radius:999px; background:rgba(0,112,234,.2); color:#0059bb; display:flex; align-items:center; justify-content:center; margin-bottom:1rem; transition:background .2s ease,color .2s ease; }
.pillar-card:hover .pillar-icon { background:#0059bb; color:#fff; }
.pillar-card h3 { font-family:Montserrat,sans-serif; font-size:24px; line-height:1.3; font-weight:700; margin-bottom:.5rem; }
.pillar-card p { font-family:Inter,sans-serif; font-size:16px; line-height:1.5; color:#414754; }
.stat-card { background:#f6f3f2; border-radius:2rem; padding:1.5rem; display:flex; flex-direction:column; justify-content:center; align-items:center; border:1px solid rgba(193,198,215,.2); text-align:center; }
.stat-card span { font-family:Montserrat,sans-serif; font-size:48px; font-weight:900; color:#0059bb; margin-bottom:.5rem; }
.stat-card small { font-family:Inter,sans-serif; font-size:14px; letter-spacing:.05em; line-height:1.2; text-transform:uppercase; font-weight:700; color:#1c1b1b; }
.detail-feature { display:flex; flex-direction:column; align-items:center; text-align:center; gap:.5rem; }
.detail-feature div { width:48px; height:48px; border-radius:999px; background:#dae2ff; display:flex; align-items:center; justify-content:center; color:#001946; }
.detail-feature span:last-child { font-family:Inter,sans-serif; font-size:14px; line-height:1.2; letter-spacing:.05em; font-weight:700; color:#414754; }
.detail-feature-symbol { font-family: Inter, system-ui, sans-serif; font-size:22px; line-height:1; font-weight:800; }

.faq-card { background:white; border:1px solid rgba(193,198,215,.55); border-radius:1rem; padding:1rem; box-shadow:0 10px 30px rgba(0,71,171,.06); }
.faq-card summary { cursor:pointer; font-family:Montserrat,sans-serif; font-weight:700; }
.faq-card p { margin-top:.75rem; color:#414754; }
.cart-panel.hidden { display:none; }
.cart-panel { position:fixed; inset:0; z-index:70; }
.cart-backdrop { position:absolute; inset:0; background:rgba(0,26,65,.45); backdrop-filter:blur(3px); }
.cart-sheet { position:absolute; right:0; top:0; width:min(420px,100%); height:100%; background:#fcf9f8; box-shadow:-20px 0 60px rgba(0,0,0,.18); display:flex; flex-direction:column; }
.cart-sheet-header { display:flex; align-items:center; justify-content:space-between; padding:1rem; border-bottom:1px solid rgba(193,198,215,.5); }
.cart-sheet-header h2 { font-family:Montserrat,sans-serif; font-size:24px; font-weight:900; color:#0059bb; }
.cart-sheet-header button { border-radius:999px; padding:.5rem; }
.cart-sheet-header button:hover { background:#e5e2e1; }
.cart-items { flex:1; overflow:auto; padding:1rem; display:flex; flex-direction:column; gap:.75rem; }
.cart-item { display:grid; grid-template-columns:62px 1fr auto; gap:.75rem; align-items:center; background:white; border-radius:1rem; border:1px solid rgba(193,198,215,.4); padding:.75rem; }
.cart-item img { width:62px; height:62px; border-radius:.75rem; object-fit:cover; background:#f0eded; }
.cart-item h3 { font-family:Montserrat,sans-serif; font-size:14px; font-weight:800; line-height:1.2; }
.cart-item p { color:#0059bb; font-weight:800; font-size:13px; }
.cart-qty { display:flex; align-items:center; gap:.35rem; margin-top:.35rem; }
.cart-qty button { background:#f0eded; border-radius:999px; width:25px; height:25px; }
.cart-remove { color:#ba1a1a; border-radius:999px; padding:.4rem; }
.cart-total { padding:1rem; border-top:1px solid rgba(193,198,215,.5); display:flex; justify-content:space-between; align-items:center; font-family:Montserrat,sans-serif; font-size:20px; }
.checkout-btn { margin:0 1rem 1rem; background:#0059bb; color:white; border-radius:999px; padding:1rem; font-family:Inter,sans-serif; font-weight:800; }
.toast.hidden { display:none; }
.toast { position:fixed; left:50%; bottom:92px; transform:translateX(-50%); z-index:90; background:#001946; color:white; padding:.8rem 1rem; border-radius:999px; box-shadow:0 10px 30px rgba(0,0,0,.18); font-size:14px; font-weight:700; max-width:calc(100vw - 32px); text-align:center; }
.bottom-nav-btn { display:flex; flex-direction:column; align-items:center; justify-content:center; color:#414754; padding:.25rem 1rem; transition:color .2s ease,background .2s ease,transform .2s ease; font-family:Inter,sans-serif; font-size:10px; font-weight:700; }
.bottom-nav-btn:hover { color:#0059bb; }
.bottom-nav-btn.active { background:#0070ea; color:#fefcff; border-radius:9999px; transform:scale(.9); }
@media(max-width:640px){ .text-display-lg{font-size:44px!important;line-height:1.06!important;} }


/* Full cart page: updated from the new Stitch cart design */
#cartView { background: #f6f3f2; }
.cart-empty-box { background:#fcf9f8; border-radius:1rem; box-shadow:0 10px 30px rgba(0,71,171,0.08); padding:2rem 1rem; text-align:center; color:#414754; }
.cart-page-item { background:#fcf9f8; border-radius:1rem; box-shadow:0 10px 30px rgba(0,71,171,0.08); padding:1rem; display:flex; gap:1rem; align-items:center; }
.cart-product-thumb { width:96px; height:96px; border-radius:1rem; overflow:hidden; background:#eae7e7; flex-shrink:0; }
.cart-product-thumb img { width:100%; height:100%; object-fit:cover; }
.cart-product-info { min-width:0; flex:1; display:flex; flex-direction:column; justify-content:space-between; align-self:stretch; }
.cart-product-top { display:flex; justify-content:space-between; align-items:flex-start; gap:.5rem; }
.cart-product-top h3 { font-family:Montserrat,sans-serif; font-size:18px; line-height:1.25; font-weight:800; color:#1c1b1b; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.cart-product-top p { font-family:Inter,sans-serif; font-size:14px; line-height:1.2; letter-spacing:.05em; font-weight:700; color:#414754; margin-top:.25rem; }
.cart-item-remove { color:#717786; padding:.25rem; border-radius:999px; }
.cart-item-remove:hover { color:#ba1a1a; background:#ffdad6; }
.cart-product-bottom { display:flex; justify-content:space-between; align-items:flex-end; gap:.75rem; margin-top:1rem; }
.cart-page-price { font-family:Montserrat,sans-serif; font-size:22px; line-height:1; font-weight:900; color:#0059bb; white-space:nowrap; }
.cart-quantity-control { display:flex; align-items:center; background:#eae7e7; border-radius:999px; border:1px solid rgba(193,198,215,.3); overflow:hidden; flex-shrink:0; }
.cart-quantity-control button { width:32px; height:32px; display:flex; align-items:center; justify-content:center; color:#1c1b1b; transition:color .2s ease, background .2s ease; }
.cart-quantity-control button:hover { color:#0059bb; background:#d8e2ff; }
.cart-quantity-control span { width:32px; text-align:center; font-family:Inter,sans-serif; font-size:14px; letter-spacing:.05em; font-weight:800; color:#1c1b1b; }
@media (max-width:430px){ .cart-page-item{gap:.75rem;padding:.85rem}.cart-product-thumb{width:82px;height:82px}.cart-product-top h3{font-size:16px}.cart-page-price{font-size:20px}.cart-quantity-control button{width:29px;height:29px}.cart-quantity-control span{width:28px} }


/* Checkout page based on the new Stitch checkout reference. */
.checkout-input {
  width: 100%;
  padding: .85rem 1rem;
  background: #fcf9f8;
  border: 2px solid #c1c6d7;
  border-radius: 2rem;
  font-family: Inter, sans-serif;
  font-size: 16px;
  color: #1c1b1b;
}
.checkout-input:focus {
  outline: none;
  border-color: #0059bb;
  box-shadow: 0 0 0 2px rgba(0, 89, 187, .10);
}
.checkout-summary-row {
  display: flex;
  gap: 1rem;
  align-items: center;
}
.checkout-summary-row img {
  width: 64px;
  height: 64px;
  object-fit: cover;
  border-radius: 1rem;
  background: #e5e2e1;
  flex-shrink: 0;
}
.checkout-summary-row .summary-info { flex: 1; min-width: 0; }
.checkout-summary-row .summary-info p:first-child {
  font-family: Inter, sans-serif;
  font-weight: 700;
  color: #1c1b1b;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.checkout-summary-row .summary-info p:last-child {
  color: #414754;
  font-size: 14px;
}
.checkout-summary-row .summary-price {
  font-family: Montserrat, sans-serif;
  font-weight: 800;
  font-size: 14px;
  color: #1c1b1b;
}
.payment-choice {
  display: flex;
  align-items: center;
  gap: .5rem;
  background: #fcf9f8;
  border: 1px solid #c1c6d7;
  border-radius: 999px;
  padding: .75rem .85rem;
  font-family: Inter, sans-serif;
  font-weight: 700;
  font-size: 13px;
  color: #1c1b1b;
}
.payment-choice input { accent-color: #0059bb; }


/* v5 checkout and cart fixes */
.cart-quantity-control .qty-btn {width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;font-family:Inter,sans-serif;font-size:24px;line-height:1;font-weight:700;}
.cart-quantity-control .qty-number {width:36px;text-align:center;font-family:Inter,sans-serif;font-size:16px;font-weight:800;color:#1c1b1b;}
.checkout-summary-row .summary-price {min-width:70px;text-align:right;}
@media (max-width:430px){.cart-quantity-control .qty-btn{width:34px;height:34px;font-size:22px}.cart-quantity-control .qty-number{width:30px;font-size:15px}}


/* v6 profile page */
.profile-scroll-row::-webkit-scrollbar { display: none; }
.profile-scroll-row { scrollbar-width: none; }
.profile-action-card {
  width: 100%;
  background: #fff;
  border: 1px solid #f0eded;
  border-radius: 1.5rem;
  padding: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  text-align: left;
  box-shadow: 0 4px 20px rgba(0,89,187,0.03);
  transition: transform .2s ease, box-shadow .2s ease;
}
.profile-action-card:hover { transform: translateY(-2px); box-shadow: 0 10px 30px rgba(0,89,187,0.08); }
.profile-action-card h3 { font-family: Montserrat, sans-serif; font-size: 20px; line-height: 1.2; font-weight: 800; color: #1c1b1b; }
.profile-action-card p { font-family: Inter, sans-serif; font-size: 14px; color: #414754; margin-top: .25rem; }
.profile-icon {
  width: 48px;
  height: 48px;
  border-radius: 999px;
  background: #f0eded;
  color: #414754;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background .2s ease, color .2s ease;
}
.profile-action-card:hover .profile-icon { background: #0059bb; color: #fff; }
@media (max-width: 420px) {
  .profile-action-card { padding: 1rem; border-radius: 1.25rem; }
  .profile-action-card h3 { font-size: 18px; }
}

/* v7 brand and checkout polish */
.brand-wordmark {
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: clamp(2.05rem, 6.4vw, 2.65rem);
  line-height: 1;
  font-weight: 800;
  letter-spacing: -0.06em;
  color: #0059bb;
  text-rendering: optimizeLegibility;
}
.brand-wordmark--drawer,
.brand-wordmark--compact {
  font-size: clamp(1.9rem, 5.9vw, 2.35rem);
}

.checkout-input {
  width: 100%;
  min-height: 4.05rem;
  padding: 1rem 1.35rem;
  background: #fcf9f8;
  border: 3px solid #c7ccd8;
  border-radius: 9999px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  color: #1c1b1b;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.92);
}
.checkout-input::placeholder {
  color: #717786;
}
.checkout-input:focus {
  outline: none;
  border-color: #0059bb;
  box-shadow: 0 0 0 3px rgba(0, 89, 187, .10);
}


/* Supabase Seller Central admin panel */
.admin-card, .admin-hero-card, .admin-stat, .admin-list-item {
  background: #fcf9f8;
  border: 1px solid rgba(193,198,215,.45);
  box-shadow: 0 10px 30px rgba(0,71,171,.08);
  border-radius: 2rem;
}
.admin-card { padding: 1.25rem; }
.admin-hero-card { padding: 1.25rem; display:flex; align-items:center; justify-content:space-between; gap:1rem; }
.admin-kicker { color:#0059bb; font-family:Inter,sans-serif; font-size:12px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.admin-title { font-family:Montserrat,sans-serif; font-size:26px; line-height:1.15; font-weight:900; color:#1c1b1b; margin-top:.25rem; }
.admin-muted { color:#414754; font-family:Inter,sans-serif; font-size:14px; line-height:1.5; }
.admin-error { color:#ba1a1a; background:#ffdad6; border-radius:1rem; padding:1rem; font-weight:700; }
.admin-form { display:flex; flex-direction:column; gap:.65rem; }
.admin-form label { font-family:Inter,sans-serif; font-size:12px; font-weight:800; color:#414754; letter-spacing:.04em; text-transform:uppercase; }
.admin-form input, .admin-form textarea, .admin-form select {
  width:100%; background:#fff; border:2px solid #c1c6d7; border-radius:1.25rem; padding:.9rem 1rem;
  color:#1c1b1b; font-family:Inter,sans-serif; font-size:15px; outline:none;
}
.admin-form textarea { resize:vertical; min-height:88px; }
.admin-form input:focus, .admin-form textarea:focus, .admin-form select:focus { border-color:#0059bb; box-shadow:0 0 0 3px rgba(0,89,187,.12); }
.admin-primary-btn { border:none; background:#0059bb; color:white; border-radius:999px; padding:1rem 1.25rem; font-family:Inter,sans-serif; font-weight:900; display:flex; align-items:center; justify-content:center; gap:.5rem; box-shadow:0 10px 22px rgba(0,89,187,.22); }
.admin-primary-btn:active { transform:scale(.98); }
.admin-primary-btn:disabled { opacity:.7; cursor:not-allowed; transform:none; }
.admin-big-btn { width:100%; font-size:16px; }
.admin-ghost-btn, .admin-icon-btn { border:1px solid #c1c6d7; background:white; color:#414754; border-radius:999px; padding:.7rem 1rem; font-family:Inter,sans-serif; font-weight:800; }
.admin-icon-btn { padding:.55rem; display:flex; align-items:center; justify-content:center; }
.admin-status { color:#414754; font-size:13px; min-height:20px; }
.admin-stats-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:.75rem; }
.admin-stat { padding:1rem .75rem; text-align:center; }
.admin-stat span { display:block; color:#0059bb; font-family:Montserrat,sans-serif; font-size:28px; font-weight:900; }
.admin-stat small { display:block; margin-top:.25rem; color:#414754; font-family:Inter,sans-serif; font-size:10px; font-weight:900; letter-spacing:.06em; text-transform:uppercase; }
.admin-step { display:flex; align-items:center; gap:.5rem; font-family:Montserrat,sans-serif; font-size:20px; font-weight:900; margin-top:1rem; color:#1c1b1b; }
.admin-step span { width:24px; height:24px; border-radius:999px; background:#0059bb; color:#fff; display:inline-flex; align-items:center; justify-content:center; font-size:13px; }
.admin-upload-box { border:2px dashed #c1c6d7; border-radius:1.5rem; padding:1.25rem; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.35rem; text-align:center; cursor:pointer; background:#fff; text-transform:none!important; }
.admin-upload-box .material-symbols-outlined { color:#0059bb; font-size:34px; }
.admin-upload-box strong { color:#1c1b1b; font-size:15px; }
.admin-upload-box small { color:#717786; font-size:12px; }
.admin-grid-2 { display:grid; grid-template-columns:1fr 1fr; gap:.75rem; }
.admin-toggle-row { background:#fff; border:2px solid #c1c6d7; border-radius:1.25rem; padding:.85rem 1rem; display:flex; justify-content:space-between; align-items:center; gap:1rem; text-transform:none!important; }
.admin-toggle-row span { display:flex; flex-direction:column; color:#1c1b1b; font-size:15px; text-transform:none; }
.admin-toggle-row small { color:#717786; font-weight:500; margin-top:.15rem; }
.admin-toggle-row input { width:48px; height:26px; accent-color:#0059bb; }
.admin-list-item { padding:.75rem; display:grid; grid-template-columns:74px 1fr auto; gap:.8rem; align-items:center; }
.admin-list-item img { width:74px; height:74px; object-fit:cover; background:#f0eded; border-radius:1rem; }
.admin-list-main { min-width:0; }
.admin-list-title { display:flex; align-items:center; gap:.5rem; min-width:0; }
.admin-list-title h3 { font-family:Montserrat,sans-serif; font-weight:900; color:#1c1b1b; font-size:15px; line-height:1.2; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.admin-list-main p { color:#414754; font-size:12px; margin:.25rem 0; }
.admin-list-main strong { color:#0059bb; font-family:Montserrat,sans-serif; font-weight:900; }
.admin-badge { border-radius:999px; padding:.25rem .55rem; font-size:11px; font-weight:900; white-space:nowrap; }
.admin-badge.active { color:#0059bb; background:#d8e2ff; }
.admin-badge.inactive { color:#ba1a1a; background:#ffdad6; }
.admin-copy-link { color:#0059bb; font-weight:800; font-size:12px; margin-top:.25rem; display:block; }
.admin-list-actions { display:flex; flex-direction:column; gap:.35rem; align-items:flex-end; }
.admin-list-actions button { background:#fff; border:1px solid #c1c6d7; border-radius:999px; padding:.4rem .6rem; color:#414754; font-weight:800; font-size:12px; }
.seller-central-card { border-color:rgba(0,89,187,.25)!important; background:linear-gradient(135deg,#fff,#f0f6ff)!important; }
@media(max-width:520px){ .admin-grid-2{grid-template-columns:1fr}.admin-list-item{grid-template-columns:62px 1fr}.admin-list-actions{grid-column:1/-1; flex-direction:row; justify-content:flex-end}.admin-stats-grid{gap:.5rem}.admin-stat span{font-size:22px}.admin-title{font-size:23px} }

.admin-link-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-top:.35rem}
.admin-link-row span{font-size:11px;color:#414754;word-break:break-all;background:#f6f3f2;border:1px solid #e5e2e1;border-radius:999px;padding:.35rem .6rem;max-width:100%}
.inline-copy-link{margin-left:.35rem;border:0;background:#0059bb;color:#fff;border-radius:999px;padding:.45rem .75rem;font-weight:800;font-family:Inter,system-ui,sans-serif;cursor:pointer}

/* v3: single product listing area, no duplicate home/shop product grid */
.sr-anchor { position: relative; top: -90px; height: 1px; overflow: hidden; }
.shop-panel {
  background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(246,243,242,.65));
  border: 1px solid rgba(193,198,215,.45);
  border-radius: 2rem;
  padding: 1.15rem;
  margin-bottom: 1.5rem;
  box-shadow: 0 12px 36px rgba(0,89,187,.07);
}
.shop-heading { text-align: left; margin-bottom: 1rem; }
.shop-heading .shop-kicker {
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #0059bb;
  margin-bottom: .35rem;
}
.shop-heading h2 {
  font-family: Montserrat, sans-serif;
  font-size: clamp(30px, 7vw, 44px);
  line-height: 1.05;
  font-weight: 900;
  color: #1c1b1b;
  letter-spacing: -.04em;
}
.shop-heading p {
  margin-top: .4rem;
  font-family: Inter, sans-serif;
  color: #414754;
  font-size: 15px;
  line-height: 1.45;
}
.shop-search-wrap { margin-bottom: .85rem; }
.shop-filter-row { display: flex; overflow-x: auto; gap: .75rem; padding: .35rem 0 .1rem; scrollbar-width: none; }
.shop-filter-row::-webkit-scrollbar { display: none; }
.autofill-trap { position:absolute!important; left:-10000px!important; width:1px!important; height:1px!important; opacity:0!important; pointer-events:none!important; }
@media (min-width: 768px) {
  .shop-panel { padding: 1.35rem; }
  .shop-heading { text-align: center; }
  .shop-heading p { font-size: 16px; }
}

/* v5.1 requested fixes: cleaner checkout forms, hidden admin link URL, removable recent items */
#checkoutView label,
#checkoutView h3,
#checkoutView .font-label-bold,
#cartView .font-label-bold {
  font-family: Inter, system-ui, sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: .035em;
}
#checkoutView .checkout-input,
#checkoutView input.checkout-input {
  width: 100% !important;
  min-height: 54px !important;
  padding: .78rem 1.05rem !important;
  background: #fcf9f8 !important;
  border: 2px solid #c1c6d7 !important;
  border-radius: 1.65rem !important;
  box-shadow: 0 5px 16px rgba(0, 89, 187, .035) !important;
  font-family: Inter, system-ui, sans-serif !important;
  font-size: 15px !important;
  line-height: 1.25 !important;
  color: #1c1b1b !important;
  outline: none !important;
  appearance: none;
  -webkit-appearance: none;
}
#checkoutView .checkout-input:focus {
  border-color: #0059bb !important;
  box-shadow: 0 0 0 3px rgba(0, 89, 187, .12), 0 8px 20px rgba(0, 89, 187, .06) !important;
}
#checkoutView section label.relative {
  border-radius: 1.65rem !important;
  padding: .95rem 1rem !important;
}
#checkoutView section label.relative .absolute {
  border-radius: 1.65rem !important;
}
#checkoutView section.flex.flex-col.gap-stack-md.bg-surface-container-high\/40 {
  border-radius: 1.75rem !important;
  background: rgba(246,243,242,.55) !important;
}
.admin-link-row { margin-top: .45rem; }
.admin-link-row span { display: none !important; }
.admin-copy-link {
  display: inline-flex !important;
  width: auto !important;
  align-items: center;
  justify-content: center;
  color: #0059bb !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  font-family: Inter, system-ui, sans-serif !important;
}
.recent-clear-btn {
  color: #0059bb;
  background: rgba(0,112,234,.08);
  border: 1px solid rgba(0,89,187,.18);
  border-radius: 999px;
  padding: .45rem .8rem;
  font-family: Inter, system-ui, sans-serif;
  font-size: 12px;
  font-weight: 900;
}
.recent-card {
  position: relative;
  flex: 0 0 10rem;
  background: #fff;
  border: 1px solid rgba(193,198,215,.45);
  border-radius: 1.25rem;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0,71,171,.08);
  cursor: pointer;
}
.recent-img { aspect-ratio: 1/1; background: #f0eded; overflow: hidden; }
.recent-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.recent-info { padding: .75rem; display: flex; flex-direction: column; gap: .25rem; }
.recent-info span { font-family: Inter, system-ui, sans-serif; font-size: 13px; font-weight: 700; color: #1c1b1b; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.recent-info strong { font-family: Montserrat, sans-serif; color: #0059bb; font-size: 13px; font-weight: 900; }
.recent-remove {
  position: absolute;
  top: .4rem;
  right: .4rem;
  z-index: 2;
  width: 28px;
  height: 28px;
  border-radius: 999px;
  background: rgba(28,27,27,.72);
  color: white;
  font-size: 20px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(4px);
}
.recent-empty {
  flex: 1 0 100%;
  background: #fff;
  border: 1px dashed #c1c6d7;
  border-radius: 1.25rem;
  padding: 1.25rem;
  color: #717786;
  font-family: Inter, system-ui, sans-serif;
  font-weight: 700;
  text-align: center;
}
@media(max-width:430px){
  #checkoutView .checkout-input,
  #checkoutView input.checkout-input { min-height: 50px !important; font-size: 14px !important; border-radius: 1.45rem !important; }
  #checkoutView section label.relative { padding: .85rem .9rem !important; }
}


/* v8 customer auth, real saved items, seller-only controls */
.profile-auth-card {
  background: #fcf9f8;
  border: 1px solid rgba(193,198,215,.45);
  box-shadow: 0 10px 30px rgba(0,71,171,.08);
  border-radius: 2rem;
  padding: 1.25rem;
  width: 100%;
  max-width: 520px;
  margin: 2rem auto 0;
}
.auth-button-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .75rem;
  align-items: center;
}
.profile-avatar-ring {
  width: 8rem;
  height: 8rem;
  border-radius: 999px;
  overflow: hidden;
  border: 4px solid #fcf9f8;
  box-shadow: 0 10px 30px rgba(0,71,171,.12);
  background: linear-gradient(135deg, #d8e2ff, #0070ea);
  display: flex;
  align-items: center;
  justify-content: center;
}
.profile-avatar-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.profile-avatar-initial {
  font-family: Montserrat, sans-serif;
  font-size: 3.25rem;
  font-weight: 900;
  color: #fff;
  line-height: 1;
}
.saved-active {
  border-color: #0059bb !important;
  background: #d8e2ff !important;
  color: #0059bb !important;
}
.saved-products-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: .75rem;
}
.saved-product-card {
  position: relative;
  background: #fff;
  border: 1px solid rgba(193,198,215,.45);
  border-radius: 1.5rem;
  padding: .85rem;
  display: grid;
  grid-template-columns: 78px 1fr;
  gap: .9rem;
  align-items: center;
  box-shadow: 0 10px 30px rgba(0,71,171,.07);
  cursor: pointer;
}
.saved-product-card img {
  width: 78px;
  height: 78px;
  object-fit: cover;
  border-radius: 1rem;
  background: #f0eded;
}
.saved-product-info h4 {
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 900;
  color: #1c1b1b;
  padding-right: 2rem;
}
.saved-product-info p {
  font-family: Inter, sans-serif;
  color: #414754;
  font-size: 13px;
  margin-top: .2rem;
}
.saved-product-info strong {
  display: inline-block;
  margin-top: .35rem;
  font-family: Montserrat, sans-serif;
  color: #0059bb;
  font-weight: 900;
}
.saved-remove {
  position: absolute;
  top: .55rem;
  right: .55rem;
  width: 28px;
  height: 28px;
  border-radius: 999px;
  background: rgba(28,27,27,.08);
  color: #414754;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  line-height: 1;
  z-index: 2;
}
.saved-remove:hover {
  background: #ffdad6;
  color: #ba1a1a;
}
@media (min-width: 640px) {
  .saved-products-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 768px) {
  .profile-avatar-ring { width: 10rem; height: 10rem; }
  .profile-avatar-initial { font-size: 4rem; }
}

/* v9 detail page button polish */
.detail-save-chip {
  position: absolute;
  right: 14px;
  bottom: 14px;
  z-index: 12;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .35rem;
  min-height: 38px;
  padding: 0 .85rem;
  border-radius: 999px;
  border: 1px solid rgba(193,198,215,.75);
  background: rgba(252,249,248,.94);
  color: #0059bb;
  font-family: Inter, sans-serif;
  font-size: 14px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: .01em;
  box-shadow: 0 10px 24px rgba(0,71,171,.12);
  backdrop-filter: blur(10px);
}
.detail-save-chip:hover {
  background: #d8e2ff;
  border-color: #0059bb;
}
.detail-save-chip.saved-active {
  background: #0059bb !important;
  border-color: #0059bb !important;
  color: #fff !important;
}
#detailAddCart,
#detailWhatsapp {
  min-height: 56px;
  padding-top: .85rem !important;
  padding-bottom: .85rem !important;
  font-family: Montserrat, sans-serif !important;
  font-size: 20px !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
}
@media (max-width: 430px) {
  .detail-save-chip {
    right: 12px;
    bottom: 12px;
    min-height: 34px;
    padding: 0 .7rem;
    font-size: 13px;
  }
  #detailAddCart,
  #detailWhatsapp {
    min-height: 52px;
    font-size: 18px !important;
  }
}

/* Manual bKash/Nagad payment flow */
.manual-payment-card{
  display:flex;
  flex-direction:column;
  gap:1rem;
  background:rgba(246,243,242,.55);
  padding:1.25rem;
  border-radius:1.75rem;
  border:2px dashed var(--outline-variant, #c1c6d7);
}
.manual-payment-note{
  color:var(--on-surface-variant,#414754);
  line-height:1.55;
  font-size:.95rem;
}
.payment-method-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:.75rem;
}
.payment-method-btn{
  border:2px solid var(--outline-variant,#c1c6d7);
  background:#fff;
  color:var(--on-surface,#1c1b1b);
  border-radius:999px;
  min-height:3rem;
  font-weight:800;
  letter-spacing:.02em;
  transition:.2s ease;
}
.payment-method-btn.active{
  background:var(--primary,#0059bb);
  border-color:var(--primary,#0059bb);
  color:#fff;
  box-shadow:0 10px 24px rgba(0,89,187,.18);
}
.payment-number-box{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  padding:1rem;
  border-radius:1.35rem;
  background:#fff;
  border:1px solid rgba(193,198,215,.8);
  box-shadow:0 10px 30px rgba(0,71,171,.06);
}
.payment-number-box span,
.payment-number-box small{
  display:block;
  color:var(--on-surface-variant,#414754);
  font-size:.82rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.payment-number-box strong{
  display:block;
  color:var(--primary,#0059bb);
  font-size:1.35rem;
  margin:.25rem 0;
  word-break:break-word;
}
.payment-number-box button{
  flex:0 0 auto;
  border:none;
  background:var(--primary,#0059bb);
  color:#fff;
  border-radius:999px;
  padding:.8rem 1.15rem;
  font-weight:800;
}
.order-card,
.admin-order-item{
  background:#fff;
  border:1px solid rgba(193,198,215,.6);
  border-radius:1.25rem;
  padding:1rem;
  box-shadow:0 8px 26px rgba(0,71,171,.06);
}
.order-card-top{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:1rem;
  margin-bottom:.75rem;
}
.order-card-top strong{font-weight:900;color:var(--on-surface,#1c1b1b)}
.order-card-top p{color:var(--on-surface-variant,#414754);margin-top:.25rem;font-size:.92rem}
.order-card-row{
  display:flex;
  justify-content:space-between;
  gap:1rem;
  color:var(--on-surface-variant,#414754);
  padding:.25rem 0;
}
.order-card-row b{color:var(--on-surface,#1c1b1b);text-align:right}
.order-status{
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  padding:.35rem .7rem;
  font-size:.78rem;
  font-weight:900;
  white-space:nowrap;
}
.order-status.pending{background:#fff3cd;color:#8a5a00}
.order-status.confirmed{background:#dcfce7;color:#166534}
.order-status.rejected{background:#fee2e2;color:#991b1b}
.admin-order-item p{
  color:var(--on-surface-variant,#414754);
  font-size:.9rem;
  margin:.35rem 0;
}
.admin-order-actions{
  justify-content:flex-end;
  margin-top:.7rem;
}
.admin-order-actions button:disabled{
  opacity:.45;
  pointer-events:none;
}

/* v13: safer brand, seller curator dashboard, WhatsApp support */
.brand-wordmark {
  font-family: Poppins, Montserrat, Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-weight: 900 !important;
  letter-spacing: -0.045em !important;
  color: #0059bb !important;
}
#profileView header .brand-wordmark,
#checkoutView header .brand-wordmark,
#detailView header .brand-wordmark,
#adminView header .brand-wordmark {
  letter-spacing: -0.035em !important;
}
#customerNameWrap.hidden { display: none !important; }
.admin-stats-grid--two {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.admin-curator-stat {
  min-height: 152px;
  padding: 1.25rem !important;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-align: left !important;
}
.admin-stat-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: .75rem;
}
.admin-stat-top small {
  color: #414754;
  font-size: 14px !important;
  line-height: 1.2;
  letter-spacing: .08em;
}
.admin-stat-top .material-symbols-outlined {
  color: #0059bb;
  background: #d8e2ff;
  width: 3rem;
  height: 3rem;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.admin-curator-stat strong {
  display: block;
  font-family: Montserrat, sans-serif;
  font-weight: 900;
  font-size: 2.45rem;
  line-height: 1;
  color: #1c1b1b;
  margin-top: 1rem;
}
.admin-curator-stat p {
  display: flex;
  align-items: center;
  gap: .35rem;
  color: #414754;
  font-weight: 700;
  margin-top: .55rem;
}
.admin-curator-stat p .material-symbols-outlined { font-size: 18px; color: #0059bb; }
.admin-curator-stat p.warning { color: #ba1a1a; }
.admin-curator-stat p.warning .material-symbols-outlined { color: #ba1a1a; }
.admin-curated-card {
  background: #fcf9f8;
  border: 1px solid rgba(193,198,215,.45);
  border-radius: 2rem;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0,71,171,.08);
}
.admin-curated-image {
  position: relative;
  width: 100%;
  aspect-ratio: 4 / 3;
  background: #f0eded;
  overflow: hidden;
}
.admin-curated-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.admin-curated-image span {
  position: absolute;
  top: .75rem;
  right: .75rem;
  background: #0059bb;
  color: #fff;
  border-radius: 999px;
  padding: .45rem .8rem;
  font-family: Montserrat, sans-serif;
  font-weight: 900;
  box-shadow: 0 10px 24px rgba(0,89,187,.22);
}
.admin-curated-body {
  padding: 1.25rem;
}
.admin-curated-title-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: .75rem;
}
.admin-curated-title-row h3 {
  font-family: Montserrat, sans-serif;
  font-weight: 900;
  font-size: 1.45rem;
  line-height: 1.15;
  color: #1c1b1b;
}
.admin-curated-body p {
  color: #414754;
  margin-top: .45rem;
  line-height: 1.45;
}
.admin-curated-actions {
  display: flex;
  align-items: center;
  gap: .75rem;
  margin-top: 1.1rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(193,198,215,.45);
  flex-wrap: wrap;
}
.admin-curated-actions button {
  border: 0;
  background: transparent;
  color: #414754;
  font-family: Inter, sans-serif;
  font-weight: 900;
  display: inline-flex;
  align-items: center;
  gap: .25rem;
  cursor: pointer;
}
.admin-curated-actions button:first-child,
.admin-curated-actions button:hover { color: #0059bb; }
.admin-curated-actions .danger { color: #ba1a1a; margin-left: auto; }
.whatsapp-support {
  position: fixed;
  right: 1rem;
  bottom: 5.2rem;
  z-index: 39;
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  border: 0;
  border-radius: 999px;
  padding: .75rem 1rem;
  background: #25d366;
  color: #fff;
  font-family: Inter, sans-serif;
  font-weight: 900;
  box-shadow: 0 14px 30px rgba(37,211,102,.28);
}
.whatsapp-support .material-symbols-outlined { font-size: 20px; }
@media(max-width:520px){
  .admin-stats-grid--two { grid-template-columns: 1fr !important; }
  .admin-curator-stat { min-height: 140px; }
  .admin-curated-title-row h3 { font-size: 1.25rem; }
  .admin-curated-actions .danger { margin-left: 0; }
}

/* v14 focused fixes: profile payment methods, cleaner seller cards */
.payment-profile-panel {
  width: 100%;
  background: #fff;
  border: 1px solid rgba(193,198,215,.45);
  border-radius: 1.5rem;
  padding: 1.25rem;
  box-shadow: 0 10px 30px rgba(0,71,171,.06);
}
.payment-method-list {
  margin-top: 1rem;
  display: flex;
  flex-direction: column;
  gap: .75rem;
}
.payment-method-saved-card {
  border: 1px solid rgba(193,198,215,.55);
  border-radius: 1rem;
  padding: 1rem;
  background: #fcf9f8;
}
.payment-method-saved-card strong {
  font-family: Montserrat, sans-serif;
  font-weight: 900;
  color: #0059bb;
  display: block;
  margin-bottom: .25rem;
}
.payment-method-saved-card p {
  font-family: Inter, sans-serif;
  font-weight: 800;
  color: #1c1b1b;
  margin: 0;
}
.payment-method-saved-card small {
  display: block;
  color: #717786;
  margin-top: .25rem;
}
.admin-stat-top {
  justify-content: flex-start;
}
.admin-stat-top .material-symbols-outlined {
  display: none !important;
}
.admin-curated-actions {
  justify-content: space-between;
  flex-wrap: nowrap;
  gap: .75rem;
}
.admin-action-left {
  display: inline-flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}
.admin-curated-actions button {
  font-size: 1rem;
  padding: .2rem 0;
}
.admin-curated-actions .admin-copy-action,
.admin-curated-actions button:first-child {
  color: #0059bb;
}
.admin-curated-actions .danger {
  margin-left: auto;
  color: #ba1a1a;
}
@media(max-width:420px){
  .admin-action-left { gap: .8rem; }
  .admin-curated-actions button { font-size: .95rem; }
}

/* v16: seller order queue stays compact and only shows pending payments */
.admin-order-queue-note{
  border:1px dashed rgba(0,89,187,.28);
  background:rgba(0,89,187,.04);
  color:var(--on-surface-variant,#414754);
  border-radius:1rem;
  padding:.85rem 1rem;
  font-weight:700;
  font-size:.9rem;
}
.admin-order-item-compact{
  padding:.9rem 1rem;
}
.admin-order-item-compact .admin-list-title h3{
  font-size:1rem;
}
.admin-order-item-compact p{
  margin:.2rem 0;
  line-height:1.35;
}

/* v17: order tracking and seller sales history */
.order-search-result {
  margin-top: 1rem;
}
.order-search-card {
  background: #ffffff;
  border: 1px solid rgba(193, 198, 215, 0.7);
  border-radius: 1.5rem;
  padding: 1rem;
  box-shadow: 0 10px 30px rgba(0, 71, 171, 0.06);
}
.order-search-card > strong {
  display: block;
  color: #0059bb;
  font-family: Montserrat, sans-serif;
  font-weight: 800;
  margin-bottom: .35rem;
}
.order-detail-card {
  margin-top: .75rem;
}
.order-detail-card .order-card-row b {
  text-align: right;
  max-width: 65%;
  overflow-wrap: anywhere;
}
#profileOrdersStatCard {
  -webkit-tap-highlight-color: transparent;
}
#profileOrdersStatCard:active {
  transform: scale(.98);
}

/* v18: premium order history cards + stronger order search */
.order-search-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  margin-bottom:.85rem;
}
.order-search-title strong{
  color:#0059bb;
  font-family:Montserrat, sans-serif;
  font-size:1rem;
  font-weight:900;
}
.premium-order-card{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(193,198,215,.55);
  border-radius:1.65rem;
  background:linear-gradient(180deg,#ffffff 0%,#fffdfd 100%);
  padding:0;
  box-shadow:0 18px 45px rgba(0,71,171,.08);
}
.premium-order-card::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:5px;
  background:linear-gradient(90deg,#0059bb,#6c98ff);
}
.premium-order-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:1rem;
  padding:1.1rem 1.1rem .85rem;
  border-bottom:1px solid rgba(193,198,215,.35);
}
.premium-order-kicker{
  display:block;
  color:#0059bb;
  font-family:Inter,system-ui,sans-serif;
  font-size:.68rem;
  line-height:1;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  margin-bottom:.38rem;
}
.premium-order-head strong{
  display:block;
  color:#111;
  font-family:Montserrat,sans-serif;
  font-size:1.12rem;
  line-height:1.1;
  font-weight:900;
  letter-spacing:-.035em;
}
.premium-order-head small{
  display:block;
  color:#5d6472;
  font-family:Inter,system-ui,sans-serif;
  font-size:.84rem;
  margin-top:.35rem;
}
.premium-order-body{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:.75rem;
  padding:1rem 1.1rem;
}
.premium-info-tile{
  border:1px solid rgba(193,198,215,.38);
  background:rgba(246,243,242,.45);
  border-radius:1.05rem;
  padding:.85rem;
  min-width:0;
}
.premium-info-tile.full{grid-column:1/-1;}
.premium-info-tile span,
.premium-payment-strip span{
  display:block;
  color:#717786;
  font-family:Inter,system-ui,sans-serif;
  font-size:.68rem;
  line-height:1;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
  margin-bottom:.45rem;
}
.premium-info-tile b,
.premium-payment-strip b{
  display:block;
  color:#1c1b1b;
  font-family:Inter,system-ui,sans-serif;
  font-size:.98rem;
  line-height:1.35;
  font-weight:850;
  overflow-wrap:anywhere;
}
.premium-info-tile .premium-money,
.premium-money{
  color:#0059bb !important;
  font-family:Montserrat,sans-serif !important;
  font-size:1.22rem !important;
  font-weight:900 !important;
}
.premium-payment-strip{
  display:grid;
  grid-template-columns:1fr;
  gap:.65rem;
  padding:1rem 1.1rem 1.1rem;
  background:linear-gradient(180deg,rgba(0,89,187,.035),rgba(0,89,187,.075));
  border-top:1px solid rgba(193,198,215,.35);
}
.premium-payment-strip > div{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
}
.premium-payment-strip span{margin-bottom:0;}
.premium-payment-strip b{
  text-align:right;
  color:#003e86;
}
#myOrdersList{
  gap:1rem !important;
}
@media(max-width:430px){
  .premium-order-body{grid-template-columns:1fr;}
  .premium-info-tile{padding:.78rem;}
  .premium-order-head{padding:1rem .95rem .8rem;}
  .premium-order-body,.premium-payment-strip{padding-left:.95rem;padding-right:.95rem;}
  .premium-payment-strip > div{align-items:flex-start;}
  .premium-payment-strip b{max-width:68%;}
}

/* v19: ultra compact transaction cards + cleaner small-text typography */
body,
p,
small,
label,
input,
textarea,
select,
button,
.admin-muted,
.payment-method-saved-card,
.order-search-card,
.rd-sale-card,
.rd-sale-card *:not(h1):not(h2):not(h3):not(.brand-wordmark) {
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}
.brand-wordmark,
.text-display-lg,
.text-headline-lg,
.text-headline-lg-mobile,
h1,
h2,
.admin-title,
.profile-action-card h3,
.admin-curated-title-row h3 {
  font-family: Poppins, Montserrat, Inter, system-ui, sans-serif !important;
}
.rd-sale-card{
  background:#fff;
  border:1px solid rgba(226,232,240,.75);
  border-radius:2rem;
  box-shadow:0 8px 30px rgba(0,0,0,.045);
  padding:1rem 1.25rem;
  overflow:hidden;
  margin-top:0;
}
.rd-sale-card::before{display:none!important;}
.rd-sale-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:1rem;
  margin-bottom:1rem;
}
.rd-sale-reference p,
.rd-sale-cell span,
.rd-sale-receipt span{
  margin:0 0 .35rem;
  color:#9aa6b6;
  font-size:.64rem;
  line-height:1;
  font-weight:800;
  letter-spacing:.15em;
  text-transform:uppercase;
}
.rd-sale-reference h3{
  margin:0;
  color:#101418;
  font-family:Poppins, Montserrat, Inter, system-ui, sans-serif!important;
  font-size:1.22rem;
  line-height:1.1;
  font-weight:900;
  letter-spacing:-.04em;
}
.rd-sale-reference small{
  display:block;
  margin-top:.45rem;
  color:#9aa6b6;
  font-size:.82rem;
  font-weight:500;
}
.rd-sale-status{
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  padding:.48rem .85rem;
  border-radius:999px;
  font-size:.66rem;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
  white-space:nowrap;
  border:1px solid transparent;
}
.rd-sale-status i{
  width:.34rem;
  height:.34rem;
  border-radius:999px;
  display:inline-block;
  background:currentColor;
}
.rd-sale-status.confirmed{background:#ecfdf5;color:#059669;border-color:#d1fae5;}
.rd-sale-status.pending{background:#fff7ed;color:#c2410c;border-color:#ffedd5;}
.rd-sale-status.rejected{background:#fef2f2;color:#b91c1c;border-color:#fee2e2;}
.rd-sale-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:2rem;
  row-gap:2rem;
  border-top:1px solid rgba(241,245,249,.95);
  border-bottom:1px solid rgba(241,245,249,.95);
  padding:1rem 0;
}
.rd-sale-cell{min-width:0;}
.rd-sale-cell b,
.rd-sale-receipt b{
  display:block;
  color:#1c1b1b;
  font-size:.95rem;
  line-height:1.35;
  font-weight:750;
  overflow-wrap:anywhere;
}
.rd-sale-cell small{
  display:block;
  color:#6b7280;
  font-size:.78rem;
  line-height:1.25;
  margin-top:.16rem;
  font-weight:500;
}
.rd-sale-cell strong{
  display:block;
  color:#0059bb;
  font-family:Poppins, Montserrat, Inter, system-ui, sans-serif!important;
  font-size:1.35rem;
  line-height:1;
  font-weight:900;
  letter-spacing:-.04em;
}
.rd-sale-cell em{
  display:block;
  font-style:normal;
  font-size:.78rem;
  line-height:1.2;
  font-weight:900;
  letter-spacing:.03em;
}
.rd-sale-cell .pay-nagad{color:#db2777;}
.rd-sale-cell .pay-bkash{color:#2563eb;}
.rd-sale-cell .pay-default{color:#0059bb;}
.rd-sale-cell .mono{font-family:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace!important;color:#9aa6b6;font-weight:800;letter-spacing:.03em;}
.truncate-line{
  display:block;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.rd-receipt-btn{
  width:100%;
  margin-top:1rem;
  border:0;
  border-radius:1rem;
  background:#f8fafc;
  color:#0059bb;
  padding:.8rem 1rem;
  font-weight:900;
  font-size:.95rem;
  transition:background .18s ease, transform .18s ease;
}
.rd-receipt-btn:active{transform:scale(.985);}
.rd-receipt-btn:hover{background:#f1f5f9;}
.rd-sale-receipt{
  margin-top:1rem;
  padding:1rem;
  border-radius:1.25rem;
  background:#f8fafc;
  border:1px solid rgba(226,232,240,.8);
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1rem;
}
.rd-sale-receipt.hidden{display:none!important;}
#myOrdersList{gap:1rem!important;}
.order-search-card{
  border-color:rgba(226,232,240,.9)!important;
  background:#fff!important;
  border-radius:1.6rem!important;
}
.order-search-title strong{
  font-family:Poppins, Montserrat, Inter, system-ui, sans-serif!important;
}
@media(max-width:430px){
  .rd-sale-card{padding:1rem; border-radius:1.75rem;}
  .rd-sale-head{gap:.75rem;}
  .rd-sale-reference h3{font-size:1.08rem;}
  .rd-sale-status{font-size:.58rem; padding:.42rem .65rem;}
  .rd-sale-grid{column-gap:1rem;row-gap:1.65rem;}
  .rd-sale-cell strong{font-size:1.25rem;}
  .rd-sale-receipt{grid-template-columns:1fr;}
}

/* v21 checkout delivery + payment method restore */
#checkoutView .district-picker{display:flex;flex-direction:column;gap:.55rem;}
#checkoutView .district-search{min-height:48px!important;font-size:14px!important;}
#checkoutView .district-select{min-height:52px!important;font-size:14px!important;background:#fff;}
#checkoutView .delivery-charge-box{box-shadow:0 8px 24px rgba(0,71,171,.05);}
#checkoutView .delivery-charge-box p{margin:0;}
#checkoutView .order-pay-choice{display:flex!important;flex-direction:row!important;align-items:center!important;gap:1rem!important;min-height:88px;transition:.18s ease;box-shadow:0 8px 24px rgba(0,71,171,.04);}
#checkoutView .order-pay-choice p{margin:0;}
#checkoutView .order-pay-choice.active{box-shadow:0 12px 28px rgba(0,89,187,.12);}
#checkoutView .checkout-radio-ring{box-shadow:0 0 0 1px rgba(0,89,187,.08) inset;}
.checkout-total-lines{border-top:1px solid rgba(193,198,215,.45);padding-top:.85rem;margin-top:.35rem;display:flex;flex-direction:column;gap:.45rem;}
.checkout-total-lines div{display:flex;align-items:center;justify-content:space-between;color:#414754;font-weight:700;font-size:.9rem;}
.checkout-total-lines .grand{border-top:1px solid rgba(193,198,215,.35);padding-top:.55rem;margin-top:.2rem;color:#1c1b1b;font-size:1rem;}
.checkout-total-lines .grand strong{font-family:Poppins,Montserrat,Inter,sans-serif;color:#0059bb;font-size:1.15rem;}


/* v22 professional flow polish without changing the existing visual identity */
.trust-section{max-width:1280px;margin-left:auto;margin-right:auto;}
.trust-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem;}
.trust-card{background:#fff;border:1px solid rgba(193,198,215,.55);border-radius:1.6rem;padding:1rem;display:flex;align-items:center;gap:.75rem;box-shadow:0 10px 28px rgba(0,71,171,.045);transition:transform .18s ease,box-shadow .18s ease;}
.trust-card:active,.profile-action-card:active,.admin-primary-btn:active,.admin-ghost-btn:active,.store-setting-card:active,.filter-pill:active,.product-card:active{transform:scale(.985);}
.trust-card .material-symbols-outlined{color:#0059bb;background:#d8e2ff;width:2.6rem;height:2.6rem;border-radius:999px;display:grid;place-items:center;}
.trust-card strong{display:block;font-family:Inter,system-ui,sans-serif;font-weight:800;color:#1c1b1b;line-height:1.15;}
.trust-card small{display:block;color:#717786;font-size:.78rem;line-height:1.3;margin-top:.15rem;}
.utility-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;}
.utility-page-head h2{font-family:Poppins,Montserrat,Inter,sans-serif;font-weight:900;font-size:clamp(2rem,8vw,3rem);line-height:1;letter-spacing:-.04em;margin:.2rem 0 .45rem;color:#1c1b1b;}
.utility-page-head p{color:#414754;font-size:1rem;line-height:1.55;margin:0;}
.utility-panel{background:transparent;display:flex;flex-direction:column;gap:1rem;}
#utilityView{animation:rdPageIn .2s ease both;}
@keyframes rdPageIn{from{opacity:.65;transform:translateY(8px)}to{opacity:1;transform:none}}
.store-settings-grid{display:grid;grid-template-columns:1fr;gap:.85rem;}
.store-setting-card{width:100%;display:flex;align-items:center;gap:1rem;text-align:left;background:#fff;border:1px solid rgba(193,198,215,.55);border-radius:1.5rem;padding:1rem;box-shadow:0 10px 28px rgba(0,71,171,.045);transition:transform .18s ease,box-shadow .18s ease;}
.store-setting-card span{width:3rem;height:3rem;border-radius:999px;display:grid;place-items:center;background:#d8e2ff;color:#0059bb;flex:none;}
.store-setting-card strong{display:block;font-weight:900;font-size:1.05rem;color:#1c1b1b;}
.store-setting-card small{display:block;color:#717786;margin-top:.12rem;}
.store-settings-block{background:#fff;border:1px solid rgba(193,198,215,.55);border-radius:1.75rem;padding:1.1rem;box-shadow:0 10px 28px rgba(0,71,171,.045);}
.store-settings-block h3{font-family:Poppins,Montserrat,Inter,sans-serif;font-weight:900;font-size:1.35rem;margin:.2rem 0 1rem;}
.store-zone-grid{display:grid;grid-template-columns:1fr;gap:.65rem;}
.store-zone-card{display:flex;justify-content:space-between;gap:1rem;align-items:center;background:#f8fafc;border:1px solid rgba(226,232,240,.9);border-radius:1rem;padding:.8rem .9rem;}
.store-zone-card strong{font-weight:900;color:#1c1b1b;display:block;}
.store-zone-card small{font-size:.78rem;color:#717786;display:block;margin-top:.08rem;}
.store-zone-card b{font-family:Poppins,Montserrat,Inter,sans-serif;color:#0059bb;font-weight:900;}
.store-chip-row{display:flex;flex-wrap:wrap;gap:.55rem;}
.store-chip-row span{background:#d8e2ff;color:#004493;border-radius:999px;padding:.55rem .8rem;font-weight:900;font-size:.85rem;}
.store-settings-form{background:#fff;border:1px solid rgba(193,198,215,.55);border-radius:1.75rem;padding:1rem;box-shadow:0 10px 28px rgba(0,71,171,.045);}
.admin-order-tools{display:flex;flex-direction:column;gap:.8rem;}
.admin-order-tabs{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.15rem;}
.admin-order-tabs button{border:1px solid rgba(193,198,215,.8);background:#fff;color:#414754;border-radius:999px;padding:.7rem 1rem;font-weight:900;white-space:nowrap;transition:all .18s ease;}
.admin-order-tabs button.active{background:#0059bb;color:#fff;border-color:#0059bb;box-shadow:0 8px 20px rgba(0,89,187,.18);}
.admin-order-search{display:flex;align-items:center;gap:.55rem;background:#fff;border:1px solid rgba(193,198,215,.8);border-radius:1.25rem;padding:.75rem 1rem;}
.admin-order-search input{border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;flex:1;min-width:0;padding:0!important;font-family:Inter,system-ui,sans-serif!important;}
.related-products{margin-top:1.25rem;padding-top:1rem;border-top:1px solid rgba(193,198,215,.35);}
.related-head h3{font-family:Poppins,Montserrat,Inter,sans-serif;font-size:1.35rem;font-weight:900;margin:0;color:#1c1b1b;}
.related-head small{display:block;color:#717786;margin-top:.1rem;}
.related-list{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:.85rem;}
.related-item{background:#fff;border:1px solid rgba(193,198,215,.45);border-radius:1.2rem;overflow:hidden;box-shadow:0 8px 22px rgba(0,71,171,.04);cursor:pointer;transition:transform .18s ease;}
.related-item:active{transform:scale(.985);}
.related-item img{width:100%;aspect-ratio:1/1;object-fit:cover;background:#f6f3f2;}
.related-item div{padding:.75rem;}
.related-item h4{font-family:Inter,system-ui,sans-serif;font-weight:900;font-size:.92rem;line-height:1.2;margin:0;color:#1c1b1b;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.related-item p{margin:.25rem 0;color:#717786;font-size:.78rem;}
.related-item strong{color:#0059bb;font-weight:900;}
@media(max-width:760px){.trust-card-grid{grid-template-columns:1fr 1fr}.trust-card{padding:.85rem;border-radius:1.35rem}.trust-card strong{font-size:.86rem}.trust-card small{font-size:.72rem}.utility-page-head h2{font-size:2.35rem}.related-list{grid-template-columns:1fr 1fr}}
@media(max-width:390px){.trust-card-grid{grid-template-columns:1fr}.related-list{grid-template-columns:1fr}}


/* v23: homepage careful polish requested by Rezaul */
.hero-title-compact{
  font-size:clamp(2.35rem,8.6vw,3.45rem);
  line-height:.98;
  letter-spacing:-.045em;
}
.hero-subtitle-compact{
  font-family:Inter,system-ui,sans-serif;
  font-size:clamp(1.02rem,4.1vw,1.25rem);
  line-height:1.45;
  max-width:34rem;
}
.service-options-hero{
  aspect-ratio:1536/767;
  background:#f9f8f3;
  border-radius:2rem;
}
.service-options-hero img{
  display:block;
}
@media(max-width:760px){
  #home{gap:1.65rem;padding-top:.5rem;}
  .hero-title-compact{font-size:clamp(2.15rem,12vw,2.9rem);}
  .hero-subtitle-compact{font-size:1.03rem;line-height:1.45;}
  .service-options-hero{border-radius:1.65rem;}
  .shop-panel{margin-top:.25rem;}
}


/* v24: boutique homepage hero + compact catalog cards requested by Rezaul */
html, body { background:#fbfaee !important; }
body, p, small, label, input, textarea, select, button { font-family:"DM Sans", Inter, system-ui, sans-serif; }
h1, h2, h3, h4, .brand-wordmark, .admin-title, .utility-page-head h2, .rd-hero-heading {
  font-family:"Playfair Display", Georgia, serif !important;
}
#mainContent, #cartView, #checkoutView, #profileView, #adminView, #detailView, .bg-background { background:#fbfaee !important; }
.rd-home-atelier{
  margin-top:1.15rem;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:.9rem;
}
.rd-hero-heading{
  color:#1b1c15;
  font-weight:600;
  font-size:clamp(1.78rem,7.2vw,3.4rem);
  line-height:1.05;
  letter-spacing:-.03em;
  text-align:center;
  white-space:nowrap;
  margin:0 auto .15rem;
}
.rd-hero-image-card{
  width:100%;
  max-width:1020px;
  border-radius:1.55rem;
  overflow:hidden;
  background:#fbfaee;
  border:1px solid rgba(196,199,199,.5);
  box-shadow:0 18px 42px rgba(27,28,21,.06);
}
.rd-hero-image-card img{
  width:100%;
  height:auto;
  display:block;
}
.rd-explore-drops-btn{
  margin:.15rem auto 0;
  background:#001946;
  color:#fff;
  border:0;
  border-radius:999px;
  padding:.76rem 1.65rem;
  font-family:"DM Sans", Inter, system-ui, sans-serif;
  font-weight:800;
  font-size:.95rem;
  letter-spacing:.01em;
  box-shadow:0 10px 26px rgba(0,25,70,.18);
  transition:transform .18s ease, box-shadow .18s ease, opacity .18s ease;
}
.rd-explore-drops-btn:active{ transform:scale(.97); }
.rd-explore-drops-btn:hover{ box-shadow:0 14px 34px rgba(0,25,70,.22); }
#shop{ margin-top:2rem !important; }
#shopProducts{
  gap:1.35rem 1.05rem !important;
  align-items:start;
}
.rd-product-card{
  display:flex;
  flex-direction:column;
  gap:0;
  background:transparent;
  border:0;
  box-shadow:none;
  cursor:pointer;
  min-width:0;
  transition:transform .18s ease;
}
.rd-product-card:active{ transform:scale(.985); }
.rd-product-media{
  position:relative;
  width:100%;
  aspect-ratio:1/1.16;
  border-radius:1.1rem;
  overflow:hidden;
  background:#f5f4e8;
  box-shadow:0 10px 28px rgba(27,28,21,.055);
}
.rd-product-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform .35s ease;
}
.rd-product-card:hover .rd-product-media img{ transform:scale(1.035); }
.rd-product-new-badge{
  position:absolute;
  top:.72rem;
  left:.72rem;
  z-index:2;
  background:rgba(255,255,255,.94);
  color:#1b1c15;
  border-radius:999px;
  padding:.34rem .72rem;
  font-family:"DM Sans", Inter, system-ui, sans-serif;
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
  box-shadow:0 8px 18px rgba(27,28,21,.08);
}
.rd-product-heart{
  position:absolute;
  top:.65rem;
  right:.65rem;
  z-index:3;
  width:2.35rem;
  height:2.35rem;
  border:0;
  border-radius:999px;
  background:#0c0d0f;
  color:#fff;
  display:grid;
  place-items:center;
  box-shadow:0 10px 22px rgba(0,0,0,.14);
  transition:transform .18s ease, background .18s ease, color .18s ease;
}
.rd-product-heart:active{ transform:scale(.92); }
.rd-product-heart .material-symbols-outlined{
  font-size:1.25rem;
  font-variation-settings:'FILL' 0,'wght' 500,'GRAD' 0,'opsz' 24;
}
.rd-product-heart.saved{
  background:#ffffff;
  color:#ba1a1a;
}
.rd-product-heart.saved .material-symbols-outlined{ font-variation-settings:'FILL' 1,'wght' 600,'GRAD' 0,'opsz' 24; }
.rd-product-info{
  padding:.72rem .15rem 0;
}
.rd-product-info h3{
  font-family:"DM Sans", Inter, system-ui, sans-serif !important;
  font-size:1rem;
  line-height:1.22;
  font-weight:800;
  letter-spacing:.01em;
  color:#1b1c15;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  margin:0 0 .22rem;
}
.rd-product-info strong{
  display:block;
  font-family:"DM Sans", Inter, system-ui, sans-serif;
  font-size:1.08rem;
  line-height:1.1;
  font-weight:900;
  color:#1b1c15;
}
.rd-product-cart-btn{
  width:100%;
  margin-top:.72rem;
  min-height:3rem;
  border:0;
  border-radius:1.05rem;
  background:#25262b;
  color:#fff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.42rem;
  padding:.78rem .8rem;
  font-family:"DM Sans", Inter, system-ui, sans-serif;
  font-size:.92rem;
  line-height:1;
  font-weight:800;
  letter-spacing:.01em;
  box-shadow:0 10px 18px rgba(17,18,22,.13);
  transition:transform .18s ease, box-shadow .18s ease, opacity .18s ease;
}
.rd-product-cart-btn .material-symbols-outlined{
  font-size:1.08rem;
  line-height:1;
  font-variation-settings:'FILL' 0,'wght' 500,'GRAD' 0,'opsz' 24;
}
.rd-product-cart-btn:hover{
  box-shadow:0 12px 22px rgba(17,18,22,.16);
}
.rd-product-cart-btn:active{
  transform:scale(.98);
}
@media(max-width:760px){
  .rd-home-atelier{ margin-top:.9rem; gap:.75rem; }
  .rd-hero-heading{ font-size:clamp(1.62rem,7.4vw,2.1rem); }
  .rd-hero-image-card{ border-radius:1.25rem; }
  .rd-explore-drops-btn{ padding:.68rem 1.42rem; font-size:.88rem; }
  #shopProducts{ gap:1.25rem .95rem !important; }
  .rd-product-media{ border-radius:1rem; aspect-ratio:1/1.18; }
  .rd-product-heart{ width:2.15rem; height:2.15rem; top:.55rem; right:.55rem; }
  .rd-product-new-badge{ top:.6rem; left:.6rem; padding:.3rem .62rem; font-size:.66rem; }
  .rd-product-info h3{ font-size:.96rem; }
  .rd-product-info strong{ font-size:1.02rem; }
  .rd-product-cart-btn{
    margin-top:.62rem;
    min-height:2.8rem;
    border-radius:1rem;
    padding:.72rem .7rem;
    font-size:.88rem;
    gap:.38rem;
  }
  .rd-product-cart-btn .material-symbols-outlined{ font-size:1rem; }
}
@media(max-width:380px){
  #shopProducts{ gap:1.15rem .75rem !important; }
  .rd-product-info h3{ font-size:.9rem; }
  .rd-product-info strong{ font-size:.98rem; }
  .rd-product-cart-btn{
    min-height:2.68rem;
    border-radius:.95rem;
    padding:.68rem .64rem;
    font-size:.83rem;
  }
}

/* v25 checkout payment method exact compact premium card + clean district dropdown */
#checkoutView .district-picker,
#checkoutView .district-search{display:none!important;}
#checkoutView .district-select{
  width:100%!important;
  min-height:54px!important;
  background:#fbfaee!important;
  color:#111!important;
  border:1.6px solid #1b1b1b!important;
  border-radius:.95rem!important;
  padding:.7rem 1rem!important;
  font-family:DM Sans,Inter,system-ui,sans-serif!important;
  font-size:15px!important;
  box-shadow:none!important;
}
#checkoutView .rd-payment-method-wrap{
  display:flex!important;
  flex-direction:column!important;
  gap:.85rem!important;
  margin-top:.2rem!important;
}
#checkoutView .rd-payment-heading{
  font-family:DM Sans,Inter,system-ui,sans-serif!important;
  font-size:1rem!important;
  font-weight:900!important;
  letter-spacing:.02em!important;
  color:#0f1115!important;
  margin:0!important;
}
#checkoutView .rd-payment-card{
  position:relative!important;
  width:100%!important;
  display:flex!important;
  flex-direction:column!important;
  gap:.85rem!important;
  background:rgba(251,250,238,.94)!important;
  border:2px solid #111!important;
  border-radius:1.45rem!important;
  padding:1.05rem!important;
  box-shadow:0 12px 26px rgba(0,0,0,.06)!important;
  transition:transform .16s ease, box-shadow .16s ease, background .16s ease!important;
  cursor:pointer!important;
}
#checkoutView .rd-payment-card:active{transform:scale(.992)!important;}
#checkoutView .rd-payment-card.active{box-shadow:0 16px 32px rgba(0,0,0,.08)!important;}
#checkoutView .rd-payment-top-row{
  display:flex!important;
  align-items:center!important;
  gap:.85rem!important;
  min-height:42px!important;
}
#checkoutView .rd-payment-radio{
  width:22px!important;
  height:22px!important;
  margin:0!important;
  accent-color:#0c72bd!important;
  flex:0 0 auto!important;
}
#checkoutView .rd-payment-title-block{flex:1 1 auto!important;min-width:0!important;}
#checkoutView .rd-payment-title{
  font-family:DM Sans,Inter,system-ui,sans-serif!important;
  font-size:1.28rem!important;
  line-height:1.05!important;
  font-weight:900!important;
  color:#111!important;
  margin:0 0 .2rem!important;
  letter-spacing:-.02em!important;
}
#checkoutView .rd-payment-subtitle{
  font-family:DM Sans,Inter,system-ui,sans-serif!important;
  font-size:.96rem!important;
  line-height:1.15!important;
  color:#111!important;
  margin:0!important;
}
#checkoutView .rd-payment-pill{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:54px!important;
  min-height:34px!important;
  padding:0 .65rem!important;
  border-radius:.7rem!important;
  background:#e6e6e6!important;
  color:#111!important;
  font-family:DM Sans,Inter,system-ui,sans-serif!important;
  font-weight:900!important;
  font-size:1.02rem!important;
  line-height:1!important;
}
#checkoutView .rd-mobile-payment-body{
  display:flex!important;
  flex-direction:column!important;
  gap:.85rem!important;
  padding-left:1.15rem!important;
  border-left:2px solid rgba(0,0,0,.16)!important;
}
#checkoutView .rd-mobile-payment-body.hidden{display:none!important;}
#checkoutView .rd-brand-tabs{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:0!important;
  overflow:hidden!important;
  border:1.5px solid #cfcfcf!important;
  border-radius:.95rem .95rem 0 0!important;
  background:#fff!important;
}
#checkoutView .rd-brand-tab{
  min-height:58px!important;
  border:0!important;
  border-radius:0!important;
  background:#fff!important;
  color:#111!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:.38rem!important;
  font-family:DM Sans,Inter,system-ui,sans-serif!important;
  font-size:1.05rem!important;
  font-weight:900!important;
  box-shadow:inset 0 -4px 0 transparent!important;
}
#checkoutView .rd-brand-tab + .rd-brand-tab{border-left:1.5px solid #e1e1e1!important;}
#checkoutView .rd-brand-tab.active[data-method="bkash"]{
  background:#fff!important;
  color:#111!important;
  box-shadow:inset 0 0 0 2px #0c72bd, inset 0 -4px 0 #0c72bd!important;
}
#checkoutView .rd-brand-tab.active[data-method="nagad"]{
  background:#fff!important;
  color:#111!important;
  box-shadow:inset 0 -4px 0 #f58220!important;
}
#checkoutView .rd-bkash-mark{
  color:#d4145a!important;
  font-size:1.55rem!important;
  transform:rotate(18deg)!important;
  line-height:1!important;
  display:inline-block!important;
}
#checkoutView .rd-nagad-mark{
  width:25px!important;
  height:25px!important;
  border-radius:50%!important;
  display:inline-block!important;
  background:conic-gradient(from 45deg,#f58220 0 72%,transparent 72% 100%)!important;
  position:relative!important;
}
#checkoutView .rd-nagad-mark:after{
  content:""!important;
  position:absolute!important;
  inset:6px!important;
  border-radius:50%!important;
  background:#fff!important;
  box-shadow:8px -4px 0 -5px #e21b2d!important;
}
#checkoutView .rd-business-number-card{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:.75rem!important;
  background:#fbfaee!important;
  border:1.5px solid #d6d4cd!important;
  border-radius:.9rem!important;
  padding:.9rem 1rem!important;
  box-shadow:0 10px 20px rgba(0,0,0,.04)!important;
}
#checkoutView .rd-business-number-card strong{
  display:block!important;
  font-family:DM Sans,Inter,system-ui,sans-serif!important;
  font-size:1.75rem!important;
  line-height:1.05!important;
  color:#050505!important;
  letter-spacing:.01em!important;
}
#checkoutView .rd-business-number-card small{
  display:block!important;
  margin-top:.28rem!important;
  font-family:DM Sans,Inter,system-ui,sans-serif!important;
  font-size:1rem!important;
  color:#111!important;
  font-weight:700!important;
  text-transform:uppercase!important;
}
#checkoutView .rd-business-number-card button{
  width:46px!important;
  height:46px!important;
  border:0!important;
  background:transparent!important;
  color:#1b1b1b!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:.7rem!important;
}
#checkoutView .rd-business-number-card button:active{background:#eceae0!important;transform:scale(.96)!important;}
#checkoutView .rd-payment-fields{
  display:flex!important;
  flex-direction:column!important;
  gap:.7rem!important;
}
#checkoutView .rd-payment-field label{
  display:block!important;
  font-family:DM Sans,Inter,system-ui,sans-serif!important;
  font-size:.92rem!important;
  font-weight:700!important;
  color:#111!important;
  letter-spacing:0!important;
  margin-bottom:.3rem!important;
  text-transform:none!important;
}
#checkoutView .rd-payment-field .checkout-input{
  min-height:48px!important;
  background:#fbfaee!important;
  border:1.6px solid #111!important;
  border-radius:.72rem!important;
  padding:.58rem .9rem!important;
  box-shadow:none!important;
  font-size:15px!important;
}
#checkoutView .rd-cod-payment-card{
  padding:1rem!important;
  border-radius:1.2rem!important;
}
#checkoutView .rd-cod-payment-card .rd-payment-title{font-size:1.18rem!important;}
#checkoutView .rd-cod-payment-card .rd-payment-subtitle{font-size:.92rem!important;color:#222!important;}
#checkoutView .sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}


/* v26 hard fix: exact mobile payment layout, overrides older checkout/card rules */
#checkoutView .checkout-payment-mode-section,
#checkoutView .rd-payment-method-wrap{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  margin-top:.35rem!important;
  box-sizing:border-box!important;
}
#checkoutView .rd-payment-heading{
  display:block!important;
  margin:0 0 .85rem!important;
  font-family:DM Sans,Inter,system-ui,sans-serif!important;
  font-size:1rem!important;
  font-weight:900!important;
  line-height:1.1!important;
  letter-spacing:.02em!important;
  color:#111!important;
  text-transform:uppercase!important;
}
#checkoutView .checkout-payment-mode-section > .order-pay-choice.rd-payment-card{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  display:block!important;
  flex:none!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  gap:0!important;
  min-height:0!important;
  margin:0 0 1.05rem!important;
  padding:1.1rem 1.05rem!important;
  border:2px solid #111!important;
  border-radius:1.45rem!important;
  background:rgba(251,250,238,.96)!important;
  color:#111!important;
  box-shadow:0 14px 32px rgba(0,0,0,.06)!important;
  overflow:hidden!important;
  cursor:pointer!important;
}
#checkoutView .checkout-payment-mode-section > .order-pay-choice.rd-payment-card.active{
  border-color:#111!important;
  background:rgba(251,250,238,.98)!important;
  box-shadow:0 18px 38px rgba(0,0,0,.08)!important;
}
#checkoutView .rd-payment-top-row{
  width:100%!important;
  display:grid!important;
  grid-template-columns:26px minmax(0,1fr) auto!important;
  align-items:center!important;
  column-gap:.75rem!important;
  min-height:48px!important;
  box-sizing:border-box!important;
}
#checkoutView .rd-payment-radio{
  display:block!important;
  width:22px!important;
  height:22px!important;
  margin:0!important;
  padding:0!important;
  accent-color:#0b74c9!important;
  grid-column:1!important;
}
#checkoutView .rd-payment-title-block{
  display:block!important;
  min-width:0!important;
  width:auto!important;
  grid-column:2!important;
}
#checkoutView .rd-payment-title,
#checkoutView .rd-payment-subtitle{
  white-space:normal!important;
  text-align:left!important;
  padding:0!important;
}
#checkoutView .rd-payment-title{
  margin:0 0 .16rem!important;
  font-family:DM Sans,Inter,system-ui,sans-serif!important;
  font-size:1.32rem!important;
  line-height:1.05!important;
  font-weight:900!important;
  color:#111!important;
  letter-spacing:-.025em!important;
}
#checkoutView .rd-payment-subtitle{
  margin:0!important;
  font-family:DM Sans,Inter,system-ui,sans-serif!important;
  font-size:1rem!important;
  line-height:1.18!important;
  font-weight:500!important;
  color:#111!important;
}
#checkoutView .rd-payment-pill{
  grid-column:3!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:54px!important;
  min-height:35px!important;
  padding:0 .66rem!important;
  border-radius:.65rem!important;
  background:#e5e5e5!important;
  color:#111!important;
  font-family:DM Sans,Inter,system-ui,sans-serif!important;
  font-size:1rem!important;
  font-weight:900!important;
  line-height:1!important;
  white-space:nowrap!important;
}
#checkoutView .rd-mobile-payment-body{
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  display:flex!important;
  flex-direction:column!important;
  gap:.75rem!important;
  margin:.85rem 0 0 12px!important;
  padding:0 0 0 18px!important;
  border-left:2px solid rgba(17,17,17,.16)!important;
}
#checkoutView .rd-mobile-payment-body.hidden{display:none!important;}
#checkoutView .rd-brand-tabs.payment-method-grid,
#checkoutView .rd-brand-tabs{
  width:calc(100% - 0px)!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:0!important;
  overflow:hidden!important;
  border:1.5px solid #cfcfcf!important;
  border-radius:.95rem .95rem 0 0!important;
  background:#fff!important;
  box-sizing:border-box!important;
}
#checkoutView .rd-brand-tab.payment-method-btn,
#checkoutView .rd-brand-tab{
  width:100%!important;
  min-width:0!important;
  min-height:58px!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:#fff!important;
  color:#111!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:.38rem!important;
  font-family:DM Sans,Inter,system-ui,sans-serif!important;
  font-size:1.05rem!important;
  font-weight:900!important;
  line-height:1!important;
  box-shadow:inset 0 -4px 0 transparent!important;
  padding:.55rem .45rem!important;
  box-sizing:border-box!important;
}
#checkoutView .rd-brand-tab + .rd-brand-tab{border-left:1.5px solid #e2e2e2!important;}
#checkoutView .rd-brand-tab.active[data-method="bkash"]{box-shadow:inset 0 0 0 2px #0c72bd, inset 0 -4px 0 #0c72bd!important;}
#checkoutView .rd-brand-tab.active[data-method="nagad"]{box-shadow:inset 0 -4px 0 #f58220!important;}
#checkoutView .rd-bkash-logo{
  display:inline-flex!important;
  align-items:center!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-weight:700!important;
  font-size:.82rem!important;
  line-height:1!important;
  color:#7a174f!important;
  letter-spacing:-.02em!important;
}
#checkoutView .rd-bkash-logo:after{
  content:""!important;
  display:inline-block!important;
  width:18px!important;
  height:18px!important;
  margin-left:2px!important;
  background:#e2136e!important;
  clip-path:polygon(0 0,100% 35%,35% 56%,100% 100%,0 72%)!important;
  transform:skew(-8deg)!important;
}
#checkoutView .rd-nagad-logo{
  width:27px!important;
  height:27px!important;
  border-radius:50%!important;
  display:inline-block!important;
  position:relative!important;
  background:conic-gradient(from 30deg,#f58220 0 72%,transparent 72% 100%)!important;
  flex:0 0 27px!important;
}
#checkoutView .rd-nagad-logo:after{
  content:""!important;
  position:absolute!important;
  inset:6px!important;
  border-radius:50%!important;
  background:#fff!important;
  box-shadow:8px -4px 0 -5px #e21b2d!important;
}
#checkoutView .rd-business-number-card.payment-number-box,
#checkoutView .rd-business-number-card{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:.7rem!important;
  padding:.9rem 1rem!important;
  border:1.5px solid #d6d4cd!important;
  border-radius:.9rem!important;
  background:rgba(251,250,238,.98)!important;
  box-shadow:0 10px 20px rgba(0,0,0,.04)!important;
  overflow:hidden!important;
}
#checkoutView .rd-business-number-card > div{min-width:0!important;display:block!important;}
#checkoutView .rd-business-number-card strong{
  display:block!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-family:DM Sans,Inter,system-ui,sans-serif!important;
  font-size:1.86rem!important;
  line-height:1.03!important;
  font-weight:900!important;
  color:#050505!important;
  letter-spacing:.01em!important;
}
#checkoutView .rd-business-number-card small{
  display:block!important;
  margin-top:.24rem!important;
  font-family:DM Sans,Inter,system-ui,sans-serif!important;
  font-size:.98rem!important;
  line-height:1.1!important;
  color:#111!important;
  font-weight:800!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}
#checkoutView .rd-business-number-card button{
  flex:0 0 48px!important;
  width:48px!important;
  height:48px!important;
  border:0!important;
  border-radius:.8rem!important;
  background:#f1f0e8!important;
  color:#111!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
#checkoutView .rd-business-number-card button .material-symbols-outlined{font-size:29px!important;}
#checkoutView .rd-payment-fields{
  width:100%!important;
  display:flex!important;
  flex-direction:column!important;
  gap:.68rem!important;
  box-sizing:border-box!important;
}
#checkoutView .rd-payment-field,
#checkoutView .rd-payment-field *{box-sizing:border-box!important;}
#checkoutView .rd-payment-field label{
  display:block!important;
  margin:0 0 .28rem!important;
  font-family:DM Sans,Inter,system-ui,sans-serif!important;
  font-size:.95rem!important;
  line-height:1.12!important;
  font-weight:700!important;
  letter-spacing:0!important;
  color:#111!important;
  text-transform:none!important;
}
#checkoutView .rd-payment-field .checkout-input{
  width:100%!important;
  min-height:48px!important;
  border:1.6px solid #111!important;
  border-radius:.72rem!important;
  background:rgba(251,250,238,.98)!important;
  padding:.58rem .9rem!important;
  font-size:15px!important;
  line-height:1.2!important;
  box-shadow:none!important;
}
#checkoutView .checkout-payment-mode-section > .rd-cod-payment-card{
  padding:1rem 1.05rem!important;
  border-radius:1.2rem!important;
  margin-bottom:0!important;
}
#checkoutView .rd-cod-payment-card .rd-payment-top-row{min-height:46px!important;}
#checkoutView .rd-cod-payment-card .rd-payment-title{font-size:1.25rem!important;}
#checkoutView .rd-cod-payment-card .rd-payment-subtitle{font-size:.98rem!important;color:#111!important;}
@media (max-width:360px){
  #checkoutView .checkout-payment-mode-section > .order-pay-choice.rd-payment-card{padding:1rem .92rem!important;}
  #checkoutView .rd-payment-title{font-size:1.18rem!important;}
  #checkoutView .rd-payment-subtitle{font-size:.9rem!important;}
  #checkoutView .rd-business-number-card strong{font-size:1.55rem!important;}
  #checkoutView .rd-mobile-payment-body{margin-left:7px!important;padding-left:14px!important;}
}


/* v27 payment polish: remove ugly left rail, use uploaded bKash/Nagad logo images, match Rare Dreams outline colors */
#checkoutView .checkout-payment-mode-section > .order-pay-choice.rd-payment-card{
  border-color:#c4c7c7!important;
  background:rgba(251,250,238,.98)!important;
  box-shadow:0 14px 34px rgba(48,49,41,.07)!important;
}
#checkoutView .checkout-payment-mode-section > .order-pay-choice.rd-payment-card.active{
  border-color:#8fb8e8!important;
  box-shadow:0 16px 36px rgba(12,114,189,.10)!important;
}
#checkoutView .rd-payment-radio{
  accent-color:#0c72bd!important;
}
#checkoutView .rd-mobile-payment-body{
  margin:.9rem 0 0 0!important;
  padding:0!important;
  border-left:0!important;
}
#checkoutView .rd-brand-tabs.payment-method-grid,
#checkoutView .rd-brand-tabs{
  border:1.5px solid #c4c7c7!important;
  border-radius:1rem 1rem 0 0!important;
  background:#fff!important;
  width:100%!important;
}
#checkoutView .rd-brand-tab.payment-method-btn,
#checkoutView .rd-brand-tab{
  min-height:56px!important;
  padding:.45rem .55rem!important;
  background:#fff!important;
  border-color:#e4e3d7!important;
  box-shadow:inset 0 -3px 0 transparent!important;
}
#checkoutView .rd-brand-tab + .rd-brand-tab{
  border-left:1.5px solid #e4e3d7!important;
}
#checkoutView .rd-brand-tab.active[data-method="bkash"]{
  box-shadow:inset 0 0 0 1.5px #0c72bd, inset 0 -4px 0 #0c72bd!important;
}
#checkoutView .rd-brand-tab.active[data-method="nagad"]{
  box-shadow:inset 0 -4px 0 #f58220!important;
}
#checkoutView .rd-payment-logo-img{
  display:block!important;
  width:auto!important;
  max-width:112px!important;
  max-height:34px!important;
  object-fit:contain!important;
  pointer-events:none!important;
}
#checkoutView .rd-bkash-logo-img{
  max-width:108px!important;
  max-height:32px!important;
}
#checkoutView .rd-nagad-logo-img{
  max-width:112px!important;
  max-height:34px!important;
}
#checkoutView .rd-bkash-logo,
#checkoutView .rd-nagad-logo,
#checkoutView .rd-bkash-logo:after,
#checkoutView .rd-nagad-logo:after{
  display:none!important;
  content:none!important;
}
#checkoutView .rd-business-number-card.payment-number-box,
#checkoutView .rd-business-number-card{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 52px!important;
  align-items:center!important;
  gap:.7rem!important;
  border:1.5px solid #d6d4cd!important;
  border-radius:1rem!important;
  background:rgba(251,250,238,.99)!important;
  padding:.88rem .82rem .88rem 1rem!important;
  box-shadow:0 10px 22px rgba(48,49,41,.055)!important;
}
#checkoutView .rd-business-number-card > div{
  min-width:0!important;
}
#checkoutView .rd-business-number-card strong{
  font-size:clamp(1.55rem, 7vw, 1.98rem)!important;
  line-height:1.02!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:clip!important;
  max-width:100%!important;
}
#checkoutView .rd-business-number-card small{
  font-size:clamp(.82rem, 3.2vw, 1rem)!important;
  white-space:nowrap!important;
}
#checkoutView .rd-business-number-card button{
  width:52px!important;
  height:52px!important;
  flex:0 0 52px!important;
  border:0!important;
  background:transparent!important;
  color:#444748!important;
  border-radius:.9rem!important;
  box-shadow:none!important;
}
#checkoutView .rd-business-number-card button:active{
  background:#efeee3!important;
  transform:scale(.96)!important;
}
#checkoutView .rd-business-number-card button .material-symbols-outlined{
  font-size:31px!important;
  font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 32!important;
}
#checkoutView .rd-payment-field .checkout-input,
#checkoutView .district-select{
  border-color:#c4c7c7!important;
  color:#1b1c15!important;
  background:rgba(251,250,238,.99)!important;
}
#checkoutView .rd-payment-field .checkout-input:focus,
#checkoutView .district-select:focus{
  outline:0!important;
  border-color:#0c72bd!important;
  box-shadow:0 0 0 3px rgba(12,114,189,.12)!important;
}
#checkoutView .rd-payment-pill{
  background:#e9e9dd!important;
  color:#1b1c15!important;
}
#checkoutView .rd-payment-title,
#checkoutView .rd-payment-subtitle,
#checkoutView .rd-payment-field label,
#checkoutView .rd-payment-heading{
  color:#1b1c15!important;
}
@media (max-width:360px){
  #checkoutView .rd-payment-logo-img{max-width:96px!important;max-height:30px!important;}
  #checkoutView .rd-brand-tab.payment-method-btn{min-height:52px!important;}
  #checkoutView .rd-business-number-card.payment-number-box{grid-template-columns:minmax(0,1fr) 48px!important;padding-left:.82rem!important;padding-right:.68rem!important;}
  #checkoutView .rd-business-number-card button{width:48px!important;height:48px!important;flex-basis:48px!important;}
  #checkoutView .rd-business-number-card strong{font-size:clamp(1.42rem, 6.7vw, 1.72rem)!important;}
}


/* v28 stability, desktop layout, seller order queue polish */
.rd-desktop-nav{display:none;align-items:center;gap:1.25rem;font-family:DM Sans,Inter,system-ui,sans-serif;font-weight:800;color:var(--on-surface,#1b1c15)}
.rd-desktop-nav button{padding:.45rem .7rem;border-radius:999px;transition:background .18s ease,color .18s ease,transform .18s ease;}
.rd-desktop-nav button:hover{background:rgba(196,199,199,.35);transform:translateY(-1px);}
@media (min-width:1024px) and (hover:hover) and (pointer:fine){
  #siteHeader{padding-left:clamp(2rem,5vw,5rem)!important;padding-right:clamp(2rem,5vw,5rem)!important;justify-content:space-between!important;}
  #menuBtn{display:none!important;}
  .rd-desktop-nav{display:flex;}
  #mainContent{max-width:1180px!important;padding-top:84px!important;}
  .rd-home-atelier{max-width:1040px;margin-left:auto;margin-right:auto;}
  .rd-hero-heading{font-size:clamp(2rem,4vw,3.5rem)!important;text-align:center!important;}
  #shopProducts{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:1.25rem!important;}
  .rd-product-media{aspect-ratio:1/1!important;}
  .whatsapp-support{bottom:1.5rem!important;}
  #adminView main,#profileView main,#utilityView main,#checkoutView main,#cartView main{max-width:980px!important;margin-left:auto!important;margin-right:auto!important;}
}
@media (min-width:1100px) and (hover:hover) and (pointer:fine){#shopProducts{grid-template-columns:repeat(5,minmax(0,1fr))!important;}}
.admin-order-queue-note{display:none!important;}
.admin-pending-order-card{background:#fff;border:1px solid rgba(196,199,199,.75);border-radius:1.5rem;padding:1.25rem;box-shadow:0 18px 45px rgba(27,28,21,.08);display:flex;flex-direction:column;gap:1rem;}
.admin-pending-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;}
.admin-pending-head h3{font-family:DM Sans,Inter,system-ui,sans-serif;font-size:1.55rem;line-height:1.1;font-weight:900;color:#0f172a;}
.admin-pending-body{display:flex;flex-direction:column;gap:.35rem;font-family:DM Sans,Inter,system-ui,sans-serif;font-size:1rem;color:#1f2937;line-height:1.45;}
.admin-pending-body b{font-weight:900;color:#111827;}
.admin-pending-actions{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:.35rem;}
.admin-pending-actions button{border:0;border-radius:.8rem;padding:1rem .75rem;color:#fff;font-family:DM Sans,Inter,system-ui,sans-serif;font-size:1.2rem;font-weight:900;box-shadow:0 14px 28px rgba(0,0,0,.12);transition:transform .16s ease,filter .16s ease;}
.admin-pending-actions button:active{transform:scale(.98);}
.admin-pending-actions .approve{background:linear-gradient(180deg,#34c66b,#18a852);}
.admin-pending-actions .reject{background:linear-gradient(180deg,#d43b3b,#b91c1c);}
.admin-order-item-compact{border-radius:1.35rem!important;border-color:rgba(196,199,199,.75)!important;box-shadow:0 14px 34px rgba(27,28,21,.06)!important;}
.admin-order-item-compact .admin-list-title h3{font-family:Playfair Display,serif!important;font-size:1.45rem!important;color:#111827!important;}
.admin-order-actions button{border-radius:999px!important;padding:.7rem 1rem!important;}
@media(max-width:520px){.admin-pending-order-card{padding:1rem;border-radius:1.25rem}.admin-pending-head h3{font-size:1.25rem}.admin-pending-body{font-size:.95rem}.admin-pending-actions{gap:.65rem}.admin-pending-actions button{font-size:1rem;padding:.85rem .6rem}}


/* Requested Seller Central fixes only */
#adminView.seller-central-match-view {
  background: linear-gradient(180deg, #eff4f8 0%, #eef3f7 100%);
  padding-top: 128px;
  color: #111827;
}
#adminView .seller-match-header {
  background: #ffffff;
  border-bottom: 1px solid rgba(193,198,215,.45);
  box-shadow: none;
}
#adminView .seller-match-header-inner {
  height: 128px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem;
}
#adminView .seller-match-brand {
  margin: 0;
  color: #0059bb;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: clamp(32px, 6.3vw, 54px);
  line-height: 1;
  font-weight: 900;
  letter-spacing: -0.055em;
  white-space: nowrap;
}
#adminView .seller-match-nav { display: flex; align-items: center; gap: clamp(.65rem, 4.5vw, 3.5rem); }
#adminView .seller-match-nav button {
  border: 0; background: transparent; color: #0f172a;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: clamp(16px, 3.8vw, 30px); font-weight: 500; line-height: 1; padding: .75rem .1rem; cursor: pointer;
}
#adminView .seller-match-main, #adminView #adminDashboard { gap: 2.35rem; }
#adminView .seller-match-hero-card,
#adminView .seller-match-stat-card,
#adminView .seller-match-orders-card,
#adminView .seller-history-order-card,
#adminView .seller-confirmed-order-card {
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(220,226,235,.95);
  box-shadow: 0 12px 24px rgba(15,23,42,.12);
}
#adminView .seller-match-hero-card {
  min-height: 160px;
  border-radius: 32px;
  padding: 1.55rem 2.2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
}
#adminView .seller-match-hero-left { min-width: 0; display: flex; align-items: center; gap: 1.45rem; }
#adminView .seller-match-avatar { width: 78px; height: 78px; flex: 0 0 78px; border-radius: 999px; overflow: hidden; background: #e8eef8; }
#adminView .seller-match-avatar svg { display: block; width: 100%; height: 100%; }
#adminView .seller-match-hero-text { min-width: 0; }
#adminView .seller-match-hero-card .admin-title {
  margin: 0; color: #111827;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: clamp(28px, 5vw, 44px); line-height: 1.05; font-weight: 900; letter-spacing: -0.045em;
}
#adminView .seller-match-login-label,
#adminView .seller-match-email {
  margin: .28rem 0 0; color: #111827;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: clamp(17px, 3.2vw, 25px); line-height: 1.12; font-weight: 400;
}
#adminView .seller-match-email { margin-top: .08rem; word-break: break-word; }
#adminView .seller-match-logout {
  flex: 0 0 auto; min-width: 145px; min-height: 60px; border-radius: 16px; padding: .9rem 1.4rem;
  background: #0059bb; color: #fff;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: clamp(18px, 3.5vw, 25px); font-weight: 900;
  box-shadow: 0 10px 20px rgba(0,89,187,.22);
}
#adminView .seller-match-stats-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 2.55rem; }
#adminView .seller-match-stat-card {
  min-height: 326px; border-radius: 30px; padding: 2.35rem 2.6rem 1.85rem !important;
  display: flex; flex-direction: column; justify-content: flex-start; text-align: left !important;
}
#adminView .seller-match-stat-card .admin-stat-top small {
  margin: 0; color: #566070;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: clamp(19px, 3.5vw, 31px) !important; line-height: 1; font-weight: 900; letter-spacing: -0.02em;
}
#adminView .seller-match-stat-card strong {
  margin-top: 3rem; color: #0b1226;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: clamp(72px, 13vw, 104px); line-height: .9; font-weight: 900; letter-spacing: -0.06em;
}
#adminView .seller-match-stat-card p {
  margin: auto 0 0; display: flex; align-items: center; gap: .8rem; color: #2f9a55;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: clamp(19px, 3.4vw, 30px); line-height: 1; font-weight: 900;
}
#adminView .seller-match-stat-card p.warning { color: #a73535; }
#adminView .seller-match-status-icon { width: 38px; height: 38px; flex: 0 0 38px; display: inline-block; }
#adminView .seller-match-orders-card { border-radius: 32px; padding: 2.35rem 2.6rem 2.2rem; }
#adminView .seller-match-orders-top { display: flex; align-items: center; justify-content: space-between; gap: 2rem; }
#adminView .seller-match-orders-card .admin-kicker {
  color: #566070; font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: clamp(18px, 3.4vw, 28px); line-height: 1; font-weight: 900; letter-spacing: -0.02em;
}
#adminView .seller-match-orders-card .admin-title {
  margin-top: 1.45rem; max-width: 620px; color: #0b1226;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: clamp(28px, 5.6vw, 48px); line-height: 1.06; font-weight: 900; letter-spacing: -0.055em; text-transform: uppercase;
}
#adminView .seller-match-orders-card .admin-muted {
  margin-top: 1rem; max-width: 540px; color: #111827;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: clamp(18px, 3.35vw, 28px); line-height: 1.25; font-weight: 400;
}
#adminView .seller-match-refresh,
#adminView .admin-card-action-btn {
  min-width: 138px; min-height: 60px; border: 1px solid rgba(193,198,215,.9); border-radius: 16px;
  background: #f8fafc; color: #111827; display: inline-flex; align-items: center; justify-content: center; gap: .65rem;
  padding: .85rem 1rem; font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: clamp(16px, 3vw, 22px); line-height: 1; font-weight: 900; box-shadow: none;
}
#adminView .seller-match-refresh svg,
#adminView .admin-card-action-btn svg { width: 26px; height: 26px; flex: 0 0 26px; }
#adminView .admin-order-tools { display: flex; flex-direction: column; gap: 1.75rem; }
#adminView .seller-match-tabs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); overflow: hidden; padding: 0; gap: 0; border: 1px solid rgba(193,198,215,.95); border-radius: 14px; background: #fff; }
#adminView .seller-match-tabs button {
  min-height: 78px; border: 0; border-right: 1px solid rgba(193,198,215,.95); border-radius: 0; background: #fff; color: #1f2937; box-shadow: none;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: clamp(17px, 3.35vw, 28px); font-weight: 900; line-height: 1; padding: 1rem .65rem; white-space: nowrap;
}
#adminView .seller-match-tabs button:last-child { border-right: 0; }
#adminView .seller-match-tabs button.active { background: #e7edf3; color: #0059bb; border-color: rgba(193,198,215,.95); box-shadow: none; }
#adminView .seller-match-search {
  min-height: 84px; border: 1px solid rgba(193,198,215,.95); border-radius: 999px; background: #f9fbfd; color: #4b5563;
  display: flex; align-items: center; gap: 1.25rem; padding: 0 1.75rem;
}
#adminView .seller-match-search svg { width: 38px; height: 38px; flex: 0 0 38px; }
#adminView .seller-match-search input {
  border: 0 !important; outline: 0 !important; box-shadow: none !important; background: transparent !important; padding: 0 !important; min-width: 0; width: 100%; color: #111827 !important;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: clamp(18px, 3.35vw, 28px) !important; font-weight: 400 !important;
}
#adminView .seller-match-search input::placeholder { color: #6b7280; opacity: 1; }
#adminView #adminOrdersList > .admin-muted {
  color: #111827; font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: clamp(18px, 3.35vw, 27px); line-height: 1.2; font-weight: 400;
}
#adminView .seller-match-add-product {
  width: 100%; min-height: 92px; border-radius: 999px; background: #0059bb; color: #fff; box-shadow: 0 18px 34px rgba(0,89,187,.23);
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: clamp(22px, 4.2vw, 36px); font-weight: 900;
}
#adminView .admin-pending-order-card { border-radius: 30px; padding: 2rem; }
#adminView .admin-pending-head { align-items: flex-start; }
#adminView .admin-pending-head h3,
#adminView .seller-history-card-head h3 { color: #0b1226; font-size: clamp(24px, 4.5vw, 36px); line-height: 1.08; letter-spacing: -.04em; }
#adminView .admin-pending-body,
#adminView .seller-history-card-body { font-size: clamp(17px, 3.1vw, 24px); line-height: 1.5; }
#adminView .seller-history-order-card,
#adminView .seller-confirmed-order-card { border-radius: 30px; padding: 2rem; }
#adminView .seller-history-card-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; margin-bottom: 1.2rem; }
#adminView .seller-history-card-head small { display: block; margin-top: .4rem; color: #6b7280; font-size: .92rem; }
#adminView .seller-history-card-body { display: flex; flex-direction: column; gap: .35rem; color: #1f2937; }
#adminView .seller-history-card-body b { color: #111827; font-weight: 900; }
#adminView .admin-pending-actions button { border-radius: 18px; }
#adminView .seller-match-add-product .material-symbols-outlined { display: none; }
#utilityBackBtn { margin-left: -0.65rem; color: #4b5563 !important; background: transparent !important; }
#utilityBackBtn:hover { background: rgba(0,0,0,.04) !important; }
#utilityBackBtn .material-symbols-outlined { font-size: 32px !important; font-weight: 500; }
@media (max-width: 540px) {
  #adminView.seller-central-match-view { padding-top: 88px; }
  #adminView .seller-match-header-inner { height: 88px; gap: .6rem; }
  #adminView .seller-match-brand { font-size: 26px; letter-spacing: -.06em; }
  #adminView .seller-match-nav { gap: 1.05rem; }
  #adminView .seller-match-nav button { font-size: 15px; }
  #adminView .seller-match-main, #adminView #adminDashboard { gap: 1.5rem; }
  #adminView .seller-match-hero-card { min-height: 104px; border-radius: 28px; padding: .85rem 1.1rem; gap: .75rem; }
  #adminView .seller-match-hero-left { gap: .8rem; }
  #adminView .seller-match-avatar { width: 50px; height: 50px; flex-basis: 50px; }
  #adminView .seller-match-hero-card .admin-title { font-size: 20px; }
  #adminView .seller-match-login-label, #adminView .seller-match-email { font-size: 14px; }
  #adminView .seller-match-logout { min-width: 78px; min-height: 46px; border-radius: 14px; padding: .7rem .65rem; font-size: 14px; }
  #adminView .seller-match-stats-grid { gap: 1rem; }
  #adminView .seller-match-stat-card { min-height: 172px; border-radius: 24px; padding: 1.15rem 1rem 1rem !important; }
  #adminView .seller-match-stat-card .admin-stat-top small { font-size: 15px !important; }
  #adminView .seller-match-stat-card strong { margin-top: 1.35rem; font-size: 58px; }
  #adminView .seller-match-stat-card p { gap: .45rem; font-size: 15px; }
  #adminView .seller-match-status-icon { width: 24px; height: 24px; flex-basis: 24px; }
  #adminView .seller-match-orders-card { border-radius: 28px; padding: 1.25rem 1.1rem 1.25rem; }
  #adminView .seller-match-orders-top { align-items: center; gap: 1rem; }
  #adminView .seller-match-orders-card .admin-kicker { font-size: 15px; }
  #adminView .seller-match-orders-card .admin-title { margin-top: .7rem; max-width: 260px; font-size: 22px; }
  #adminView .seller-match-orders-card .admin-muted { margin-top: .5rem; max-width: 240px; font-size: 15px; }
  #adminView .seller-match-refresh, #adminView .admin-card-action-btn { min-width: 98px; min-height: 48px; border-radius: 14px; padding: .7rem .75rem; gap: .35rem; font-size: 14px; }
  #adminView .seller-match-refresh svg, #adminView .admin-card-action-btn svg { width: 20px; height: 20px; flex-basis: 20px; }
  #adminView .admin-order-tools { gap: .9rem; }
  #adminView .seller-match-tabs button { min-height: 48px; font-size: 14px; }
  #adminView .seller-match-search { min-height: 54px; padding: 0 1rem; gap: .65rem; }
  #adminView .seller-match-search svg { width: 25px; height: 25px; flex-basis: 25px; }
  #adminView .seller-match-search input { font-size: 15px !important; }
  #adminView #adminOrdersList > .admin-muted { font-size: 15px; }
  #adminView .seller-match-add-product { min-height: 66px; font-size: 20px; }
  #adminView .admin-pending-order-card, #adminView .seller-history-order-card, #adminView .seller-confirmed-order-card { padding: 1rem; border-radius: 1.25rem; }
  #adminView .admin-pending-head h3, #adminView .seller-history-card-head h3 { font-size: 1.25rem; }
  #adminView .admin-pending-body, #adminView .seller-history-card-body { font-size: .95rem; }
  #utilityBackBtn { margin-left: -0.85rem; }
}
@media (max-width: 420px) {
  #adminView .seller-match-brand { font-size: 22px; }
  #adminView .seller-match-nav { gap: .75rem; }
  #adminView .seller-match-nav button { font-size: 14px; }
  #adminView .seller-match-tabs button { font-size: 13px; }
}

/* Sales History card requested to use the same confirmed-card structure */
#utilityView .seller-history-order-card {
  background: rgba(255,255,255,.94);
  border: 1px solid rgba(220,226,235,.95);
  box-shadow: 0 12px 24px rgba(15,23,42,.10);
  border-radius: 30px;
  padding: 2rem;
}
#utilityView .seller-history-card-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1.2rem;
}
#utilityView .seller-history-card-head h3 {
  color: #0b1226;
  font-family: DM Sans, Inter, system-ui, sans-serif;
  font-size: clamp(24px, 4.5vw, 36px);
  line-height: 1.08;
  letter-spacing: -.04em;
  font-weight: 900;
}
#utilityView .seller-history-card-head small {
  display: block;
  margin-top: .4rem;
  color: #6b7280;
  font-size: .92rem;
}
#utilityView .seller-history-card-body {
  display: flex;
  flex-direction: column;
  gap: .35rem;
  color: #1f2937;
  font-family: DM Sans, Inter, system-ui, sans-serif;
  font-size: clamp(17px, 3.1vw, 24px);
  line-height: 1.5;
}
#utilityView .seller-history-card-body b {
  color: #111827;
  font-weight: 900;
}
#utilityView .admin-card-action-btn {
  min-width: 138px;
  min-height: 60px;
  border: 1px solid rgba(193,198,215,.9);
  border-radius: 16px;
  background: #f8fafc;
  color: #111827;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .65rem;
  padding: .85rem 1rem;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: clamp(16px, 3vw, 22px);
  line-height: 1;
  font-weight: 900;
  box-shadow: none;
}
@media(max-width:540px){
  #utilityView .seller-history-order-card { padding: 1rem; border-radius: 1.25rem; }
  #utilityView .seller-history-card-head h3 { font-size: 1.25rem; }
  #utilityView .seller-history-card-body { font-size: .95rem; }
  #utilityView .admin-card-action-btn { min-width: 98px; min-height: 48px; border-radius: 14px; padding: .7rem .75rem; gap: .35rem; font-size: 14px; }
}

/* Requested fixes only: compact home hero, customer order cards, utility refresh animation */
.rd-typewriter-heading {
  display: inline-block;
  overflow: hidden;
  border-right: 2px solid currentColor;
  width: 21ch;
  max-width: 100%;
  animation: rdTypeErase 5.8s steps(21, end) infinite, rdCaretBlink .85s step-end infinite;
}
@keyframes rdTypeErase {
  0%, 12% { width: 0; }
  46%, 68% { width: 21ch; }
  100% { width: 0; }
}
@keyframes rdCaretBlink { 50% { border-color: transparent; } }

.utility-refresh-btn {
  width: 50px;
  height: 50px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  background: rgba(229,226,225,.72) !important;
  color: #0059bb !important;
  border: 1px solid rgba(193,198,215,.5);
}
.utility-refresh-btn.hidden { display: none !important; }
.utility-refresh-btn svg {
  width: 27px;
  height: 27px;
  display: block;
  transition: transform .25s ease;
}
.utility-refresh-btn.is-refreshing svg { animation: rdRefreshSpin .78s linear infinite; }
@keyframes rdRefreshSpin { to { transform: rotate(360deg); } }

.customer-order-full-card {
  background: rgba(255,255,255,.96);
  border: 1px solid rgba(220,226,235,.95);
  box-shadow: 0 12px 28px rgba(15,23,42,.10);
  border-radius: 30px;
  padding: 1.35rem;
  color: #1f2937;
}
.customer-order-full-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1.15rem;
}
.customer-order-full-head .admin-kicker {
  color: #9aa6b6;
  letter-spacing: .15em;
}
.customer-order-full-head h3 {
  margin: .25rem 0 0;
  color: #0b1226;
  font-family: Poppins, Montserrat, Inter, system-ui, sans-serif !important;
  font-size: clamp(1.35rem, 6vw, 2.1rem);
  line-height: 1.08;
  letter-spacing: -.05em;
  font-weight: 900;
  overflow-wrap: anywhere;
}
.customer-order-full-head small {
  display: block;
  margin-top: .45rem;
  color: #9aa6b6;
  font-size: .86rem;
}
.customer-order-head-actions {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: .65rem;
}
.customer-order-copy-btn {
  min-width: 102px;
  min-height: 48px;
  border: 1px solid rgba(193,198,215,.9);
  border-radius: 16px;
  background: #f8fafc;
  color: #111827;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: .75rem .9rem;
  font-family: Inter, system-ui, sans-serif;
  font-size: .95rem;
  line-height: 1;
  font-weight: 900;
}
.customer-order-full-body {
  display: flex;
  flex-direction: column;
  gap: .45rem;
  border-top: 1px solid rgba(241,245,249,.95);
  padding-top: 1rem;
  font-family: Inter, system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.45;
}
.customer-order-full-body p { margin: 0; overflow-wrap: anywhere; }
.customer-order-full-body b { color: #111827; font-weight: 900; }

@media(max-width:760px){
  #mainContent { padding-top: 70px !important; }
  .rd-home-atelier {
    margin-top: -.35rem !important;
    gap: .42rem !important;
  }
  .rd-hero-heading {
    font-size: clamp(1.95rem, 10.6vw, 2.65rem) !important;
    margin-bottom: -.15rem !important;
  }
  .rd-hero-image-card {
    border-radius: 1.25rem !important;
    max-height: 380px;
  }
  .rd-hero-image-card img {
    height: 100%;
    max-height: 380px;
    object-fit: cover;
    object-position: top center;
  }
  .rd-explore-drops-btn {
    margin-top: -.05rem !important;
    padding: .58rem 1.25rem !important;
    font-size: .82rem !important;
    box-shadow: 0 8px 20px rgba(0,25,70,.16) !important;
  }
  #shop {
    margin-top: .85rem !important;
  }
  #shop > div {
    padding-top: 0 !important;
  }
  .shop-panel {
    padding: .55rem !important;
    margin-bottom: .7rem !important;
    border-radius: 1.35rem !important;
  }
  .shop-search-wrap {
    margin-bottom: .42rem !important;
  }
  #searchInput {
    min-height: 48px !important;
    padding-top: .58rem !important;
    padding-bottom: .58rem !important;
    padding-left: 3rem !important;
    font-size: 1rem !important;
  }
  .shop-search-wrap .material-symbols-outlined {
    left: 1rem !important;
    font-size: 25px !important;
  }
  .shop-filter-row {
    gap: .4rem !important;
    padding: .05rem 0 0 !important;
  }
  .filter-pill {
    padding: .34rem .72rem !important;
    font-size: .72rem !important;
    border-width: 1.5px !important;
  }
  #shopProducts {
    margin-top: .15rem !important;
  }
  .customer-order-full-card {
    border-radius: 1.45rem;
    padding: 1rem;
  }
  .customer-order-full-head {
    gap: .75rem;
  }
  .customer-order-full-head h3 {
    font-size: 1.25rem;
  }
  .customer-order-head-actions .rd-sale-status {
    font-size: .56rem;
    padding: .42rem .6rem;
  }
  .customer-order-copy-btn {
    min-width: 88px;
    min-height: 44px;
    border-radius: 14px;
    font-size: .86rem;
  }
  .customer-order-full-body {
    font-size: .94rem;
  }
}
@media(max-width:390px){
  .rd-hero-image-card,
  .rd-hero-image-card img { max-height: 345px; }
  .rd-hero-heading { font-size: clamp(1.8rem, 10vw, 2.25rem) !important; }
  #searchInput { min-height: 44px !important; }
}

/* Requested compact layout pass: header/footer bars, profile page density, and Admin Panel entry/back button only */
:root { --rd-brand-warm: #0f6b5b; }
#siteHeader {
  padding-top: .52rem !important;
  padding-bottom: .52rem !important;
  min-height: 58px !important;
}
#siteHeader .brand-wordmark {
  color: var(--rd-brand-warm) !important;
  line-height: .95 !important;
  font-size: clamp(2.05rem, 8.4vw, 3.15rem) !important;
  letter-spacing: -0.055em !important;
}
#siteHeader #menuBtn,
#siteHeader #cartBtnTop {
  padding: .38rem !important;
}
#siteHeader #menuBtn .material-symbols-outlined,
#siteHeader #cartBtnTop .material-symbols-outlined {
  font-size: 23px !important;
}
body > nav.fixed.bottom-0 {
  padding-top: .42rem !important;
  padding-bottom: .42rem !important;
  border-top-left-radius: 1.35rem !important;
  border-top-right-radius: 1.35rem !important;
  min-height: 64px !important;
}
body > nav.fixed.bottom-0 .bottom-nav-btn {
  padding: .15rem .72rem !important;
  font-size: 9px !important;
  gap: .05rem !important;
}
body > nav.fixed.bottom-0 .bottom-nav-btn .material-symbols-outlined {
  font-size: 25px !important;
  margin-bottom: .05rem !important;
}
body > nav.fixed.bottom-0 .bottom-nav-btn.active {
  transform: scale(.86) !important;
  padding: .32rem .9rem !important;
}
@media(max-width:760px){
  #mainContent { padding-top: 60px !important; }
  .rd-home-atelier { margin-top: .18rem !important; gap: .38rem !important; }
  .rd-hero-heading {
    margin-top: .12rem !important;
    margin-bottom: .08rem !important;
    font-size: clamp(2rem, 9.3vw, 2.45rem) !important;
    line-height: 1.02 !important;
  }
  .rd-typewriter-heading { animation-duration: 6.2s; }
}

#profileView main {
  gap: 1rem !important;
  padding-top: .75rem !important;
}
#profileView .profile-user-only.flex.flex-col.items-center {
  margin-top: 0 !important;
}
#profileView .profile-avatar-ring {
  width: 6.15rem !important;
  height: 6.15rem !important;
}
#profileView .profile-avatar-initial {
  font-size: 2.55rem !important;
}
#profileView .profile-user-only .relative.mb-6 {
  margin-bottom: .7rem !important;
}
#profileView #profileName {
  font-size: clamp(1.55rem, 7vw, 2rem) !important;
  line-height: 1.05 !important;
  margin-bottom: .45rem !important;
}
#profileView #profileBadge {
  padding: .52rem 1rem !important;
  font-size: .75rem !important;
}
#profileView #profileSince {
  font-size: .95rem !important;
}
#profileView .profile-user-only.grid.grid-cols-3 {
  gap: .65rem !important;
}
#profileView .profile-user-only.grid.grid-cols-3 > div {
  padding: .82rem .55rem !important;
  border-radius: 1.25rem !important;
  min-height: 92px !important;
}
#profileView .profile-user-only.grid.grid-cols-3 > div span:first-of-type {
  font-size: 1.8rem !important;
  line-height: 1 !important;
}
#profileView .profile-user-only.grid.grid-cols-3 > div span:last-of-type {
  font-size: .63rem !important;
  line-height: 1.05 !important;
  letter-spacing: .065em !important;
}
#profileView .profile-user-only.w-full.flex.flex-col.gap-stack-sm {
  gap: .45rem !important;
}
#profileView .profile-user-only.w-full.flex.flex-col.gap-stack-sm h3 {
  font-size: clamp(1.55rem, 7vw, 2rem) !important;
  line-height: 1.05 !important;
}
#profileView #recentlyViewedList {
  padding-bottom: .15rem !important;
  min-height: 0 !important;
}
#profileView #recentlyViewedList:has(.recent-empty) {
  padding-bottom: 0 !important;
}
#profileView .recent-empty {
  padding: .75rem .9rem !important;
  min-height: 0 !important;
  font-size: .88rem !important;
  border-radius: 1.05rem !important;
}
#profileView .recent-clear-btn {
  padding: .5rem .85rem !important;
  font-size: .75rem !important;
}
#profileView .profile-action-card {
  padding: .78rem .95rem !important;
  border-radius: 1.15rem !important;
  min-height: 76px !important;
  gap: .85rem !important;
}
#profileView .profile-action-card p {
  display: none !important;
}
#profileView .profile-action-card h3 {
  font-size: 1.25rem !important;
  line-height: 1.08 !important;
}
#profileView .profile-icon {
  width: 3.25rem !important;
  height: 3.25rem !important;
  min-width: 3.25rem !important;
}
#profileView .profile-icon .material-symbols-outlined {
  font-size: 22px !important;
}
#profileView .profile-action-card > .material-symbols-outlined:last-child {
  font-size: 25px !important;
}
#profileView .profile-user-only.flex.flex-col.gap-3 {
  gap: .7rem !important;
}
@media(max-width:520px){
  #profileView { padding-top: 61px !important; }
  #profileView header {
    padding-top: .55rem !important;
    padding-bottom: .55rem !important;
    min-height: 58px !important;
  }
  #profileView header .brand-wordmark {
    font-size: 2rem !important;
    color: var(--rd-brand-warm) !important;
  }
  #profileView .profile-avatar-ring {
    width: 5.3rem !important;
    height: 5.3rem !important;
  }
  #profileView .profile-user-only.grid.grid-cols-3 > div {
    min-height: 82px !important;
    padding: .68rem .38rem !important;
  }
  #profileView .profile-action-card {
    min-height: 68px !important;
    padding: .68rem .85rem !important;
  }
}

#adminView .seller-match-title-row {
  display: flex;
  align-items: center;
  gap: .65rem;
  min-width: 0;
}
#adminView .seller-match-back-btn {
  width: 42px;
  height: 42px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: #414754;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 42px;
  transition: background .2s ease, transform .2s ease, color .2s ease;
}
#adminView .seller-match-back-btn svg {
  width: 30px;
  height: 30px;
  display: block;
  animation: rdAdminBackNudge 1.7s ease-in-out infinite;
}
#adminView .seller-match-back-btn:hover,
#adminView .seller-match-back-btn:focus-visible {
  background: rgba(65,71,84,.08);
  color: #1c1b1b;
}
#adminView .seller-match-back-btn:active {
  transform: scale(.92);
}
@keyframes rdAdminBackNudge {
  0%, 100% { transform: translateX(0); }
  50% { transform: translateX(-3px); }
}
#adminView .seller-match-brand {
  white-space: nowrap;
}
@media(max-width:540px){
  #adminView .seller-match-header-inner {
    gap: .45rem !important;
  }
  #adminView .seller-match-title-row {
    gap: .2rem;
  }
  #adminView .seller-match-back-btn {
    width: 34px;
    height: 34px;
    flex-basis: 34px;
  }
  #adminView .seller-match-back-btn svg {
    width: 25px;
    height: 25px;
  }
  #adminView .seller-match-brand {
    font-size: 23px !important;
  }
  #adminView .seller-match-nav {
    gap: .6rem !important;
  }
}
@media(max-width:390px){
  #adminView .seller-match-brand { font-size: 20px !important; }
  #adminView .seller-match-nav { gap: .42rem !important; }
  #adminView .seller-match-nav button { font-size: 13px !important; }
}


/* Final requested fixes: premium Admin/My Orders headers, safer titles, smooth browsing transitions */
@keyframes rdSoftViewIn {
  from { opacity: .72; transform: translate3d(0, 14px, 0) scale(.992); filter: blur(2px); }
  to { opacity: 1; transform: translate3d(0, 0, 0) scale(1); filter: blur(0); }
}
@keyframes rdSoftViewOut {
  from { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
  to { opacity: .7; transform: translate3d(0, 8px, 0) scale(.996); }
}
#mainContent:not(.hidden),
#profileView:not(.hidden),
#adminView:not(.hidden),
#utilityView:not(.hidden),
#detailView:not(.hidden),
#cartView:not(.hidden),
#checkoutView:not(.hidden) {
  animation: rdSoftViewIn .24s cubic-bezier(.2,.75,.25,1) both;
  will-change: opacity, transform;
}
@media (prefers-reduced-motion: reduce) {
  #mainContent:not(.hidden),
  #profileView:not(.hidden),
  #adminView:not(.hidden),
  #utilityView:not(.hidden),
  #detailView:not(.hidden),
  #cartView:not(.hidden),
  #checkoutView:not(.hidden) {
    animation: none !important;
  }
}

/* Admin Panel header: title visible, premium back position, title font matches large dashboard headings */
#adminView.seller-central-match-view {
  padding-top: 106px !important;
}
#adminView .seller-match-header {
  min-height: 92px !important;
  background: rgba(255,255,255,.96) !important;
  border-bottom: 1px solid rgba(193,198,215,.55) !important;
  box-shadow: 0 10px 26px rgba(15, 23, 42, .055) !important;
  backdrop-filter: blur(14px);
}
#adminView .seller-match-header-inner {
  height: 92px !important;
  min-height: 92px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: .85rem !important;
}
#adminView .seller-match-title-row {
  display: flex !important;
  align-items: center !important;
  gap: .62rem !important;
  min-width: 0 !important;
}
#adminView .seller-match-back-btn {
  width: 44px !important;
  height: 44px !important;
  flex: 0 0 44px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: #394150 !important;
  display: inline-grid !important;
  place-items: center !important;
  padding: 0 !important;
  box-shadow: none !important;
  transition: transform .18s ease, background .18s ease, color .18s ease !important;
}
#adminView .seller-match-back-btn svg {
  width: 30px !important;
  height: 30px !important;
  transition: transform .22s ease !important;
}
#adminView .seller-match-back-btn:hover,
#adminView .seller-match-back-btn:active {
  background: rgba(15,23,42,.055) !important;
  color: #111827 !important;
  transform: translateX(-1px) scale(.98) !important;
}
#adminView .seller-match-back-btn:hover svg,
#adminView .seller-match-back-btn:active svg {
  transform: translateX(-3px) !important;
}
#adminView .seller-admin-title-font,
#adminView .seller-match-brand {
  color: #005f9f !important;
  font-family: "Playfair Display", Georgia, serif !important;
  font-size: clamp(31px, 7vw, 50px) !important;
  line-height: 1.18 !important;
  font-weight: 700 !important;
  letter-spacing: -.055em !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
  padding: .04em 0 .12em !important;
}
#adminView .seller-match-nav {
  gap: clamp(.55rem, 3.4vw, 2.15rem) !important;
  flex-shrink: 0 !important;
}
#adminView .seller-match-nav button {
  font-size: clamp(15px, 3.6vw, 24px) !important;
  padding: .75rem .05rem !important;
}

/* Curator dashboard card: slimmer but same layout */
#adminView .seller-match-hero-card {
  min-height: 108px !important;
  padding: 1rem 1.2rem !important;
  border-radius: 28px !important;
}
#adminView .seller-match-avatar {
  width: 52px !important;
  height: 52px !important;
  flex-basis: 52px !important;
}
#adminView .seller-match-hero-left {
  gap: .9rem !important;
}
#adminView .seller-match-hero-card .admin-title {
  font-size: clamp(21px, 5.1vw, 34px) !important;
  line-height: 1.12 !important;
  padding-bottom: .05em !important;
  font-family: "Playfair Display", Georgia, serif !important;
  letter-spacing: -.045em !important;
}
#adminView .seller-match-login-label,
#adminView .seller-match-email {
  font-size: clamp(13px, 3.2vw, 19px) !important;
  line-height: 1.14 !important;
}
#adminView .seller-match-logout {
  min-width: 96px !important;
  min-height: 52px !important;
  border-radius: 15px !important;
  padding: .75rem .9rem !important;
  font-size: clamp(15px, 3.6vw, 20px) !important;
}

/* My Orders / utility header: clear title, premium arrow and smoother refresh button */
#utilityView {
  padding-top: 96px !important;
}
#utilityView .utility-premium-header,
#utilityView > header {
  min-height: 96px !important;
  background: rgba(255,255,255,.96) !important;
  border-bottom: 1px solid rgba(193,198,215,.55) !important;
  box-shadow: 0 10px 26px rgba(15,23,42,.055) !important;
  backdrop-filter: blur(14px);
  padding-top: .65rem !important;
  padding-bottom: .65rem !important;
}
#utilityView > header > div:first-child {
  min-width: 0 !important;
  gap: .55rem !important;
  align-items: center !important;
}
#utilityBackBtn {
  width: 48px !important;
  height: 48px !important;
  flex: 0 0 48px !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: #394150 !important;
  display: inline-grid !important;
  place-items: center !important;
  padding: 0 !important;
  transition: transform .18s ease, background .18s ease, color .18s ease !important;
}
#utilityBackBtn .material-symbols-outlined {
  font-size: 34px !important;
  line-height: 1 !important;
}
#utilityBackBtn:hover,
#utilityBackBtn:active {
  background: rgba(15,23,42,.055) !important;
  color: #111827 !important;
  transform: translateX(-1px) scale(.98) !important;
}
#utilityTitle {
  display: block !important;
  color: #005f9f !important;
  font-family: "Playfair Display", Georgia, serif !important;
  font-size: clamp(34px, 8vw, 52px) !important;
  line-height: 1.16 !important;
  font-weight: 700 !important;
  letter-spacing: -.055em !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
  padding: .05em 0 .1em !important;
  max-width: none !important;
}
#utilitySubtitle {
  color: #414754 !important;
  font-family: Inter, system-ui, sans-serif !important;
  font-size: clamp(12px, 3.1vw, 17px) !important;
  line-height: 1.1 !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
}
#utilityRefreshBtn.utility-refresh-btn,
#utilityRefreshBtn {
  width: 56px !important;
  height: 56px !important;
  flex: 0 0 56px !important;
  border-radius: 999px !important;
  background: rgba(0,95,159,.08) !important;
  border: 1px solid rgba(0,95,159,.18) !important;
  color: #005f9f !important;
  display: inline-grid !important;
  place-items: center !important;
  padding: 0 !important;
  box-shadow: 0 10px 20px rgba(15,23,42,.08) !important;
}
#utilityRefreshBtn svg {
  width: 30px !important;
  height: 30px !important;
}
#utilityRefreshBtn.is-refreshing svg {
  animation: utilityRefreshSpin .82s linear infinite !important;
}
@keyframes utilityRefreshSpin { to { transform: rotate(360deg); } }

/* Large title safety: avoid cropped serif tops/bottoms */
.utility-page-head h2,
#adminView .admin-title,
#utilityView .admin-title {
  line-height: 1.12 !important;
  padding-bottom: .08em !important;
  overflow: visible !important;
}

/* Loading card should not look endless and empty */
#utilityOrdersList .cart-empty-box {
  min-height: 96px !important;
  display: grid !important;
  place-items: center !important;
  text-align: center !important;
}

/* Mobile fine-tuning */
@media (max-width: 540px) {
  #adminView.seller-central-match-view { padding-top: 86px !important; }
  #adminView .seller-match-header,
  #adminView .seller-match-header-inner {
    min-height: 86px !important;
    height: 86px !important;
  }
  #adminView .seller-match-title-row { gap: .35rem !important; }
  #adminView .seller-match-back-btn {
    width: 40px !important;
    height: 40px !important;
    flex-basis: 40px !important;
  }
  #adminView .seller-match-back-btn svg {
    width: 28px !important;
    height: 28px !important;
  }
  #adminView .seller-admin-title-font,
  #adminView .seller-match-brand {
    font-size: 26px !important;
    max-width: 154px !important;
  }
  #adminView .seller-match-nav { gap: .9rem !important; }
  #adminView .seller-match-nav button { font-size: 15px !important; }

  #adminView .seller-match-hero-card {
    min-height: 96px !important;
    padding: .85rem .95rem !important;
  }
  #adminView .seller-match-avatar {
    width: 46px !important;
    height: 46px !important;
    flex-basis: 46px !important;
  }
  #adminView .seller-match-hero-card .admin-title { font-size: 20px !important; }
  #adminView .seller-match-login-label,
  #adminView .seller-match-email { font-size: 13px !important; }
  #adminView .seller-match-logout {
    min-width: 82px !important;
    min-height: 48px !important;
    font-size: 14px !important;
  }

  #utilityView { padding-top: 88px !important; }
  #utilityView .utility-premium-header,
  #utilityView > header {
    min-height: 88px !important;
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;
  }
  #utilityBackBtn {
    width: 42px !important;
    height: 42px !important;
    flex-basis: 42px !important;
    margin-left: -.15rem !important;
  }
  #utilityBackBtn .material-symbols-outlined { font-size: 32px !important; }
  #utilityTitle {
    font-size: 31px !important;
    max-width: 230px !important;
  }
  #utilitySubtitle {
    font-size: 12.5px !important;
    max-width: 260px !important;
  }
  #utilityRefreshBtn.utility-refresh-btn,
  #utilityRefreshBtn {
    width: 52px !important;
    height: 52px !important;
    flex-basis: 52px !important;
  }
  #utilityRefreshBtn svg {
    width: 28px !important;
    height: 28px !important;
  }
}
@media (max-width: 390px) {
  #adminView .seller-admin-title-font,
  #adminView .seller-match-brand { font-size: 23px !important; max-width: 130px !important; }
  #adminView .seller-match-nav { gap: .65rem !important; }
  #adminView .seller-match-nav button { font-size: 14px !important; }
  #utilityTitle { font-size: 28px !important; max-width: 200px !important; }
  #utilitySubtitle { max-width: 220px !important; }
}


/* Final UI cleanup requested: remove duplicate pending action, owner label, brand-color accents, better back flow look */
:root { --rd-brand-warm: #0f6b5b; --rd-brand-warm-dark:#09463d; --rd-brand-warm-soft: rgba(15,107,91,.12); }

/* Replace the last blue accents with the Rare Dreams brand tone without touching layout */
.text-primary, .brand-wordmark, .admin-kicker, .cart-page-price, .recent-info strong,
.checkout-total-lines .grand strong, .store-zone-card b, .related-item strong,
#utilityTitle, #adminView .seller-match-brand, #adminView .seller-admin-title-font,
#profileView header .brand-wordmark, #checkoutView header .brand-wordmark,
#detailView header .brand-wordmark, #adminView header .brand-wordmark {
  color: var(--rd-brand-warm) !important;
}
.bg-primary, .admin-primary-btn, .checkout-btn, .inline-copy-link,
#adminView .seller-match-logout, #adminView .seller-match-add-product,
.profile-badge, .filter-pill.active, .bottom-nav-btn.active {
  background: var(--rd-brand-warm) !important;
  border-color: var(--rd-brand-warm) !important;
}
.border-primary, .payment-choice input:checked + span, .admin-order-tabs button.active {
  border-color: var(--rd-brand-warm) !important;
}
.profile-icon.bg-primary-fixed, .trust-card .material-symbols-outlined, .store-setting-card span,
.pillar-icon, .cart-quantity-control button:hover {
  background: var(--rd-brand-warm-soft) !important;
  color: var(--rd-brand-warm) !important;
}
.admin-form input:focus, .admin-form textarea:focus, .admin-form select:focus {
  border-color: var(--rd-brand-warm) !important;
  box-shadow: 0 0 0 3px rgba(15,107,91,.13) !important;
}
#utilityRefreshBtn.utility-refresh-btn, #utilityRefreshBtn {
  color: var(--rd-brand-warm) !important;
  background: var(--rd-brand-warm-soft) !important;
  border-color: rgba(15,107,91,.22) !important;
}

/* Smoother premium navigation: no jumping, no paper-page feeling */
@keyframes rdSoftViewIn {
  from { opacity: 0; transform: translate3d(0, 5px, 0); filter: saturate(.98); }
  to { opacity: 1; transform: translate3d(0, 0, 0); filter: saturate(1); }
}
#mainContent:not(.hidden), #profileView:not(.hidden), #adminView:not(.hidden),
#utilityView:not(.hidden), #detailView:not(.hidden), #cartView:not(.hidden), #checkoutView:not(.hidden) {
  animation: rdSoftViewIn .18s cubic-bezier(.22,.7,.18,1) both !important;
}

/* Admin Panel title/header polish */
#adminView .seller-match-header-inner {
  grid-template-columns: minmax(0, 1.08fr) auto !important;
  gap: .65rem !important;
}
#adminView .seller-match-title-row { gap: .48rem !important; }
#adminView .seller-match-back-btn {
  border: 1px solid rgba(15,107,91,.14) !important;
  background: rgba(15,107,91,.055) !important;
  color: var(--rd-brand-warm-dark) !important;
}
#adminView .seller-admin-title-font, #adminView .seller-match-brand {
  font-family: "Playfair Display", Georgia, serif !important;
  font-size: clamp(33px, 7.8vw, 56px) !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
  letter-spacing: -.06em !important;
  color: var(--rd-brand-warm) !important;
  max-width: none !important;
}
#adminView .seller-match-nav button { color:#111827 !important; }

/* Curator card: only owner label, no email/login text */
#adminView .seller-match-login-label { display:none !important; }
#adminView .seller-match-email {
  margin-top: .35rem !important;
  color: #414754 !important;
  font-family: Inter, system-ui, sans-serif !important;
  font-size: clamp(14px, 3.4vw, 18px) !important;
  font-weight: 800 !important;
  letter-spacing: .02em !important;
  text-transform: uppercase !important;
  word-break: normal !important;
}
#adminView .seller-match-hero-card { min-height: 94px !important; }

/* Seller profile: remove duplicate Pending Orders action card cleanly */
body .profile-action-card.hidden[data-saved-open] { display:none !important; }

@media (max-width: 540px) {
  #adminView .seller-match-header-inner { grid-template-columns: minmax(0, 1fr) auto !important; gap: .45rem !important; }
  #adminView .seller-match-title-row { gap: .26rem !important; }
  #adminView .seller-match-back-btn { width:38px !important; height:38px !important; flex-basis:38px !important; }
  #adminView .seller-match-back-btn svg { width:26px !important; height:26px !important; }
  #adminView .seller-admin-title-font, #adminView .seller-match-brand { font-size: 28px !important; max-width: 170px !important; }
  #adminView .seller-match-nav { gap: .78rem !important; }
  #adminView .seller-match-nav button { font-size: 14.5px !important; }
  #adminView .seller-match-hero-card { min-height: 88px !important; }
}
@media (max-width: 390px) {
  #adminView .seller-admin-title-font, #adminView .seller-match-brand { font-size: 25px !important; max-width: 148px !important; }
  #adminView .seller-match-nav { gap: .55rem !important; }
  #adminView .seller-match-nav button { font-size: 13.5px !important; }
}


/* Final responsive/profile + checkout back + bKash/Nagad send-money text fixes only */
.rd-back-btn,
#backToMain,
#backToCart,
#utilityBackBtn,
#adminBackBtn,
#cartBackBtn {
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(15,107,91,.14) !important;
  background: rgba(15,107,91,.055) !important;
  color: var(--rd-brand-warm, #0f6b5b) !important;
  display: inline-grid !important;
  place-items: center !important;
  padding: 0 !important;
  box-shadow: 0 8px 18px rgba(15,107,91,.06) !important;
  transition: transform .18s ease, background .18s ease, box-shadow .18s ease !important;
}
.rd-back-btn .material-symbols-outlined,
#backToMain .material-symbols-outlined,
#backToCart .material-symbols-outlined,
#utilityBackBtn .material-symbols-outlined,
#adminBackBtn .material-symbols-outlined,
#cartBackBtn .material-symbols-outlined {
  font-size: 25px !important;
  line-height: 1 !important;
}
.rd-back-btn:active,
#backToMain:active,
#backToCart:active,
#utilityBackBtn:active,
#adminBackBtn:active,
#cartBackBtn:active {
  transform: scale(.96) translateX(-1px) !important;
  background: rgba(15,107,91,.11) !important;
}
.cart-title-wrap {
  display:flex;
  align-items:center;
  gap:.72rem;
  min-width:0;
}
.cart-title-wrap h2 { margin:0 !important; }
#cartView { padding-top: 1.35rem !important; }
#cartView main { padding-top: .35rem !important; }
#checkoutView header #backToCart { margin-right: .15rem !important; }
#checkoutView header h1 { white-space: nowrap; }
#paymentSendMoneyText {
  color:#1b1c18 !important;
  font-weight: 500 !important;
}

.profile-desktop-nav { display:none; }
@media (min-width: 768px) {
  #profileView {
    padding-top: 64px !important;
    overflow-x: hidden !important;
  }
  #profileView header {
    min-height: 64px !important;
    padding: .65rem clamp(2rem,5vw,5rem) !important;
    display: grid !important;
    grid-template-columns: 1fr auto 1fr !important;
    align-items: center !important;
    gap: 1rem !important;
  }
  #profileView header > div:first-child {
    grid-column: 2 !important;
    justify-self: center !important;
    gap:0 !important;
  }
  #profileMenuBtn { display:none !important; }
  #profileView header .brand-wordmark {
    font-size: clamp(1.85rem, 2.4vw, 2.35rem) !important;
    line-height: 1 !important;
    color: var(--rd-brand-warm, #0f6b5b) !important;
  }
  .profile-desktop-nav {
    grid-column: 1 !important;
    grid-row: 1 !important;
    justify-self: start !important;
    display:flex !important;
    align-items:center !important;
    gap:1.25rem !important;
  }
  .profile-desktop-nav button {
    border:0;
    background:transparent;
    color:#3f4945;
    font-family: Inter, system-ui, sans-serif;
    font-size:.95rem;
    font-weight:700;
    padding:.45rem 0;
    border-bottom:2px solid transparent;
    transition: color .18s ease, border-color .18s ease;
  }
  .profile-desktop-nav button:hover,
  .profile-desktop-nav button[data-profile] {
    color: var(--rd-brand-warm, #0f6b5b);
    border-bottom-color: var(--rd-brand-warm, #0f6b5b);
  }
  #profileCartBtn {
    grid-column:3 !important;
    justify-self:end !important;
  }
  #profileView main {
    width: 100% !important;
    max-width: 1280px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding: 1.35rem clamp(2rem,5vw,4rem) 7rem !important;
    display:grid !important;
    grid-template-columns: minmax(260px,.78fr) minmax(420px,1.22fr) !important;
    gap: 1.25rem 1.55rem !important;
    align-items:start !important;
    min-height:auto !important;
  }
  #profileAuthCard { grid-column: 1 / -1 !important; }
  #profileView main > .profile-user-only.flex.flex-col.items-center {
    grid-column: 1 / -1 !important;
    margin-top:0 !important;
  }
  #profileView main > .profile-user-only.grid.grid-cols-3 {
    grid-column: 1 / -1 !important;
    max-width: 100% !important;
  }
  #profileView main > .profile-user-only.flex.flex-col.gap-3 {
    grid-column: 1 !important;
    grid-row: 4 !important;
  }
  #profileView main > .profile-user-only.w-full.flex.flex-col.gap-stack-sm {
    grid-column: 2 !important;
    grid-row: 4 !important;
    margin-top:0 !important;
  }
  #profileView main > .profile-user-only.mt-8.mb-4.flex.justify-center {
    grid-column: 1 / -1 !important;
    margin-top:.75rem !important;
  }
  #profileView #profileName {
    font-size: clamp(1.7rem, 2.4vw, 2.25rem) !important;
  }
  #profileView .profile-avatar-ring {
    width: 5.65rem !important;
    height: 5.65rem !important;
  }
  #profileView .profile-user-only.grid.grid-cols-3 > div {
    min-height: 110px !important;
    border-radius: 1.6rem !important;
    background: rgba(255,255,255,.72) !important;
    border:1px solid rgba(15,107,91,.08) !important;
    box-shadow:0 12px 26px rgba(15,107,91,.045) !important;
  }
  #profileView #recentlyViewedList {
    width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
    overflow:visible !important;
  }
  #profileView #recentlyViewedList:has(.recent-empty) {
    min-height: 180px !important;
  }
  #profileView .recent-empty {
    width:100% !important;
    min-height: 150px !important;
    display:grid !important;
    place-items:center !important;
    border-radius: 1.6rem !important;
  }
  #profileView .profile-action-card {
    min-height: 58px !important;
    padding: .72rem .9rem !important;
    border-radius: 1.05rem !important;
  }
  #profileView .profile-icon {
    width: 2.45rem !important;
    height: 2.45rem !important;
    min-width: 2.45rem !important;
  }
  #profileView .profile-action-card h3 {
    font-size: .95rem !important;
  }
}
@media (min-width: 768px) and (max-width: 980px) {
  #profileView main {
    grid-template-columns: 1fr !important;
  }
  #profileView main > .profile-user-only.flex.flex-col.gap-3,
  #profileView main > .profile-user-only.w-full.flex.flex-col.gap-stack-sm {
    grid-column: 1 !important;
    grid-row: auto !important;
  }
  .profile-desktop-nav { gap:.95rem !important; }
}
@media (max-width: 520px) {
  #cartBackBtn {
    width: 38px !important;
    height: 38px !important;
    min-width:38px !important;
  }
  .cart-title-wrap { gap:.45rem !important; }
  #cartView { padding-top: 1rem !important; }
}


/* v30: center header logo image, product verified badge, and direct Order Now button */
#siteHeader .brand-logo-btn{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%, -50%);
  z-index:2;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:0;
  background:transparent;
  padding:0;
  margin:0;
  cursor:pointer;
  width:min(46vw, 186px);
  max-width:min(46vw, 186px);
  height:56px;
}
#siteHeader .brand-logo-btn img{
  display:block;
  width:auto;
  max-width:100%;
  max-height:56px;
  object-fit:contain;
  object-position:center;
  filter:drop-shadow(0 4px 7px rgba(20, 45, 80, .10));
  pointer-events:none;
}
@media(max-width:560px){
  #siteHeader .brand-logo-btn{
    width:min(48vw, 178px);
    max-width:min(48vw, 178px);
    height:52px;
  }
  #siteHeader .brand-logo-btn img{
    max-height:52px;
  }
}
@media(min-width:768px){
  #siteHeader .brand-logo-btn{
    width:min(24vw, 230px);
    max-width:min(24vw, 230px);
    height:58px;
  }
  #siteHeader .brand-logo-btn img{
    max-height:58px;
  }
}

.rd-product-brand-verified{
  display:flex;
  align-items:center;
  gap:.28rem;
  min-width:0;
  margin:0 0 .22rem;
  font-family:"DM Sans", Inter, system-ui, sans-serif;
  font-size:.94rem;
  line-height:1.1;
  font-weight:500;
  color:#4b4f57;
  letter-spacing:-.01em;
}
.rd-product-brand-verified > span:first-child{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.rd-verified-badge{
  width:1.05rem;
  height:1.05rem;
  flex:0 0 1.05rem;
  display:inline-grid;
  place-items:center;
  position:relative;
  margin-left:.04rem;
  transform:translateY(.02rem);
}
.rd-verified-icon{
  width:100%;
  height:100%;
  display:block;
}
.rd-verified-seal{
  fill:#1d9bf0;
}
.rd-verified-check{
  fill:none;
  stroke:#ffffff;
  stroke-width:2.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.rd-order-now-btn{
  text-transform:none;
}
@media(max-width:760px){
  .rd-product-brand-verified{
    font-size:.82rem;
    gap:.22rem;
    margin-bottom:.18rem;
  }
  .rd-verified-badge{
    width:.98rem;
    height:.98rem;
    flex-basis:.98rem;
  }
}
@media(max-width:380px){
  .rd-product-brand-verified{
    font-size:.76rem;
  }
}


/* v30.3 fix: preserve uploaded logo colors and keep it wide, not tall */
#siteHeader .brand-logo-btn{
  width:min(50vw, 205px) !important;
  max-width:min(50vw, 205px) !important;
  height:52px !important;
}
#siteHeader .brand-logo-btn img{
  width:100% !important;
  height:52px !important;
  max-height:52px !important;
  object-fit:contain !important;
  object-position:center !important;
  filter:none !important;
}
@media(max-width:560px){
  #siteHeader .brand-logo-btn{
    width:min(51vw, 198px) !important;
    max-width:min(51vw, 198px) !important;
    height:52px !important;
  }
  #siteHeader .brand-logo-btn img{
    height:52px !important;
    max-height:52px !important;
  }
}
@media(min-width:768px){
  #siteHeader .brand-logo-btn{
    width:min(25vw, 238px) !important;
    max-width:min(25vw, 238px) !important;
    height:54px !important;
  }
  #siteHeader .brand-logo-btn img{
    height:54px !important;
    max-height:54px !important;
  }
}

/* v30.3 fix: original-like small blue verified seal */
.rd-product-brand-verified{
  gap:.24rem !important;
  margin-bottom:.24rem !important;
  align-items:center !important;
}
.rd-verified-badge{
  width:1.02rem !important;
  height:1.02rem !important;
  flex:0 0 1.02rem !important;
  margin-left:.02rem !important;
  transform:translateY(.01rem) !important;
  display:inline-grid !important;
  place-items:center !important;
  filter:none !important;
}
.rd-verified-icon{
  width:100% !important;
  height:100% !important;
  display:block !important;
}
.rd-verified-seal{
  fill:#1d9bf0 !important;
}
.rd-verified-check{
  fill:none !important;
  stroke:#fff !important;
  stroke-width:2.15 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}
@media(max-width:760px){
  .rd-verified-badge{
    width:.94rem !important;
    height:.94rem !important;
    flex-basis:.94rem !important;
  }
}
@media(max-width:380px){
  .rd-verified-badge{
    width:.88rem !important;
    height:.88rem !important;
    flex-basis:.88rem !important;
  }
}


/* v30.5: use cleaned transparent logo from black-background upload and keep it wider horizontally */
#siteHeader .brand-logo-btn{
  width:min(54vw, 220px) !important;
  max-width:min(54vw, 220px) !important;
  height:52px !important;
}
#siteHeader .brand-logo-btn img{
  width:100% !important;
  height:52px !important;
  max-height:52px !important;
  object-fit:contain !important;
  object-position:center !important;
  filter:none !important;
}
@media(max-width:560px){
  #siteHeader .brand-logo-btn{
    width:min(55vw, 214px) !important;
    max-width:min(55vw, 214px) !important;
    height:52px !important;
  }
  #siteHeader .brand-logo-btn img{
    height:52px !important;
    max-height:52px !important;
  }
}
@media(min-width:768px){
  #siteHeader .brand-logo-btn{
    width:min(28vw, 248px) !important;
    max-width:min(28vw, 248px) !important;
    height:56px !important;
  }
  #siteHeader .brand-logo-btn img{
    height:56px !important;
    max-height:56px !important;
  }
}


/* v30.6 responsive safety: mobile browser "Desktop site" must keep the mobile layout */
@media (max-width:1023px), (hover:none) and (pointer:coarse) {
  body{
    padding-bottom:6rem !important;
    overflow-x:hidden !important;
  }
  #siteHeader{
    padding-left:1rem !important;
    padding-right:1rem !important;
    padding-top:.7rem !important;
    padding-bottom:.7rem !important;
    min-height:70px !important;
    justify-content:space-between !important;
  }
  #menuBtn{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
  }
  .rd-desktop-nav{
    display:none !important;
  }
  #cartBtnTop{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
  }
  #siteHeader .brand-logo-btn{
    width:min(55vw, 214px) !important;
    max-width:min(55vw, 214px) !important;
    height:52px !important;
    left:50% !important;
    top:50% !important;
    transform:translate(-50%, -50%) !important;
  }
  #siteHeader .brand-logo-btn img{
    width:100% !important;
    height:52px !important;
    max-height:52px !important;
    object-fit:contain !important;
    object-position:center !important;
  }
  #mainContent{
    width:100% !important;
    max-width:none !important;
    padding-top:74px !important;
    padding-left:1rem !important;
    padding-right:1rem !important;
  }
  .rd-home-atelier{
    max-width:none !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
  .rd-hero-heading{
    font-size:clamp(1.78rem, 7.2vw, 3.4rem) !important;
    text-align:center !important;
  }
  .rd-hero-image-card{
    width:100% !important;
    max-width:100% !important;
  }
  .shop-panel{
    width:100% !important;
    max-width:100% !important;
  }
  #shopProducts{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:1.25rem .95rem !important;
    align-items:start !important;
  }
  .rd-product-media{
    aspect-ratio:1/1.18 !important;
  }
  body > nav.fixed.bottom-0{
    display:flex !important;
  }
  footer{
    margin-bottom:5.5rem !important;
  }
}


/* v31: ethical social-proof product popup */
.rd-proof-popup{
  position:fixed;
  left:clamp(.75rem,2.4vw,1.5rem);
  bottom:calc(5.65rem + env(safe-area-inset-bottom, 0px));
  width:min(26.5rem, calc(100vw - 6.2rem));
  z-index:39;
  display:flex;
  align-items:stretch;
  border-radius:1.25rem;
  background:rgba(255,255,255,.96);
  border:1px solid rgba(193,198,215,.55);
  box-shadow:0 18px 44px rgba(17,18,22,.18);
  overflow:hidden;
  transform:translateY(18px);
  opacity:0;
  pointer-events:none;
  transition:opacity .24s ease, transform .24s ease;
}
.rd-proof-popup:not(.hidden){
  opacity:1;
  transform:translateY(0);
  pointer-events:auto;
}
.rd-proof-card{
  min-width:0;
  flex:1;
  border:0;
  background:transparent;
  padding:.65rem 2.85rem .65rem .65rem;
  display:grid;
  grid-template-columns:4.4rem minmax(0,1fr);
  gap:.78rem;
  align-items:center;
  text-align:left;
  cursor:pointer;
}
.rd-proof-img{
  width:4.4rem;
  height:4.4rem;
  border-radius:.82rem;
  object-fit:cover;
  background:#f0eded;
  box-shadow:0 8px 20px rgba(17,18,22,.10);
}
.rd-proof-body{
  min-width:0;
}
.rd-proof-line{
  margin:0 0 .16rem;
  color:#414754;
  font-family:"DM Sans", Inter, system-ui, sans-serif;
  font-size:.9rem;
  line-height:1.15;
  font-weight:700;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.rd-proof-product{
  display:block;
  color:#17181d;
  font-family:"DM Sans", Inter, system-ui, sans-serif;
  font-size:.96rem;
  line-height:1.16;
  font-weight:900;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.rd-proof-meta{
  margin-top:.34rem;
  display:flex;
  align-items:center;
  gap:.34rem;
  color:#69707d;
  font-family:"DM Sans", Inter, system-ui, sans-serif;
  font-size:.78rem;
  line-height:1;
  font-weight:700;
  white-space:nowrap;
}
.rd-proof-check{
  width:1.14rem;
  height:1.14rem;
  display:inline-grid;
  place-items:center;
  border-radius:999px;
  border:2px solid #18a05f;
  color:#18a05f;
  font-size:.78rem;
  font-weight:900;
  line-height:1;
}
.rd-proof-close{
  position:absolute;
  top:.52rem;
  right:.52rem;
  width:2.05rem;
  height:2.05rem;
  border:0;
  border-radius:999px;
  background:rgba(28,27,27,.08);
  color:#414754;
  display:grid;
  place-items:center;
  cursor:pointer;
}
.rd-proof-close .material-symbols-outlined{
  font-size:1.28rem;
  line-height:1;
}
@media(max-width:420px){
  .rd-proof-popup{
    width:calc(100vw - 5.8rem);
    border-radius:1.08rem;
    bottom:calc(5.45rem + env(safe-area-inset-bottom, 0px));
  }
  .rd-proof-card{
    grid-template-columns:3.7rem minmax(0,1fr);
    gap:.64rem;
    padding:.56rem 2.52rem .56rem .56rem;
  }
  .rd-proof-img{
    width:3.7rem;
    height:3.7rem;
    border-radius:.72rem;
  }
  .rd-proof-line{font-size:.8rem;}
  .rd-proof-product{font-size:.86rem;}
  .rd-proof-meta{font-size:.7rem;gap:.26rem;}
  .rd-proof-check{width:1rem;height:1rem;font-size:.68rem;border-width:1.7px;}
  .rd-proof-close{width:1.85rem;height:1.85rem;top:.46rem;right:.46rem;}
}
@media(min-width:768px){
  .rd-proof-popup{
    bottom:1.4rem;
    width:min(27.5rem, calc(100vw - 2rem));
  }
}


/* v31.1: smaller, higher social-proof popup so it does not clash with chat button */
.rd-proof-popup{
  bottom:calc(8.55rem + env(safe-area-inset-bottom, 0px)) !important;
  width:min(21.2rem, calc(100vw - 7.9rem)) !important;
  border-radius:1.05rem !important;
}
.rd-proof-card{
  grid-template-columns:3.55rem minmax(0,1fr) !important;
  gap:.56rem !important;
  padding:.52rem 2.35rem .52rem .52rem !important;
}
.rd-proof-img{
  width:3.55rem !important;
  height:3.55rem !important;
  border-radius:.68rem !important;
}
.rd-proof-line{
  font-size:.78rem !important;
}
.rd-proof-product{
  font-size:.84rem !important;
}
.rd-proof-meta{
  margin-top:.26rem !important;
  font-size:.68rem !important;
  gap:.24rem !important;
}
.rd-proof-check{
  width:.96rem !important;
  height:.96rem !important;
  font-size:.64rem !important;
  border-width:1.65px !important;
}
.rd-proof-close{
  width:1.75rem !important;
  height:1.75rem !important;
  top:.42rem !important;
  right:.42rem !important;
}
.rd-proof-close .material-symbols-outlined{
  font-size:1.12rem !important;
}
@media(max-width:420px){
  .rd-proof-popup{
    bottom:calc(8.35rem + env(safe-area-inset-bottom, 0px)) !important;
    width:calc(100vw - 7.65rem) !important;
    border-radius:.98rem !important;
  }
  .rd-proof-card{
    grid-template-columns:3.18rem minmax(0,1fr) !important;
    gap:.48rem !important;
    padding:.48rem 2.12rem .48rem .48rem !important;
  }
  .rd-proof-img{
    width:3.18rem !important;
    height:3.18rem !important;
    border-radius:.62rem !important;
  }
  .rd-proof-line{font-size:.72rem !important;}
  .rd-proof-product{font-size:.78rem !important;}
  .rd-proof-meta{font-size:.62rem !important;}
}
@media(min-width:768px){
  .rd-proof-popup{
    bottom:1.8rem !important;
    width:min(22rem, calc(100vw - 2rem)) !important;
  }
}


/* v32 Category system */
.rd-category-section{
  margin:1.25rem 0 1.35rem;
}
.rd-category-head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:1rem;
  margin:0 0 .9rem;
}
.rd-category-head h2{
  margin:0;
  font-family:"Playfair Display", Georgia, serif;
  font-size:clamp(2rem,7vw,3.5rem);
  line-height:1.05;
  font-weight:700;
  letter-spacing:-.055em;
  color:#1b1c15;
}
.rd-category-kicker{
  margin:0 0 .2rem;
  font-family:"DM Sans", Inter, system-ui, sans-serif;
  font-size:.78rem;
  line-height:1;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#005f9f;
}
.rd-category-head>span{
  color:#717786;
  font-family:"DM Sans", Inter, system-ui, sans-serif;
  font-weight:800;
  font-size:.8rem;
  max-width:11rem;
  text-align:right;
}
.rd-category-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.92rem;
}
.rd-category-card{
  position:relative;
  min-height:12.4rem;
  border:0;
  border-radius:1.65rem;
  overflow:hidden;
  background:#111;
  padding:0;
  text-align:left;
  box-shadow:0 16px 34px rgba(27,28,21,.12);
  isolation:isolate;
  cursor:pointer;
  transform:translateZ(0);
}
.rd-category-card img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  transform:scale(1.02);
  transition:transform .35s ease;
}
.rd-category-card:active img,
.rd-category-card:hover img{transform:scale(1.07);}
.rd-category-card:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(180deg,rgba(0,0,0,.04) 0%,rgba(0,0,0,.18) 42%,rgba(0,0,0,.72) 100%);
}
.rd-category-card-content{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  z-index:2;
  padding:1rem;
  color:#fff;
}
.rd-category-card-content h3{
  margin:0 0 .25rem;
  font-family:"DM Sans", Inter, system-ui, sans-serif;
  font-size:1.22rem;
  line-height:1.05;
  font-weight:900;
  letter-spacing:-.035em;
}
.rd-category-card-content p{
  margin:0;
  color:rgba(255,255,255,.78);
  font-size:.78rem;
  line-height:1.2;
  font-weight:700;
  max-width:10rem;
}
.rd-category-arrow{
  position:absolute;
  right:.84rem;
  top:.84rem;
  z-index:3;
  width:2.35rem;
  height:2.35rem;
  border-radius:999px;
  display:grid;
  place-items:center;
  color:#111;
  background:rgba(255,255,255,.92);
  box-shadow:0 10px 20px rgba(0,0,0,.14);
}
.rd-category-arrow .material-symbols-outlined{font-size:1.25rem;}
.rd-category-card.active .rd-category-arrow{
  background:#005f9f;
  color:#fff;
}
.rd-subcategory-panel{
  margin:.95rem 0 .55rem;
  padding:.85rem;
  border-radius:1.45rem;
  background:#fff;
  border:1px solid rgba(193,198,215,.55);
  box-shadow:0 12px 30px rgba(27,28,21,.08);
}
.rd-subcategory-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.75rem;
  margin:0 0 .7rem;
}
.rd-subcategory-title strong{
  font-family:"DM Sans",Inter,system-ui,sans-serif;
  font-size:.9rem;
  font-weight:900;
  color:#1b1c15;
}
.rd-subcategory-title span{
  color:#717786;
  font-size:.72rem;
  font-weight:800;
}
.rd-subcategory-list{
  display:flex;
  gap:.55rem;
  overflow-x:auto;
  padding:.05rem .05rem .2rem;
  scrollbar-width:none;
}
.rd-subcategory-list::-webkit-scrollbar{display:none;}
.rd-subcategory-btn{
  flex:0 0 auto;
  border:0;
  border-radius:999px;
  background:#f0eded;
  color:#1b1c15;
  padding:.72rem 1rem;
  font-family:"DM Sans",Inter,system-ui,sans-serif;
  font-size:.82rem;
  line-height:1;
  font-weight:900;
  box-shadow:inset 0 0 0 1px rgba(193,198,215,.5);
}
.rd-subcategory-btn:active{transform:scale(.98);}
.rd-category-page-crumb{
  margin:0 0 .1rem;
  color:#717786;
  font-size:.72rem;
  line-height:1;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.rd-category-page-title{
  margin:0;
  color:#005f9f;
  font-family:"Playfair Display",Georgia,serif;
  font-size:clamp(1.85rem,6.3vw,3rem);
  line-height:1.05;
  font-weight:700;
  letter-spacing:-.055em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.rd-category-home-btn{
  border:0;
  border-radius:999px;
  background:#f0eded;
  color:#1b1c15;
  padding:.75rem 1rem;
  font-weight:900;
  font-family:"DM Sans",Inter,system-ui,sans-serif;
}
.rd-category-pills{
  display:flex;
  gap:.55rem;
  overflow-x:auto;
  padding:.15rem 0 1rem;
  scrollbar-width:none;
}
.rd-category-pills::-webkit-scrollbar{display:none;}
.rd-category-pill{
  border:0;
  border-radius:999px;
  background:#fff;
  color:#414754;
  padding:.72rem 1rem;
  font-family:"DM Sans",Inter,system-ui,sans-serif;
  font-size:.8rem;
  font-weight:900;
  box-shadow:inset 0 0 0 1px rgba(193,198,215,.65);
  white-space:nowrap;
}
.rd-category-pill.active{
  background:#005f9f;
  color:#fff;
  box-shadow:none;
}
.rd-category-empty{
  grid-column:1/-1;
  min-height:12rem;
  border-radius:1.5rem;
  background:#fff;
  border:1px solid rgba(193,198,215,.55);
  display:grid;
  place-items:center;
  text-align:center;
  padding:2rem;
  color:#717786;
  font-family:"DM Sans",Inter,system-ui,sans-serif;
  font-weight:800;
}
@media(max-width:760px){
  .rd-category-section{margin:1rem 0 1.2rem;}
  .rd-category-head{align-items:flex-start;}
  .rd-category-head>span{display:none;}
  .rd-category-grid{gap:.78rem;}
  .rd-category-card{min-height:10.4rem;border-radius:1.25rem;}
  .rd-category-card-content{padding:.82rem;}
  .rd-category-card-content h3{font-size:1.02rem;}
  .rd-category-card-content p{font-size:.68rem;max-width:8.4rem;}
  .rd-category-arrow{width:2rem;height:2rem;right:.65rem;top:.65rem;}
  .rd-category-arrow .material-symbols-outlined{font-size:1.08rem;}
}
@media(min-width:768px){
  .rd-category-grid{grid-template-columns:repeat(4,minmax(0,1fr));}
  .rd-category-card{min-height:15.4rem;}
  .rd-subcategory-panel{padding:1rem 1.1rem;}
}


/* v32.1: category section refined with embedded images */
.rd-category-section{
  margin:.3rem 0 1rem !important;
}
.rd-category-head{
  display:block !important;
  margin:0 0 .72rem !important;
}
.rd-category-head h2{
  margin:0 !important;
  font-size:clamp(2rem,8.2vw,3.15rem) !important;
}
.rd-category-kicker,
.rd-category-head>span,
.rd-subcategory-panel,
.rd-category-arrow{
  display:none !important;
}
.rd-category-grid{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:.72rem !important;
}
.rd-category-card{
  min-height:8.85rem !important;
  border-radius:1.22rem !important;
  box-shadow:0 10px 24px rgba(27,28,21,.11) !important;
}
.rd-category-card:after{
  background:linear-gradient(180deg,rgba(0,0,0,.01) 0%,rgba(0,0,0,.08) 45%,rgba(0,0,0,.56) 100%) !important;
}
.rd-category-card-content{
  padding:.72rem !important;
}
.rd-category-card-content h3{
  font-size:.98rem !important;
  line-height:1.05 !important;
}
.rd-category-card-content p{
  font-size:.62rem !important;
  line-height:1.16 !important;
  max-width:8.2rem !important;
}
@media(max-width:380px){
  .rd-category-card{
    min-height:8rem !important;
  }
  .rd-category-card-content h3{
    font-size:.9rem !important;
  }
  .rd-category-card-content p{
    font-size:.58rem !important;
  }
}
@media(min-width:768px){
  .rd-category-section{
    margin:.55rem 0 1.2rem !important;
  }
  .rd-category-grid{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:.9rem !important;
  }
  .rd-category-card{
    min-height:11.5rem !important;
    border-radius:1.45rem !important;
  }
  .rd-category-card-content h3{
    font-size:1.15rem !important;
  }
  .rd-category-card-content p{
    font-size:.72rem !important;
    max-width:10rem !important;
  }
}

/* v32.1: Explore Drops subtle glow animation */
.rd-explore-drops-btn{
  position:relative !important;
  isolation:isolate !important;
  overflow:hidden !important;
  animation:rdExplorePulse 2.8s ease-in-out infinite !important;
}
.rd-explore-drops-btn::after{
  content:"" !important;
  position:absolute !important;
  inset:-45% !important;
  z-index:-1 !important;
  background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.34) 48%,transparent 62%) !important;
  transform:translateX(-75%) rotate(8deg) !important;
  animation:rdExploreShine 3.2s ease-in-out infinite !important;
}
@keyframes rdExplorePulse{
  0%,100%{box-shadow:0 14px 32px rgba(0,30,86,.18),0 0 0 0 rgba(0,30,86,.22);}
  50%{box-shadow:0 18px 42px rgba(0,30,86,.28),0 0 0 8px rgba(0,30,86,.05);}
}
@keyframes rdExploreShine{
  0%{transform:translateX(-75%) rotate(8deg);}
  48%,100%{transform:translateX(78%) rotate(8deg);}
}
@media(prefers-reduced-motion:reduce){
  .rd-explore-drops-btn,
  .rd-explore-drops-btn::after{
    animation:none !important;
  }
}


/* v33 quality pass: loading, empty states, admin category hint */
.rd-state-card{
  grid-column:1/-1;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.85rem;
  min-height:8.5rem;
  border-radius:1.35rem;
  border:1px solid rgba(193,198,215,.6);
  background:rgba(255,255,255,.82);
  box-shadow:0 14px 32px rgba(27,28,21,.08);
  padding:1.25rem;
  text-align:left;
  color:#414754;
}
.rd-state-card strong{
  display:block;
  color:#1b1c15;
  font-family:"DM Sans",Inter,system-ui,sans-serif;
  font-size:1rem;
  line-height:1.15;
  font-weight:900;
}
.rd-state-card p{
  margin:.2rem 0 0;
  color:#717786;
  font-size:.82rem;
  font-weight:700;
}
.rd-state-card .material-symbols-outlined{
  width:3rem;
  height:3rem;
  border-radius:999px;
  display:grid;
  place-items:center;
  background:#f0eded;
  color:#0f766e;
  font-size:1.45rem;
}
.rd-spinner{
  width:2.4rem;
  height:2.4rem;
  border-radius:999px;
  border:4px solid rgba(15,118,110,.12);
  border-top-color:#0f766e;
  animation:rdSpin .9s linear infinite;
  flex:0 0 auto;
}
@keyframes rdSpin{to{transform:rotate(360deg)}}
.admin-category-hint{
  margin-top:-.35rem;
  margin-bottom:.4rem;
  font-size:.78rem;
}
.admin-form select optgroup{
  font-weight:900;
}
.admin-form select option{
  font-weight:700;
}
.rd-product-media img,
.cart-product-thumb img,
.checkout-summary-row img,
.saved-product-card img,
.related-item img,
.recent-img img,
.admin-curated-image img{
  background:#f2f0eb;
}
@media(max-width:420px){
  .rd-state-card{
    min-height:7.2rem;
    padding:1rem;
    border-radius:1.15rem;
  }
  .rd-state-card strong{font-size:.92rem;}
  .rd-state-card p{font-size:.76rem;}
  .rd-spinner{width:2rem;height:2rem;border-width:3px;}
}


/* v33.1: popup verified badge + popup image fallback visual polish */
.rd-proof-meta .rd-proof-verified-badge{
  width:.92rem !important;
  height:.92rem !important;
  flex:0 0 .92rem !important;
  margin-left:.02rem !important;
  transform:translateY(.01rem) !important;
}
.rd-proof-meta .rd-verified-icon{
  width:100% !important;
  height:100% !important;
  display:block !important;
}
.rd-proof-meta .rd-verified-seal{
  fill:#1d9bf0 !important;
}
.rd-proof-meta .rd-verified-check{
  fill:none !important;
  stroke:#fff !important;
  stroke-width:2.15 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}
.rd-proof-check{
  display:none !important;
}
.rd-proof-img{
  background:linear-gradient(145deg,#eef6f0,#f8faf6) !important;
}
@media(max-width:420px){
  .rd-proof-meta .rd-proof-verified-badge{
    width:.86rem !important;
    height:.86rem !important;
    flex-basis:.86rem !important;
  }
}


.detail-gallery {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.detail-thumb {
  width: 72px;
  height: 72px;
  border-radius: 18px;
  overflow: hidden;
  border: 2px solid rgba(15, 118, 110, 0.14);
  background: #fff;
  padding: 0;
  cursor: pointer;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.detail-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.detail-thumb.active {
  border-color: #0f766e;
  box-shadow: 0 10px 24px rgba(15, 118, 110, 0.18);
  transform: translateY(-2px);
}
.detail-thumb:active {
  transform: scale(.97);
}
.admin-upload-box-secondary {
  margin-top: 12px;
}
@media (max-width: 640px) {
  .detail-thumb {
    width: 60px;
    height: 60px;
    border-radius: 14px;
  }
}


/* v34.1 SOURCE MATCH: Product detail page only */
.rd-source-product-page {
  background-color: #F9F8F4;
  color: #1A1A1A;
  font-family: 'Inter', sans-serif;
  min-height: 100dvh;
}
.rd-source-product-page .font-serif,
.rd-source-brand,
.rd-source-title {
  font-family: 'Playfair Display', serif;
}
.rd-source-header {
  position: sticky;
  top: 0;
  z-index: 50;
  background: rgba(249, 248, 244, .90);
  backdrop-filter: blur(8px);
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.rd-source-header-left {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.rd-source-icon-btn {
  padding: .5rem;
  margin: 0;
  border: 0;
  background: transparent;
  color: #1A1A1A;
  display: inline-grid;
  place-items: center;
}
.rd-source-icon-btn i {
  font-size: 1.125rem;
}
.rd-source-brand {
  margin: 0;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 600;
  color: #1A1A1A;
  letter-spacing: 0;
}
.rd-source-cart-wrap {
  position: relative;
}
.rd-source-cart-wrap .rd-source-icon-btn i {
  font-size: 1.25rem;
}
.rd-source-cart-dot {
  position: absolute !important;
  top: .25rem !important;
  right: .25rem !important;
  width: .625rem !important;
  min-width: .625rem !important;
  height: .625rem !important;
  padding: 0 !important;
  border-radius: 9999px !important;
  background: #6b3c43 !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  border: 0 !important;
}
.rd-source-main {
  padding: 0 1rem;
}
.rd-source-gallery-section {
  margin-bottom: 1.5rem;
  position: relative;
}
.rd-source-main-image-wrap {
  position: relative;
  border-radius: 1rem;
  overflow: hidden;
  background: #e5e7eb;
  aspect-ratio: 4 / 3;
}
.rd-source-main-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.rd-source-flash {
  position: absolute;
  top: 1rem;
  left: 1rem;
  background: #F9F8F4;
  color: #1A1A1A;
  font-size: .75rem;
  line-height: 1rem;
  font-weight: 600;
  padding: .25rem .5rem;
  border-radius: .25rem;
}
.rd-source-thumbnails {
  display: flex;
  justify-content: center;
  gap: .75rem;
  margin-top: -2.5rem;
  position: relative;
  z-index: 10;
  padding-left: 1rem;
  padding-right: 1rem;
  overflow-x: auto;
  scrollbar-width: none;
}
.rd-source-thumbnails::-webkit-scrollbar {
  display: none;
}
.rd-source-thumbnails.hidden {
  display: none !important;
}
.rd-source-thumbnails .detail-thumb {
  width: 5rem;
  height: 6rem;
  border-radius: .75rem;
  overflow: hidden;
  border: 2px solid transparent;
  box-shadow: 0 2px 8px rgba(0,0,0,.12);
  flex-shrink: 0;
  padding: 0;
  background: #fff;
}
.rd-source-thumbnails .detail-thumb.lifted {
  margin-top: 1rem;
}
.rd-source-thumbnails .detail-thumb.hero {
  border-color: #fff;
  box-shadow: 0 6px 16px rgba(0,0,0,.18);
}
.rd-source-thumbnails .detail-thumb.active {
  border-color: #6b3c43;
  box-shadow: 0 8px 18px rgba(107,60,67,.22);
}
.rd-source-thumbnails .detail-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.rd-source-info-section {
  margin-bottom: 1.5rem;
}
.rd-source-title {
  margin: 0 0 .5rem;
  color: #1A1A1A;
  font-size: 1.875rem;
  line-height: 1.12;
  font-weight: 600;
  letter-spacing: 0;
}
.rd-source-price-row {
  display: flex;
  align-items: flex-end;
  gap: .75rem;
  margin-bottom: 1.5rem;
}
.rd-source-price {
  color: #6b3c43;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
}
.rd-source-old-price {
  color: #6b7280;
  font-size: 1.125rem;
  line-height: 1.75rem;
  text-decoration: line-through;
  margin-bottom: .125rem;
}
.rd-source-features {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #e5e7eb;
  border-bottom: 1px solid #e5e7eb;
  padding: 1rem 0;
  margin-bottom: 1.5rem;
}
.rd-source-feature {
  width: 33.3333%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .5rem;
  text-align: center;
  color: #4b5563;
}
.rd-source-feature i {
  font-size: 1.5rem;
  line-height: 2rem;
  color: #374151;
}
.rd-source-feature span {
  font-size: .75rem;
  line-height: 1rem;
  color: #4b5563;
  font-weight: 400;
}
.rd-source-details-section {
  margin-bottom: 6rem;
}
.rd-source-tabs {
  display: flex;
  margin-bottom: 1rem;
}
.rd-source-tab {
  flex: 1 1 0%;
  padding-bottom: .75rem;
  border: 0;
  border-bottom: 1px solid #e5e7eb;
  background: transparent;
  color: #6b7280;
  font-size: .875rem;
  line-height: 1.25rem;
  font-weight: 500;
  text-align: center;
}
.rd-source-tab.active {
  color: #1A1A1A;
  font-weight: 600;
  border-bottom: 2px solid #000;
}
.rd-source-description {
  margin: 0 0 1rem;
  color: #374151;
  font-size: .875rem;
  line-height: 1.625;
}
.rd-source-list {
  margin: .75rem 0 0;
  padding-left: 1.2rem;
  color: #374151;
  font-size: .875rem;
  line-height: 1.625;
}
.rd-source-bottom-action {
  position: fixed;
  bottom: 4rem;
  left: 0;
  right: 0;
  z-index: 40;
  background: #F9F8F4;
  padding: 1rem;
  display: flex;
  gap: .75rem;
  box-shadow: 0 -4px 6px -1px rgba(0,0,0,.05);
}
.rd-source-qty {
  width: 7rem;
  background: #fff;
  border: 1px solid #d1d5db;
  border-radius: .5rem;
  padding: 0 .5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.rd-source-qty-btn {
  padding: .5rem;
  border: 0;
  background: transparent;
  color: #6b7280;
}
.rd-source-qty-btn i {
  font-size: .75rem;
}
.rd-source-qty-input {
  width: 2rem;
  border: 0;
  background: transparent;
  text-align: center;
  font-weight: 500;
  padding: 0;
  color: #1A1A1A;
}
.rd-source-qty-input:focus {
  outline: none;
  box-shadow: none;
}
.rd-source-add-cart,
.rd-source-buy-now {
  flex: 1 1 0%;
  border: 0;
  border-radius: .5rem;
  padding: .75rem .5rem;
  color: #fff;
  font-size: .875rem;
  line-height: 1.25rem;
  font-weight: 500;
}
.rd-source-add-cart {
  background: #6b3c43;
}
.rd-source-buy-now {
  background: #1a202c;
}
.rd-source-product-page .related-products {
  margin-bottom: 7rem;
}
@media (min-width: 768px) {
  .rd-source-product-page {
    max-width: 520px;
    margin: 0 auto;
    box-shadow: 0 0 0 1px rgba(0,0,0,.04);
  }
  .rd-source-bottom-action {
    left: 50%;
    right: auto;
    width: min(520px, 100vw);
    transform: translateX(-50%);
  }
}
@media (max-width: 380px) {
  .rd-source-thumbnails .detail-thumb {
    width: 4.4rem;
    height: 5.25rem;
  }
  .rd-source-title {
    font-size: 1.65rem;
  }
  .rd-source-bottom-action {
    gap: .5rem;
    padding: .75rem;
  }
  .rd-source-qty {
    width: 6.25rem;
  }
  .rd-source-add-cart,
  .rd-source-buy-now {
    font-size: .78rem;
  }
}


/* v34.2 mobile source polish: gallery row, action bar, global bottom nav */
.rd-source-product-page {
  padding-bottom: 178px !important;
}

/* Keep product thumbnails in one clean source-style row on mobile */
.rd-source-thumbnails,
.rd-source-thumbnails.detail-gallery {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: .62rem !important;
  overflow: visible !important;
  padding-left: .45rem !important;
  padding-right: .45rem !important;
  margin-top: -2.25rem !important;
  min-height: 5.45rem !important;
}
.rd-source-thumbnails .detail-thumb,
.rd-source-thumbnails .detail-thumb.lifted,
.rd-source-thumbnails .detail-thumb.hero {
  width: clamp(4.2rem, 21vw, 5.05rem) !important;
  height: clamp(4.85rem, 24vw, 5.75rem) !important;
  flex: 0 0 clamp(4.2rem, 21vw, 5.05rem) !important;
  margin-top: 0 !important;
  transform: none !important;
  border-radius: .82rem !important;
  background: #fff !important;
  border: 2px solid #fff !important;
  box-shadow: 0 8px 18px rgba(0,0,0,.12) !important;
}
.rd-source-thumbnails .detail-thumb.active {
  border-color: #6b3c43 !important;
  box-shadow: 0 10px 22px rgba(107,60,67,.22) !important;
}
.rd-source-thumbnails .detail-thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

/* Give title/price proper air after gallery */
.rd-source-info-section {
  margin-top: .45rem !important;
}
.rd-source-title {
  margin-top: 0 !important;
  overflow-wrap: anywhere;
}
.rd-source-details-section {
  margin-bottom: 8.25rem !important;
}

/* Bottom action: source-like, clean, always above the website nav */
.rd-source-bottom-action {
  bottom: 74px !important;
  z-index: 55 !important;
  padding: .78rem 1rem calc(.78rem + env(safe-area-inset-bottom, 0px)) !important;
  gap: .72rem !important;
  background: rgba(249,248,244,.96) !important;
  backdrop-filter: blur(12px) !important;
  box-shadow: 0 -8px 18px rgba(0,0,0,.055) !important;
}
.rd-source-qty {
  width: 7rem !important;
  min-width: 7rem !important;
  height: 3rem !important;
  border-radius: .58rem !important;
}
.rd-source-add-cart,
.rd-source-buy-now {
  min-height: 3rem !important;
  border-radius: .58rem !important;
  font-weight: 700 !important;
  font-size: .9rem !important;
}
.rd-source-add-cart {
  background: #6b3c43 !important;
}
.rd-source-buy-now {
  background: #17202b !important;
}

/* All-page bottom nav matched closer to the source screenshot */
body > nav.fixed.bottom-0 {
  height: 74px !important;
  padding: .45rem 1.1rem calc(.45rem + env(safe-area-inset-bottom, 0px)) !important;
  background: rgba(249,248,244,.98) !important;
  backdrop-filter: blur(14px) !important;
  border-top: 1px solid rgba(0,0,0,.08) !important;
  border-radius: 0 !important;
  box-shadow: 0 -6px 16px rgba(0,0,0,.045) !important;
  z-index: 50 !important;
}
.bottom-nav-btn {
  min-width: 54px !important;
  height: 52px !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #6b7280 !important;
  transform: none !important;
  gap: 0 !important;
}
.bottom-nav-btn span:first-child,
.bottom-nav-btn .material-symbols-outlined {
  margin: 0 !important;
  font-size: 28px !important;
  line-height: 1 !important;
}
.bottom-nav-btn > span:not(.material-symbols-outlined):not(.cart-count-badge) {
  display: none !important;
}
.bottom-nav-btn.active {
  background: transparent !important;
  color: #111827 !important;
  border-radius: 0 !important;
  transform: none !important;
}
.bottom-nav-btn:hover {
  color: #111827 !important;
}
.bottom-nav-btn.active .material-symbols-outlined {
  font-variation-settings: 'FILL' 1, 'wght' 700, 'GRAD' 0, 'opsz' 32 !important;
}
.cart-count-badge.bottom,
#cartCountBottom {
  top: 2px !important;
  right: 8px !important;
  min-width: 12px !important;
  width: 12px !important;
  height: 12px !important;
  padding: 0 !important;
  border-radius: 999px !important;
  background: #6b3c43 !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  border: 0 !important;
}

@media (max-width: 390px) {
  .rd-source-thumbnails,
  .rd-source-thumbnails.detail-gallery {
    gap: .46rem !important;
    padding-left: .25rem !important;
    padding-right: .25rem !important;
  }
  .rd-source-thumbnails .detail-thumb,
  .rd-source-thumbnails .detail-thumb.lifted,
  .rd-source-thumbnails .detail-thumb.hero {
    width: clamp(3.85rem, 20vw, 4.5rem) !important;
    height: clamp(4.55rem, 23.5vw, 5.15rem) !important;
    flex-basis: clamp(3.85rem, 20vw, 4.5rem) !important;
  }
  .rd-source-bottom-action {
    gap: .48rem !important;
    padding-left: .75rem !important;
    padding-right: .75rem !important;
  }
  .rd-source-qty {
    width: 6.3rem !important;
    min-width: 6.3rem !important;
  }
  .rd-source-add-cart,
  .rd-source-buy-now {
    font-size: .82rem !important;
  }
}
@media (max-width: 340px) {
  .rd-source-qty {
    width: 5.7rem !important;
    min-width: 5.7rem !important;
  }
  .rd-source-add-cart,
  .rd-source-buy-now {
    font-size: .76rem !important;
  }
}


/* v34.3 emergency polish: fix detail crop, action buttons, top cart dot, and hide proof on product page */
.rd-source-main-image-wrap {
  background: #fff !important;
}
.rd-source-main-image {
  object-fit: contain !important;
  object-position: center center !important;
  background: #fff !important;
}

/* Source-style top cart badge on mobile: dot only, no blue number */
@media (max-width: 767px) {
  #cartCountTop,
  #cartCountDetail,
  .rd-source-cart-dot {
    top: .2rem !important;
    right: .2rem !important;
    min-width: .72rem !important;
    width: .72rem !important;
    height: .72rem !important;
    padding: 0 !important;
    border-radius: 999px !important;
    background: #6b3c43 !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
    border: 0 !important;
  }
  #cartBtnTop,
  #cartBtnDetail,
  .rd-source-cart-wrap .rd-source-icon-btn {
    color: #111827 !important;
  }
}

/* Product detail button row: keep same source shape but don't wrap or become giant */
.rd-source-bottom-action {
  display: grid !important;
  grid-template-columns: 6.6rem minmax(0,1fr) minmax(0,1fr) !important;
  align-items: center !important;
  bottom: 74px !important;
}
.rd-source-qty {
  width: 100% !important;
  min-width: 0 !important;
}
.rd-source-add-cart,
.rd-source-buy-now {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  font-size: clamp(.74rem, 3.7vw, .95rem) !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  padding-left: .35rem !important;
  padding-right: .35rem !important;
}

/* Keep product proof popup off while detail page is visible */
#detailView:not(.hidden) ~ #rdSocialProofPopup,
body:has(#detailView:not(.hidden)) #rdSocialProofPopup {
  display: none !important;
}

@media (max-width: 390px) {
  .rd-source-bottom-action {
    grid-template-columns: 5.8rem minmax(0,1fr) minmax(0,1fr) !important;
    gap: .45rem !important;
  }
  .rd-source-add-cart,
  .rd-source-buy-now {
    font-size: clamp(.68rem, 3.55vw, .82rem) !important;
  }
}
@media (max-width: 340px) {
  .rd-source-bottom-action {
    grid-template-columns: 5.25rem minmax(0,1fr) minmax(0,1fr) !important;
  }
  .rd-source-add-cart,
  .rd-source-buy-now {
    font-size: .68rem !important;
  }
}


/* v34.5 product action, popup and cart-count fixes */
.rd-source-product-page {
  padding-bottom: calc(154px + env(safe-area-inset-bottom, 0px)) !important;
}

/* Reduce the awkward blank area before the fixed action row */
.rd-source-details-section {
  margin-bottom: 1.25rem !important;
}
.rd-source-product-page .related-products {
  display: block;
  margin-top: .9rem !important;
  margin-bottom: 6.7rem !important;
}
.rd-source-product-page .related-products.hidden {
  display: none !important;
}

/* Lock quantity/Add/Buy above bottom nav, with equal height and stable spacing */
.rd-source-bottom-action {
  position: fixed !important;
  left: 0 !important;
  right: 0 !important;
  bottom: calc(74px + env(safe-area-inset-bottom, 0px)) !important;
  z-index: 58 !important;
  display: grid !important;
  grid-template-columns: minmax(6.15rem, .78fr) minmax(0, 1fr) minmax(0, 1fr) !important;
  align-items: stretch !important;
  gap: .55rem !important;
  padding: .72rem .82rem !important;
  background: rgba(249,248,244,.97) !important;
  border-top: 1px solid rgba(17,24,39,.08) !important;
  box-shadow: 0 -10px 22px rgba(17,24,39,.08) !important;
  backdrop-filter: blur(14px) !important;
}
.rd-source-qty,
.rd-source-add-cart,
.rd-source-buy-now {
  height: 3.18rem !important;
  min-height: 3.18rem !important;
  border-radius: .72rem !important;
  box-sizing: border-box !important;
}
.rd-source-qty {
  width: 100% !important;
  min-width: 0 !important;
  padding: 0 .36rem !important;
  background: #fff !important;
  border: 1px solid rgba(107,114,128,.28) !important;
  box-shadow: 0 6px 16px rgba(17,24,39,.05) !important;
}
.rd-source-qty-btn {
  height: 100% !important;
  min-width: 1.85rem !important;
  display: grid !important;
  place-items: center !important;
}
.rd-source-qty-input {
  height: 100% !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
}
.rd-source-add-cart,
.rd-source-buy-now {
  width: 100% !important;
  padding: 0 .35rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  font-size: clamp(.78rem, 3.75vw, .98rem) !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}
.rd-source-add-cart {
  background: #6b3c43 !important;
}
.rd-source-buy-now {
  background: #17202b !important;
}

/* Numeric cart badges everywhere. Number shows when products are added. */
#cartCountTop,
#cartCountDetail,
#cartCountBottom,
.cart-count-badge {
  display: none;
}
#cartCountTop.rd-has-count,
#cartCountDetail.rd-has-count,
#cartCountBottom.rd-has-count,
.cart-count-badge.rd-has-count {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 1.28rem !important;
  width: auto !important;
  height: 1.28rem !important;
  padding: 0 .34rem !important;
  border-radius: 999px !important;
  background: #0b83e6 !important;
  color: #fff !important;
  font-size: .72rem !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  border: 2px solid #fff !important;
  box-shadow: 0 6px 14px rgba(0,0,0,.12) !important;
}
.rd-source-cart-dot.rd-has-count,
#cartCountDetail.rd-has-count {
  top: .08rem !important;
  right: -.12rem !important;
}
#cartCountTop.rd-has-count {
  top: .15rem !important;
  right: .15rem !important;
}
#cartCountBottom.rd-has-count {
  top: 0 !important;
  right: 2px !important;
  transform: none !important;
}
.rd-count-pop {
  animation: rdCountPop .42s ease both;
}
@keyframes rdCountPop {
  0% { transform: scale(.82); }
  55% { transform: scale(1.2); }
  100% { transform: scale(1); }
}

/* Social proof popup: visible on product pages too, but lifted above action + nav */
#rdSocialProofPopup.rd-proof-popup {
  bottom: calc(9.95rem + env(safe-area-inset-bottom, 0px)) !important;
  z-index: 57 !important;
}
#profileView:not(.hidden) ~ #rdSocialProofPopup,
body:has(#profileView:not(.hidden)) #rdSocialProofPopup {
  display: none !important;
}

@media (min-width: 768px) {
  .rd-source-bottom-action {
    left: 50% !important;
    right: auto !important;
    width: min(520px, 100vw) !important;
    transform: translateX(-50%) !important;
    bottom: calc(74px + env(safe-area-inset-bottom, 0px)) !important;
  }
}
@media (max-width: 390px) {
  .rd-source-bottom-action {
    grid-template-columns: minmax(5.8rem, .74fr) minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: .42rem !important;
    padding-left: .62rem !important;
    padding-right: .62rem !important;
  }
  .rd-source-add-cart,
  .rd-source-buy-now {
    font-size: clamp(.68rem, 3.55vw, .86rem) !important;
  }
  #rdSocialProofPopup.rd-proof-popup {
    width: min(21.2rem, calc(100vw - 6.5rem)) !important;
  }
}
@media (max-width: 340px) {
  .rd-source-bottom-action {
    grid-template-columns: minmax(5.25rem, .7fr) minmax(0, 1fr) minmax(0, 1fr) !important;
  }
  .rd-source-add-cart,
  .rd-source-buy-now {
    font-size: .68rem !important;
  }
}


/* v34.6: product action bar truly fixed + equal size buttons */
#detailView.rd-source-product-page {
  padding-bottom: calc(164px + env(safe-area-inset-bottom, 0px)) !important;
}

/* The action bar must always stay locked above the bottom navigation on product detail page */
#detailView:not(.hidden) .rd-source-bottom-action {
  position: fixed !important;
  left: 50% !important;
  right: auto !important;
  bottom: calc(74px + env(safe-area-inset-bottom, 0px)) !important;
  transform: translateX(-50%) !important;
  width: min(520px, 100vw) !important;
  max-width: 100vw !important;
  z-index: 120 !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  gap: .52rem !important;
  padding: .72rem .72rem calc(.72rem + env(safe-area-inset-bottom, 0px)) !important;
  margin: 0 !important;
  background: rgba(249,248,244,.98) !important;
  border-top: 1px solid rgba(17,24,39,.08) !important;
  box-shadow: 0 -12px 24px rgba(17,24,39,.10) !important;
  backdrop-filter: blur(16px) !important;
}

/* All three controls: same width, same height, same visual rhythm */
#detailView:not(.hidden) .rd-source-qty,
#detailView:not(.hidden) .rd-source-add-cart,
#detailView:not(.hidden) .rd-source-buy-now {
  width: 100% !important;
  min-width: 0 !important;
  height: 3.25rem !important;
  min-height: 3.25rem !important;
  max-height: 3.25rem !important;
  border-radius: .72rem !important;
  box-sizing: border-box !important;
  margin: 0 !important;
}

#detailView:not(.hidden) .rd-source-qty {
  display: grid !important;
  grid-template-columns: 1fr 1fr 1fr !important;
  align-items: center !important;
  justify-items: center !important;
  padding: 0 !important;
  background: #fff !important;
  border: 1px solid rgba(107,114,128,.30) !important;
  box-shadow: 0 6px 16px rgba(17,24,39,.055) !important;
  overflow: hidden !important;
}

#detailView:not(.hidden) .rd-source-qty-btn,
#detailView:not(.hidden) .rd-source-qty-input {
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  display: grid !important;
  place-items: center !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #343844 !important;
  font-size: 1rem !important;
  font-weight: 800 !important;
}

#detailView:not(.hidden) .rd-source-add-cart,
#detailView:not(.hidden) .rd-source-buy-now {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 .28rem !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  font-size: clamp(.68rem, 3.55vw, .9rem) !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: -.01em !important;
}

#detailView:not(.hidden) .rd-source-add-cart {
  background: #6b3c43 !important;
  color: #fff !important;
}

#detailView:not(.hidden) .rd-source-buy-now {
  background: #17202b !important;
  color: #fff !important;
}

/* Product page content can scroll behind it, but important content has breathing room */
#detailView:not(.hidden) .rd-source-details-section {
  margin-bottom: 1rem !important;
}
#detailView:not(.hidden) .related-products {
  margin-bottom: 7.2rem !important;
}

/* Bottom nav cart item should not feel too wide */
#cartBtnBottom.bottom-nav-btn {
  min-width: 44px !important;
  width: 44px !important;
  max-width: 44px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
#cartBtnBottom .material-symbols-outlined {
  font-size: 27px !important;
}
#cartCountBottom.rd-has-count {
  right: -3px !important;
  top: -2px !important;
}

/* Keep social proof allowed on product page, but not profile page */
body:has(#detailView:not(.hidden)) #rdSocialProofPopup:not(.hidden) {
  display: flex !important;
}
body:has(#profileView:not(.hidden)) #rdSocialProofPopup {
  display: none !important;
}

@media (max-width: 380px) {
  #detailView:not(.hidden) .rd-source-bottom-action {
    gap: .42rem !important;
    padding-left: .56rem !important;
    padding-right: .56rem !important;
  }
  #detailView:not(.hidden) .rd-source-qty,
  #detailView:not(.hidden) .rd-source-add-cart,
  #detailView:not(.hidden) .rd-source-buy-now {
    height: 3.05rem !important;
    min-height: 3.05rem !important;
    max-height: 3.05rem !important;
  }
  #detailView:not(.hidden) .rd-source-add-cart,
  #detailView:not(.hidden) .rd-source-buy-now {
    font-size: clamp(.62rem, 3.35vw, .78rem) !important;
  }
}


/* v34.7 TRUE FIX: product action bar is moved to body and locked above nav */
body:not(.rd-product-detail-active) .rd-source-bottom-action {
  display: none !important;
}

body.rd-product-detail-active .rd-source-bottom-action.rd-action-portal {
  position: fixed !important;
  left: 50% !important;
  right: auto !important;
  bottom: calc(74px + env(safe-area-inset-bottom, 0px)) !important;
  transform: translateX(-50%) !important;
  width: min(520px, 100vw) !important;
  max-width: 100vw !important;
  z-index: 9999 !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: .55rem !important;
  align-items: stretch !important;
  padding: .72rem .75rem !important;
  margin: 0 !important;
  background: rgba(249, 248, 244, .985) !important;
  border-top: 1px solid rgba(17,24,39,.08) !important;
  box-shadow: 0 -12px 28px rgba(17,24,39,.12) !important;
  backdrop-filter: blur(16px) !important;
}

body.rd-product-detail-active .rd-source-bottom-action.rd-action-portal .rd-source-qty,
body.rd-product-detail-active .rd-source-bottom-action.rd-action-portal .rd-source-add-cart,
body.rd-product-detail-active .rd-source-bottom-action.rd-action-portal .rd-source-buy-now {
  width: 100% !important;
  min-width: 0 !important;
  height: 3.25rem !important;
  min-height: 3.25rem !important;
  max-height: 3.25rem !important;
  border-radius: .72rem !important;
  box-sizing: border-box !important;
  margin: 0 !important;
}

body.rd-product-detail-active .rd-source-bottom-action.rd-action-portal .rd-source-qty {
  display: grid !important;
  grid-template-columns: 1fr 1fr 1fr !important;
  align-items: center !important;
  justify-items: center !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #fff !important;
  border: 1px solid rgba(107,114,128,.30) !important;
  box-shadow: 0 6px 16px rgba(17,24,39,.055) !important;
}

body.rd-product-detail-active .rd-source-bottom-action.rd-action-portal .rd-source-qty-btn,
body.rd-product-detail-active .rd-source-bottom-action.rd-action-portal .rd-source-qty-input {
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  display: grid !important;
  place-items: center !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #343844 !important;
  font-size: 1rem !important;
  font-weight: 800 !important;
}

body.rd-product-detail-active .rd-source-bottom-action.rd-action-portal .rd-source-add-cart,
body.rd-product-detail-active .rd-source-bottom-action.rd-action-portal .rd-source-buy-now {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 .3rem !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  font-size: clamp(.72rem, 3.55vw, .92rem) !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: -.01em !important;
}

body.rd-product-detail-active .rd-source-bottom-action.rd-action-portal .rd-source-add-cart {
  background: #6b3c43 !important;
  color: #fff !important;
}

body.rd-product-detail-active .rd-source-bottom-action.rd-action-portal .rd-source-buy-now {
  background: #17202b !important;
  color: #fff !important;
}

/* Detail page gets enough bottom padding so content never hides behind the fixed action bar */
body.rd-product-detail-active #detailView.rd-source-product-page {
  padding-bottom: calc(164px + env(safe-area-inset-bottom, 0px)) !important;
}

/* Product proof popup stays above locked action bar */
body.rd-product-detail-active #rdSocialProofPopup.rd-proof-popup {
  bottom: calc(9.95rem + env(safe-area-inset-bottom, 0px)) !important;
  z-index: 9998 !important;
}

/* Bottom navigation cart item should be narrower */
#cartBtnBottom.bottom-nav-btn {
  min-width: 42px !important;
  width: 42px !important;
  max-width: 42px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

@media (max-width: 380px) {
  body.rd-product-detail-active .rd-source-bottom-action.rd-action-portal {
    gap: .42rem !important;
    padding-left: .56rem !important;
    padding-right: .56rem !important;
  }
  body.rd-product-detail-active .rd-source-bottom-action.rd-action-portal .rd-source-qty,
  body.rd-product-detail-active .rd-source-bottom-action.rd-action-portal .rd-source-add-cart,
  body.rd-product-detail-active .rd-source-bottom-action.rd-action-portal .rd-source-buy-now {
    height: 3.08rem !important;
    min-height: 3.08rem !important;
    max-height: 3.08rem !important;
  }
  body.rd-product-detail-active .rd-source-bottom-action.rd-action-portal .rd-source-add-cart,
  body.rd-product-detail-active .rd-source-bottom-action.rd-action-portal .rd-source-buy-now {
    font-size: clamp(.66rem, 3.35vw, .8rem) !important;
  }
}


/* v34.8 width polish, WhatsApp support, smoother browsing, and state fixes */

/* Narrower premium cards for the locked product action bar and the bottom nav */
body.rd-product-detail-active .rd-source-bottom-action.rd-action-portal {
  width: min(430px, calc(100vw - 34px)) !important;
  max-width: calc(100vw - 34px) !important;
  border-radius: 1.05rem 1.05rem .55rem .55rem !important;
  bottom: calc(76px + env(safe-area-inset-bottom, 0px)) !important;
  padding: .58rem .58rem !important;
  gap: .46rem !important;
  box-shadow: 0 -10px 24px rgba(17,24,39,.11) !important;
}

body.rd-product-detail-active .rd-source-bottom-action.rd-action-portal .rd-source-qty,
body.rd-product-detail-active .rd-source-bottom-action.rd-action-portal .rd-source-add-cart,
body.rd-product-detail-active .rd-source-bottom-action.rd-action-portal .rd-source-buy-now {
  height: 3rem !important;
  min-height: 3rem !important;
  max-height: 3rem !important;
  border-radius: .68rem !important;
}

/* Narrower, cleaner mobile bottom nav card */
body > nav.fixed.bottom-0 {
  left: 50% !important;
  right: auto !important;
  bottom: calc(.35rem + env(safe-area-inset-bottom, 0px)) !important;
  transform: translateX(-50%) !important;
  width: min(430px, calc(100vw - 34px)) !important;
  max-width: calc(100vw - 34px) !important;
  height: 66px !important;
  border-radius: 1.45rem !important;
  padding: .35rem .72rem !important;
  background: rgba(249,248,244,.985) !important;
  border: 1px solid rgba(17,24,39,.08) !important;
  box-shadow: 0 -6px 20px rgba(17,24,39,.08) !important;
}

/* Keep support chat visible on product detail, above Buy Now/action bar */
body.rd-product-detail-active #whatsappSupportBtn.whatsapp-support {
  display: inline-flex !important;
  right: max(1.05rem, calc((100vw - 430px) / 2 + 1rem)) !important;
  bottom: calc(9.15rem + env(safe-area-inset-bottom, 0px)) !important;
  z-index: 10001 !important;
  transform: translateZ(0) !important;
}
body.rd-product-detail-active #whatsappSupportBtn.whatsapp-support.hidden {
  display: inline-flex !important;
}

/* Social proof popup should not fight the locked action bar */
body.rd-product-detail-active #rdSocialProofPopup.rd-proof-popup {
  bottom: calc(13.7rem + env(safe-area-inset-bottom, 0px)) !important;
  z-index: 10000 !important;
}

/* Smoother feel, less heavy effects on low-end phones */
html {
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
}
body {
  overscroll-behavior-y: contain;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
.product-card,
.rd-category-card,
.rd-source-main-image-wrap,
.rd-source-thumbnails .detail-thumb,
.rd-source-bottom-action,
.bottom-nav-btn,
.whatsapp-support {
  will-change: transform;
  transform: translateZ(0);
}
img {
  content-visibility: auto;
}

/* Reduce expensive blur on mobile so scrolling feels lighter */
@media (max-width: 767px) {
  .rd-source-bottom-action,
  body > nav.fixed.bottom-0,
  .rd-source-header,
  #siteHeader {
    backdrop-filter: none !important;
  }
  .product-card,
  .rd-category-card {
    transition: transform .16s ease, box-shadow .16s ease !important;
  }
}

@media (max-width: 390px) {
  body.rd-product-detail-active .rd-source-bottom-action.rd-action-portal,
  body > nav.fixed.bottom-0 {
    width: min(410px, calc(100vw - 24px)) !important;
    max-width: calc(100vw - 24px) !important;
  }
  body.rd-product-detail-active .rd-source-bottom-action.rd-action-portal {
    gap: .38rem !important;
    padding-left: .48rem !important;
    padding-right: .48rem !important;
  }
  body.rd-product-detail-active .rd-source-bottom-action.rd-action-portal .rd-source-add-cart,
  body.rd-product-detail-active .rd-source-bottom-action.rd-action-portal .rd-source-buy-now {
    font-size: clamp(.66rem, 3.28vw, .78rem) !important;
  }
  body.rd-product-detail-active #whatsappSupportBtn.whatsapp-support {
    right: .9rem !important;
    bottom: calc(8.85rem + env(safe-area-inset-bottom, 0px)) !important;
  }
}