/* RELOVE — compact marketplace layout layer
   Keeps existing brand/colors while matching the information density and flows
   of a large Indian ecommerce catalogue. Loaded last on purpose. */

:root{
  --fk-surface:#fff;
  --fk-page:#f6f3f6;
  --fk-ink:#211923;
  --fk-muted:#6b7280;
  --fk-line:#e5e7eb;
  --fk-accent:#b8326f;
  --fk-accent-dark:#6b2858;
  --fk-offer:#16883f;
  --fk-warm:#fff5f8;
}
html{scroll-behavior:smooth}
body{background:var(--fk-page);color:var(--fk-ink)}
.container{width:min(1280px,calc(100% - 24px));max-width:1280px}

/* Header: compact and search-first */
.site-header{position:sticky;top:0;z-index:40;background:var(--fk-surface);box-shadow:0 1px 7px rgba(16,24,40,.12)}
.delivery-strip{min-height:24px}
.strip-content{min-height:24px;font-size:10px;letter-spacing:.055em}
.header-main{min-height:58px;padding:7px max(12px,calc((100vw - 1280px)/2));gap:18px}
.brand{min-width:168px}
.brand img{width:38px;height:38px}
.brand b{font-size:17px;letter-spacing:.02em}
.brand small{font-size:10px}
.verified-area{font-size:12px;padding:7px 10px;border-radius:6px}
.header-actions{gap:4px}
.icon-btn{min-width:62px;min-height:44px;padding:5px 8px;border-radius:6px;font-size:11px}
.icon-btn svg{width:19px;height:19px}
.search-band{padding:0 12px 9px;background:var(--fk-surface)}
.search{width:min(760px,100%);margin:auto;height:42px;border:1px solid #dfd5dd;border-radius:8px;background:#fff8fb;box-shadow:none}
.search input{font-size:14px}
.search button{min-width:82px;border-radius:0 7px 7px 0;font-size:13px}

/* Category rail: small, fast, horizontally scrollable */
.store{padding-top:12px}
.category-grid.collection-grid{
  display:flex!important;
  grid-template-columns:none!important;
  gap:6px!important;
  overflow-x:auto;
  overscroll-behavior-inline:contain;
  scroll-snap-type:x proximity;
  padding:8px 8px 10px!important;
  margin:0 0 10px!important;
  background:#fff;
  border:1px solid var(--fk-line);
  border-radius:8px;
  scrollbar-width:none;
}
.category-grid.collection-grid::-webkit-scrollbar{display:none}
.collection-card{
  flex:0 0 90px!important;
  min-width:90px!important;
  min-height:92px!important;
  padding:8px 6px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:5px!important;
  border:0!important;
  border-radius:7px!important;
  background:#fff!important;
  box-shadow:none!important;
  scroll-snap-align:start;
  position:relative;
  transition:transform .18s ease,background .18s ease,color .18s ease;
}
.collection-card:hover{transform:translateY(-2px);background:#f7faf8!important}
.collection-card.active{background:#fff0f6!important;color:var(--fk-accent-dark)!important}
.collection-card .category-icon{
  width:52px!important;height:52px!important;min-width:52px!important;
  border-radius:10px!important;
  display:grid!important;place-items:center!important;
  background:#f6f7f8!important;
  overflow:hidden;
}
.collection-card .category-icon svg{width:31px!important;height:31px!important}
.category-all-icon{font-size:23px;color:var(--fk-accent)}
.collection-card-copy{display:block!important;text-align:center;line-height:1.08}
.collection-card-copy strong{font-size:12px!important;font-weight:700}
.collection-card-copy small{display:none!important}
.collection-arrow{display:none!important}

/* Catalog header + sorting */
.shelf{background:#fff;border:1px solid var(--fk-line);border-radius:8px;padding:0 0 14px;overflow:hidden}
.catalog-toolbar{
  min-height:60px;
  padding:10px 14px;
  border-bottom:1px solid var(--fk-line);
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  background:#fff;
}
.catalog-heading h2{margin:0;font-size:19px;line-height:1.2}
.catalog-heading span{display:block;margin-top:3px;font-size:11px;color:var(--fk-muted)}
.catalog-actions{display:flex;align-items:center;gap:8px}
.sort-control{font-size:11px;color:var(--fk-muted);display:flex;align-items:center;gap:6px}
.sort-control select{
  height:34px;min-width:170px;padding:0 30px 0 10px;
  border:1px solid #d7dce2;border-radius:6px;background:#fff;color:#27313d;font-size:12px;
}
.clear-filters{height:34px;padding:0 10px;border:0;background:transparent;color:var(--fk-accent-dark);font-weight:700;font-size:12px;cursor:pointer}

/* Product grid: marketplace density */
.product-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(188px,1fr))!important;
  gap:0!important;
  align-items:stretch;
}
.product-card{
  min-width:0;
  border:0!important;
  border-right:1px solid #edf0f2!important;
  border-bottom:1px solid #edf0f2!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:#fff!important;
  overflow:hidden;
  animation:cardIn .34s cubic-bezier(.2,.7,.2,1) both;
  animation-delay:var(--card-delay,0ms);
  transition:box-shadow .2s ease,transform .2s ease;
}
.product-card:hover{position:relative;z-index:2;transform:translateY(-2px);box-shadow:0 8px 24px rgba(16,24,40,.11)!important}
.card-photo-wrap{position:relative;padding:12px 12px 0;background:#fff}
.product-card .photo{display:block;position:relative;background:#fff;border-radius:0!important;overflow:hidden}
.product-card .photo img{
  width:100%!important;
  height:auto!important;
  aspect-ratio:4/5!important;
  object-fit:contain!important;
  background:#fff;
  transition:transform .25s ease;
}
.product-card:hover .photo img{transform:scale(1.025)}
.wishlist-toggle{
  width:34px!important;height:34px!important;top:10px!important;right:10px!important;
  border-radius:50%!important;background:rgba(255,255,255,.94)!important;
  box-shadow:0 1px 5px rgba(0,0,0,.12)!important;
  font-size:20px!important;
}
.discount-badge{
  position:absolute;left:8px;bottom:8px;
  padding:4px 7px;border-radius:4px;background:var(--fk-offer);color:#fff;
  font-size:10px;font-weight:800;line-height:1;
}
.product-body{padding:9px 12px 12px!important}
.product-body>small{font-size:10px!important;color:#7a828c!important;text-transform:none!important;letter-spacing:.01em!important}
.product-body h3{margin:3px 0 3px!important;font-size:13px!important;line-height:1.35!important;min-height:35px!important}
.product-title-link{all:unset;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;cursor:pointer}
.variant-line{margin:0 0 7px!important;color:#7b838d!important;font-size:10.5px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.product-body .prices{display:flex!important;align-items:baseline!important;gap:6px!important;margin:0 0 8px!important;min-height:22px}
.product-body .prices strong{font-size:16px!important;color:#111827!important}
.product-body .prices del{font-size:11px!important;color:#8a919b!important}
.discount-text{font-size:11px;color:var(--fk-offer);font-weight:800}
.card-bottom{display:grid!important;grid-template-columns:1fr 1.15fr!important;gap:6px!important;align-items:center!important}
.card-bottom .btn{min-height:34px!important;height:34px!important;padding:0 8px!important;border-radius:5px!important;font-size:11px!important;font-weight:800!important}
.card-view{background:#fff!important;color:#374151!important;border:1px solid #d9dee4!important}
.card-add{background:var(--fk-accent)!important;border-color:var(--fk-accent)!important;color:#fff!important}

/* Product dialog: clearer left-media/right-buy flow */
.product-dialog{width:min(1080px,96vw)!important;max-width:1080px!important;border-radius:8px!important}
.detail-grid{grid-template-columns:minmax(0,52%) minmax(0,48%)!important;gap:0!important}
.detail-media{padding:18px!important;background:#fff!important;border-right:1px solid var(--fk-line)}
.detail-copy{padding:22px 24px!important}
.detail-copy h2{font-size:20px!important;line-height:1.35!important;margin:5px 0 8px!important}
.detail-copy>.prices{gap:9px!important;margin:2px 0 8px!important}
.detail-copy>.prices strong{font-size:26px!important}
.detail-copy>.prices del{font-size:14px!important}
.detail-stock{font-size:12px!important;color:var(--fk-offer)!important;font-weight:700}
.product-gallery{min-height:480px!important}
.gallery-main{min-height:440px!important;background:#fff!important}
.detail-photo{max-height:430px!important;object-fit:contain!important}
.gallery-thumb{width:58px!important;height:68px!important;border-radius:4px!important}
.color-picker,.size-picker{margin:15px 0!important}
.color-picker legend,.size-picker legend{font-size:13px!important;font-weight:800!important}
.color-option,.size-picker span{min-height:38px!important;border-radius:4px!important}
.detail-actions{position:sticky;bottom:0;background:#fff;padding-top:12px;margin-top:16px;z-index:3}
.detail-actions .btn{min-height:46px!important;border-radius:5px!important;font-size:13px!important}

/* Drawer and checkout stay compact */
.drawer{border-radius:10px 0 0 10px!important}
.cart-row{padding:12px 0!important}
.cart-row img{width:72px!important;height:88px!important;object-fit:contain!important}
.checkout-layout{gap:14px!important}
.checkout-page .panel{border-radius:8px!important}

/* Motion */
@keyframes cardIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes softPop{0%{transform:scale(.92)}60%{transform:scale(1.08)}100%{transform:scale(1)}}
.just-added,.cart-pop{animation:softPop .35s ease}
.product-dialog[open],.drawer[open]{animation:dialogIn .2s ease both}
@keyframes dialogIn{from{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:none}}
.skeleton-pic,.skeleton-bars span{background-size:220% 100%!important;animation:shimmer 1.15s linear infinite!important}
@keyframes shimmer{from{background-position:180% 0}to{background-position:-40% 0}}

@media(max-width:760px){
  .container{width:100%;max-width:none}
  .delivery-strip{display:none!important}
  .header-main{min-height:52px;padding:5px 10px;gap:8px}
  .brand{min-width:0;flex:1}
  .brand img{width:34px;height:34px}
  .brand small,.verified-area{display:none!important}
  .brand b{font-size:15px}
  .header-actions{gap:1px}
  .icon-btn{min-width:45px;min-height:40px;padding:4px}
  .icon-btn span{display:none!important}
  .icon-btn svg{width:20px;height:20px}
  .cart-nav em{top:1px!important;right:1px!important}
  .search-band{padding:0 8px 7px}
  .search{height:39px;border-radius:6px}
  .search input{font-size:13px}
  .search button{display:none}
  .store{padding:8px 0 76px!important}
  .category-grid.collection-grid{border-radius:0;border-left:0;border-right:0;padding:5px 6px 7px!important;margin-bottom:7px!important;gap:2px!important}
  .collection-card{flex-basis:74px!important;min-width:74px!important;min-height:76px!important;padding:5px 3px!important}
  .collection-card .category-icon{width:44px!important;height:44px!important;min-width:44px!important;border-radius:8px!important}
  .collection-card .category-icon svg{width:27px!important;height:27px!important}
  .collection-card-copy strong{font-size:10.5px!important}
  .shelf{border-left:0;border-right:0;border-radius:0;padding-bottom:10px}
  .catalog-toolbar{min-height:52px;padding:8px 10px;align-items:flex-end}
  .catalog-heading h2{font-size:16px}
  .catalog-heading span{font-size:10px}
  .sort-control{font-size:0}
  .sort-control select{height:32px;min-width:128px;max-width:142px;font-size:11px;padding-left:8px}
  .clear-filters{display:none}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .card-photo-wrap{padding:8px 8px 0}
  .product-body{padding:7px 8px 9px!important}
  .product-body h3{font-size:11.5px!important;min-height:31px!important}
  .product-body>small{font-size:9px!important}
  .variant-line{font-size:9.5px!important;margin-bottom:5px!important}
  .product-body .prices{gap:4px!important;margin-bottom:6px!important}
  .product-body .prices strong{font-size:14px!important}
  .product-body .prices del,.discount-text{font-size:9.5px!important}
  .wishlist-toggle{width:30px!important;height:30px!important;font-size:18px!important}
  .discount-badge{font-size:9px;left:6px;bottom:6px}
  .card-bottom{gap:4px!important}
  .card-bottom .btn{height:31px!important;min-height:31px!important;font-size:10px!important;padding:0 4px!important}
  .product-dialog{width:100vw!important;max-width:none!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important}
  .detail-grid{display:block!important}
  .detail-media{border-right:0;border-bottom:1px solid var(--fk-line);padding:10px!important}
  .product-gallery{min-height:340px!important}
  .gallery-main{min-height:330px!important}
  .detail-photo{max-height:320px!important}
  .detail-copy{padding:14px 14px 82px!important}
  .detail-copy h2{font-size:17px!important}
  .detail-copy>.prices strong{font-size:22px!important}
  .detail-actions{position:fixed!important;left:0;right:0;bottom:0;padding:8px;background:#fff;border-top:1px solid var(--fk-line);display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
  .detail-actions .btn{margin:0!important;min-height:46px!important}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
}

/* ===== RELOVE 2026 product experience ===== */
body{background:linear-gradient(180deg,#faf7fa 0,#f4f1f5 100%)}
.delivery-strip{background:linear-gradient(90deg,#2b1730,#6b2858 55%,#a92e68)!important}
.brand b,.footer strong{letter-spacing:.085em!important}
.brand small{color:#a0557f!important}
.btn-primary,.card-add{background:linear-gradient(135deg,#7a2e66,#d53d7e)!important;border-color:#7a2e66!important;box-shadow:0 7px 20px rgba(181,50,111,.15)}
.btn-primary:hover,.card-add:hover{filter:brightness(.97)}
.search:focus-within{border-color:#b8326f!important;box-shadow:0 0 0 3px rgba(184,50,111,.10)!important}
.collection-card.active .category-icon{background:linear-gradient(135deg,#ffe5ef,#f0def0)!important}
.discount-badge{background:#18864b!important}
.discount-text{color:#18864b!important}
.product-card:hover{box-shadow:0 12px 35px rgba(66,35,60,.13)!important}
.wishlist-toggle.is-saved,.product-page-save{color:#c12e6e!important}

/* Full product page instead of a small modal */
.product-dialog{
  inset:0!important;
  width:100vw!important;max-width:none!important;
  height:100dvh!important;max-height:none!important;
  margin:0!important;padding:0!important;
  border:0!important;border-radius:0!important;
  background:#f6f3f6!important;
  overflow:auto!important;
}
.product-dialog::backdrop{background:rgba(20,11,19,.38);backdrop-filter:blur(3px)}
.product-dialog>.product-close{display:none!important}
#productDetail{min-height:100dvh}
.product-page-shell{min-height:100dvh;background:#f6f3f6;padding-bottom:32px}
.product-page-topbar{
  position:sticky;top:0;z-index:30;height:60px;
  display:flex;align-items:center;gap:12px;
  padding:0 max(14px,calc((100vw - 1280px)/2));
  background:rgba(255,255,255,.96);backdrop-filter:blur(16px);
  border-bottom:1px solid #eadfe7;
}
.product-page-back,.product-page-save{
  width:40px;height:40px;border:0;border-radius:50%;background:#f7f0f5;
  display:grid;place-items:center;font-size:20px;cursor:pointer;
}
.product-page-brand{display:flex;align-items:center;gap:9px;flex:1}
.product-page-brand img{width:34px;height:34px}
.product-page-brand span{display:grid;line-height:1.05}
.product-page-brand b{font-size:14px;letter-spacing:.11em}
.product-page-brand small{font-size:10px;color:#8f7185;margin-top:3px}
.product-page-save{font-size:22px}
.product-breadcrumbs{
  width:min(1280px,calc(100% - 24px));margin:12px auto 0;
  display:flex;align-items:center;gap:7px;min-height:30px;
  color:#8a7785;font-size:11px;white-space:nowrap;overflow:hidden;
}
.product-breadcrumbs b{overflow:hidden;text-overflow:ellipsis;color:#4f3b49;font-weight:600}
.product-breadcrumbs i{font-style:normal;color:#beaebb}

.product-page-shell .detail-grid{
  width:min(1280px,calc(100% - 24px));margin:0 auto;
  display:grid!important;grid-template-columns:minmax(440px,47%) minmax(0,53%)!important;
  background:#fff;border:1px solid #eadfe7;border-radius:10px;overflow:visible;
  box-shadow:0 6px 30px rgba(42,25,38,.05);
}
.product-page-shell .detail-media{
  position:sticky;top:72px;height:calc(100dvh - 92px);min-height:600px;
  display:flex;align-items:flex-start;
  padding:18px!important;border-right:1px solid #eee3eb!important;
}
.product-page-shell .product-gallery{width:100%;min-height:0!important;height:100%;display:grid;grid-template-columns:72px 1fr;gap:12px}
.product-page-shell .gallery-thumbs{
  display:flex;flex-direction:column;gap:8px;max-height:calc(100dvh - 125px);overflow:auto;padding-right:2px
}
.product-page-shell .gallery-main{
  min-height:0!important;height:100%;position:relative;display:grid;place-items:center;background:#fff!important;border-radius:8px
}
.product-page-shell .detail-photo{
  width:100%;height:100%;max-height:none!important;object-fit:contain!important;cursor:zoom-in
}
.product-page-shell .gallery-thumb{width:64px!important;height:76px!important;border:1px solid #e7dce4!important;background:#fff!important}
.product-page-shell .gallery-thumb.active{border-color:#b8326f!important;box-shadow:0 0 0 1px #b8326f}
.product-page-shell .expand-photo{background:rgba(255,255,255,.92)!important;border:1px solid #e6d9e2!important;color:#5a4655!important}
.product-page-shell .detail-copy{padding:24px 28px 30px!important;min-width:0}
.detail-kicker{font-size:11px;color:#987586;text-transform:uppercase;letter-spacing:.1em;font-weight:800}
.product-page-shell .detail-copy h1{margin:5px 0 8px;font-size:21px;line-height:1.36;font-weight:650;color:#271e25}
.detail-price-line{display:flex;align-items:baseline;flex-wrap:wrap;gap:9px;margin:8px 0 2px}
.detail-price-line strong{font-size:29px;line-height:1;color:#191219}
.detail-price-line del{font-size:14px;color:#9a8d97}
.detail-price-line span{color:#16834b;font-weight:800;font-size:14px}
.detail-tax-note{font-size:10.5px;color:#968a93;margin:5px 0 14px}
.detail-offers{padding:13px 14px;border:1px solid #eadfe7;border-radius:8px;background:#fffafb;margin:12px 0}
.detail-offers>b{font-size:13px}
.detail-offers p{margin:7px 0 0;font-size:11.5px;color:#574d55}
.detail-options{border-top:1px solid #efe5ec;padding-top:4px}
.color-picker legend,.size-picker legend{display:flex!important;align-items:center;gap:8px}
.color-picker legend strong,.size-picker legend strong{color:#a34e78;font-size:11px}
.color-option,.size-picker span{border-color:#dfd3dc!important}
.color-picker input:checked+span,.size-picker input:checked+span{
  border-color:#b8326f!important;box-shadow:0 0 0 1px #b8326f!important;background:#fff5f9!important;color:#5f244e!important
}
.quantity-picker{font-size:12px!important;font-weight:700!important}
.quantity-picker select{border:1px solid #ded2db!important;border-radius:5px!important}

.detail-delivery{
  margin:15px 0 4px;padding:14px;border-top:1px solid #eee3eb;border-bottom:1px solid #eee3eb;
  display:grid;grid-template-columns:1fr auto;gap:8px 12px;align-items:center
}
.detail-delivery>div{display:grid;gap:3px}
.detail-delivery b{font-size:13px}
.detail-delivery span{font-size:11px;color:#776b74}
.detail-delivery button{height:34px;border:1px solid #d9cad5;background:#fff;border-radius:5px;color:#732858;font-weight:800;font-size:11px;padding:0 11px;cursor:pointer}
.detail-delivery p{grid-column:1/-1;margin:0;font-size:11px;color:#197147}
.detail-assurances{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:13px 0 2px}
.detail-assurances span{min-height:67px;border:1px solid #e9dde6;border-radius:8px;display:grid;place-items:center;text-align:center;padding:8px;background:#fff}
.detail-assurances b{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#f8e9f1;color:#7d2a5d;font-size:11px}
.detail-assurances small{font-size:10px;color:#6f626b}
.product-page-shell .detail-actions{position:static!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;background:#fff!important;padding-top:14px!important}
.product-page-shell .detail-actions .btn{height:50px!important;font-size:13px!important}
.product-page-shell #detailAdd{border:1px solid #6f5367!important;color:#4f3748!important;background:#fff!important}
.product-page-shell #detailBuy{background:linear-gradient(135deg,#6b2858,#d43f7c)!important}
.detail-bottom{margin-top:10px!important}

.product-info-section,.related-section{
  width:min(1280px,calc(100% - 24px));margin:12px auto 0;background:#fff;border:1px solid #eadfe7;border-radius:10px
}
.product-info-section{display:grid;grid-template-columns:1fr 1fr;gap:0}
.product-info-section>div{padding:22px 24px}
.product-info-section>div+div{border-left:1px solid #eee3eb}
.product-info-section h2,.related-section h2{margin:0 0 14px;font-size:18px}
.product-info-section p{font-size:12.5px;line-height:1.75;color:#61545e;margin:0}
.highlight-table{display:grid}
.highlight-table>div{display:grid;grid-template-columns:115px 1fr;gap:14px;padding:9px 0;border-top:1px solid #f0e7ed;font-size:11.5px}
.highlight-table>div:first-child{border-top:0}
.highlight-table span{color:#94848f}
.highlight-table b{font-weight:600;color:#493a45}

.related-section{padding:18px 0 0;overflow:hidden}
.related-title{padding:0 18px}
.related-title small{font-size:9px;letter-spacing:.13em;color:#a56a87;font-weight:800}
.related-title h2{margin:3px 0 13px}
.detail-related-grid{
  display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-top:1px solid #eee3eb
}
.detail-related-grid .product-card{min-width:0}
.detail-related-loading{grid-column:1/-1;padding:28px;text-align:center;color:#8a7885;font-size:12px}

@media(max-width:900px){
  .product-page-shell .detail-grid{grid-template-columns:42% 58%!important}
  .product-page-shell .detail-media{min-height:520px}
  .detail-related-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
  .product-page-topbar{height:54px;padding:0 9px}
  .product-page-back,.product-page-save{width:37px;height:37px}
  .product-breadcrumbs{display:none}
  .product-page-shell{padding-bottom:80px}
  .product-page-shell .detail-grid{width:100%;display:block!important;border:0;border-radius:0}
  .product-page-shell .detail-media{
    position:static;height:auto;min-height:0;padding:7px!important;border-right:0!important;border-bottom:1px solid #eee3eb!important
  }
  .product-page-shell .product-gallery{height:390px;grid-template-columns:54px 1fr;gap:6px}
  .product-page-shell .gallery-thumbs{max-height:380px;gap:5px}
  .product-page-shell .gallery-thumb{width:50px!important;height:60px!important}
  .product-page-shell .detail-copy{padding:13px 12px 90px!important}
  .product-page-shell .detail-copy h1{font-size:16px;margin-top:4px}
  .detail-price-line strong{font-size:23px}
  .detail-price-line span{font-size:12px}
  .detail-offers{margin:10px 0;padding:11px}
  .detail-delivery{padding:12px 0}
  .detail-assurances{gap:5px}
  .detail-assurances span{min-height:61px;padding:5px}
  .product-page-shell .detail-actions{
    position:fixed!important;left:0;right:0;bottom:0;z-index:50;
    padding:8px!important;border-top:1px solid #e7d9e3;background:#fff!important;
    box-shadow:0 -7px 22px rgba(37,19,32,.08)
  }
  .product-page-shell .detail-actions .btn{height:48px!important}
  .product-info-section,.related-section{width:100%;margin-top:8px;border-radius:0;border-left:0;border-right:0}
  .product-info-section{display:block}
  .product-info-section>div{padding:16px 13px}
  .product-info-section>div+div{border-left:0;border-top:1px solid #eee3eb}
  .highlight-table>div{grid-template-columns:90px 1fr}
  .detail-related-grid{display:flex;overflow-x:auto;scroll-snap-type:x proximity}
  .detail-related-grid .product-card{flex:0 0 45%;scroll-snap-align:start}
}
/* RELOVE discovery rails */
.discovery-shelf{
  width:100%;margin:0 0 10px;background:#fff;border:1px solid #eadfe7;border-radius:8px;overflow:hidden
}
.discovery-head{min-height:62px;padding:12px 15px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #eee4eb}
.discovery-head small{font-size:9px;letter-spacing:.14em;color:#a65c82;font-weight:900}
.discovery-head h2{margin:2px 0 0;font-size:18px;color:#2b2028}
.discovery-head>span{font-size:11px;color:#8c7c87}
.discovery-grid{grid-template-columns:repeat(8,minmax(0,1fr))!important}
.discovery-grid .product-card:nth-child(n+9){display:none}
@media(max-width:900px){.discovery-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:760px){
  .discovery-shelf{border-left:0;border-right:0;border-radius:0;margin-bottom:7px}
  .discovery-head{min-height:52px;padding:9px 10px}
  .discovery-head h2{font-size:15px}
  .discovery-head>span{display:none}
  .discovery-grid{display:flex!important;overflow-x:auto!important;scroll-snap-type:x proximity;scrollbar-width:none}
  .discovery-grid::-webkit-scrollbar{display:none}
  .discovery-grid .product-card{flex:0 0 43%;scroll-snap-align:start}
}
/* ===== v55 mobile density cleanup from real-device screenshots ===== */
@media(max-width:760px){
  /* Header icons: compact, neutral, professional */
  .site-header .header-main{padding:6px 12px!important;min-height:56px!important}
  .site-header .brand{gap:8px!important}
  .site-header .brand img{width:38px!important;height:38px!important}
  .site-header .brand b{font-size:16px!important;letter-spacing:.105em!important}
  .site-header .header-actions{gap:7px!important}
  .site-header .header-actions .icon-btn{
    width:39px!important;min-width:39px!important;height:39px!important;min-height:39px!important;
    padding:0!important;border-radius:50%!important;
    background:#fff!important;border:1px solid #eadfe7!important;
    box-shadow:0 3px 10px rgba(50,29,45,.055)!important;
  }
  .site-header .header-actions .icon-btn:nth-of-type(1),
  .site-header .header-actions .icon-btn:nth-of-type(2),
  .site-header .header-actions .icon-btn:nth-of-type(3){background:#fff!important}
  .site-header .header-actions .icon-btn svg{width:19px!important;height:19px!important}
  .site-header .header-actions .icon-btn span{display:none!important}
  .site-header .cart-nav em{
    width:18px!important;height:18px!important;min-width:18px!important;
    font-size:9px!important;line-height:18px!important;top:-4px!important;right:-4px!important
  }
  .search-band{padding:0 10px 8px!important}
  .search{height:39px!important;border-radius:9px!important;background:#fff!important}
  .search>span{padding-left:10px!important}
  .search input{font-size:12.5px!important;padding:0 8px!important}

  /* Category nav: 6-ish items visible instead of giant cards */
  #categoryTiles.collection-grid{
    height:auto!important;min-height:0!important;
    padding:7px 8px 6px!important;margin:0 0 7px!important;gap:2px!important;
    background:#fff!important;border-top:1px solid #f0e7ed!important;border-bottom:1px solid #f0e7ed!important;
  }
  #categoryTiles.collection-grid .collection-card{
    flex:0 0 62px!important;min-width:62px!important;width:62px!important;
    min-height:64px!important;height:64px!important;
    padding:3px 2px!important;gap:3px!important;
    border-radius:8px!important;background:#fff!important;
    border:0!important;box-shadow:none!important;
  }
  #categoryTiles.collection-grid .collection-card.active{background:#fff7fa!important}
  #categoryTiles.collection-grid .collection-card .category-icon{
    width:36px!important;height:36px!important;min-width:36px!important;
    border-radius:11px!important;background:#f7f3f6!important;
    box-shadow:inset 0 0 0 1px #eee3ea!important;
  }
  #categoryTiles.collection-grid .collection-card:nth-child(4n+1) .category-icon{background:#f4e9f1!important}
  #categoryTiles.collection-grid .collection-card:nth-child(4n+2) .category-icon{background:#eef5fb!important}
  #categoryTiles.collection-grid .collection-card:nth-child(4n+3) .category-icon{background:#fff3e3!important}
  #categoryTiles.collection-grid .collection-card:nth-child(4n) .category-icon{background:#eef8f4!important}
  #categoryTiles.collection-grid .collection-card .category-icon svg{width:22px!important;height:22px!important}
  #categoryTiles.collection-grid .category-all-icon{font-size:17px!important}
  #categoryTiles.collection-grid .collection-card-copy strong{
    display:block!important;font-size:9.5px!important;line-height:1.05!important;font-weight:750!important;
    white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:58px!important
  }

  /* Discovery sections: short horizontal rails, no giant tiles */
  .discovery-shelf{margin-bottom:7px!important}
  .discovery-head{min-height:46px!important;padding:8px 11px!important}
  .discovery-head small{font-size:8px!important}
  .discovery-head h2{font-size:14px!important;line-height:1.15!important}
  .discovery-grid .product-card{flex:0 0 39%!important}

  /* Product cards: much shorter */
  .product-grid .product-card{min-height:0!important}
  .product-grid .card-photo-wrap{padding:7px 7px 0!important}
  .product-grid .product-card .photo img{
    aspect-ratio:1/1!important;height:auto!important;max-height:none!important;object-fit:contain!important
  }
  .product-grid .product-body{padding:6px 8px 8px!important}
  .product-grid .product-body>small{font-size:8.5px!important;line-height:1!important}
  .product-grid .product-body h3{
    margin:3px 0 4px!important;font-size:10.5px!important;line-height:1.25!important;
    min-height:27px!important;max-height:27px!important;overflow:hidden!important
  }
  .product-grid .variant-line{
    margin:0 0 5px!important;font-size:8.5px!important;line-height:1.1!important;
    max-width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important
  }
  .product-grid .product-body .prices{min-height:19px!important;margin:0 0 5px!important;gap:3px!important}
  .product-grid .product-body .prices strong{font-size:13px!important}
  .product-grid .product-body .prices del,.product-grid .discount-text{font-size:8px!important}
  .product-grid .wishlist-toggle{
    width:28px!important;height:28px!important;top:7px!important;right:7px!important;font-size:16px!important
  }
  .product-grid .stock-label{
    left:6px!important;right:auto!important;bottom:6px!important;top:auto!important;
    padding:3px 6px!important;font-size:8px!important;border-radius:5px!important
  }
  .product-grid .discount-badge{font-size:8px!important;padding:3px 5px!important}
  .product-grid .card-bottom.single-action{display:block!important}
  .product-grid .card-bottom.single-action .btn{
    width:100%!important;height:30px!important;min-height:30px!important;
    font-size:9px!important;border-radius:6px!important
  }
  .card-disabled{background:#f5f1f4!important;border:1px solid #e6dce3!important;color:#9a8995!important}

  /* Catalogue heading less wasteful */
  .catalog-toolbar{min-height:48px!important;padding:7px 10px!important}
  .catalog-heading h2{font-size:15px!important}
  .catalog-heading span{font-size:9px!important}
  .sort-control select{height:30px!important;min-width:118px!important;max-width:130px!important;font-size:10px!important}
}

/* small-screen tap polish */
@media(max-width:760px) and (hover:none){
  .product-card:active{transform:scale(.985)!important}
  #categoryTiles .collection-card:active{transform:scale(.94)!important}
}
/* ===== v56 header + category refinement ===== */
@media(max-width:760px){
  .site-header .header-main{
    min-height:52px!important;
    padding:5px 10px!important;
    gap:7px!important;
  }
  .site-header .brand{
    gap:7px!important;
    min-width:0!important;
  }
  .site-header .brand img{
    width:35px!important;
    height:35px!important;
    border-radius:10px!important;
    box-shadow:0 4px 12px rgba(77,33,66,.12)!important;
  }
  .site-header .brand b{
    font-size:15px!important;
    letter-spacing:.095em!important;
  }
  .site-header .header-actions{
    gap:5px!important;
  }
  .site-header .header-actions .icon-btn{
    width:35px!important;
    min-width:35px!important;
    height:35px!important;
    min-height:35px!important;
    border-radius:10px!important;
    border:1px solid #e8dde5!important;
    background:#fff!important;
    box-shadow:0 2px 8px rgba(46,27,40,.045)!important;
    transform:none!important;
    transition:transform .17s ease,border-color .17s ease,box-shadow .17s ease,background .17s ease!important;
  }
  .site-header .header-actions .icon-btn:nth-child(1){
    color:#285f87!important;
    background:#f8fbfd!important;
  }
  .site-header .header-actions .icon-btn:nth-child(3){
    color:#a83970!important;
    background:#fff9fb!important;
  }
  .site-header .header-actions .icon-btn:nth-child(4){
    color:#16806f!important;
    background:#f7fcfa!important;
  }
  .site-header .header-actions .icon-btn:active{
    transform:scale(.92)!important;
    box-shadow:none!important;
  }
  .site-header .header-actions .icon-btn svg{
    width:18px!important;
    height:18px!important;
    stroke-width:1.8!important;
  }
  .site-header .cart-nav em{
    width:17px!important;
    height:17px!important;
    min-width:17px!important;
    line-height:17px!important;
    font-size:8.5px!important;
    top:-5px!important;
    right:-5px!important;
    box-shadow:0 2px 7px rgba(24,47,78,.18)!important;
  }

  .search-band{
    padding:0 9px 7px!important;
  }
  .search{
    height:36px!important;
    border-radius:9px!important;
    border:1px solid #e1d6de!important;
    background:#fff!important;
    box-shadow:0 2px 9px rgba(49,31,44,.035)!important;
  }
  .search>span{padding-left:9px!important}
  .search input{
    font-size:12px!important;
    padding:0 7px!important;
  }

  #categoryTiles.collection-grid{
    padding:5px 7px 5px!important;
    gap:1px!important;
    margin-bottom:6px!important;
    border-top:1px solid #f2eaf0!important;
    border-bottom:1px solid #f2eaf0!important;
    box-shadow:0 3px 12px rgba(49,28,43,.025)!important;
  }
  #categoryTiles.collection-grid .collection-card{
    position:relative!important;
    flex:0 0 55px!important;
    min-width:55px!important;
    width:55px!important;
    height:58px!important;
    min-height:58px!important;
    padding:3px 1px 4px!important;
    gap:2px!important;
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
    background:transparent!important;
    border-radius:8px!important;
    overflow:visible!important;
    animation:categoryIn .28s ease both;
  }
  #categoryTiles.collection-grid .collection-card:nth-child(1){animation-delay:0ms}
  #categoryTiles.collection-grid .collection-card:nth-child(2){animation-delay:24ms}
  #categoryTiles.collection-grid .collection-card:nth-child(3){animation-delay:48ms}
  #categoryTiles.collection-grid .collection-card:nth-child(4){animation-delay:72ms}
  #categoryTiles.collection-grid .collection-card:nth-child(5){animation-delay:96ms}
  #categoryTiles.collection-grid .collection-card:nth-child(6){animation-delay:120ms}

  #categoryTiles.collection-grid .collection-card::after{
    content:"";
    position:absolute;
    left:50%;
    bottom:0;
    width:0;
    height:2px;
    border-radius:2px;
    background:linear-gradient(90deg,#7a2e66,#d43f7c);
    transform:translateX(-50%);
    transition:width .2s ease;
  }
  #categoryTiles.collection-grid .collection-card.active{
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
    background:#fff8fb!important;
    transform:none!important;
  }
  #categoryTiles.collection-grid .collection-card.active::after{
    width:24px;
  }
  #categoryTiles.collection-grid .collection-card .category-icon{
    width:31px!important;
    height:31px!important;
    min-width:31px!important;
    border-radius:9px!important;
    border:1px solid #eee4eb!important;
    box-shadow:none!important;
    transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important;
  }
  #categoryTiles.collection-grid .collection-card.active .category-icon{
    transform:translateY(-1px)!important;
    border-color:#e4c5d5!important;
    box-shadow:0 4px 10px rgba(112,47,90,.09)!important;
  }
  #categoryTiles.collection-grid .collection-card .category-icon svg{
    width:19px!important;
    height:19px!important;
  }
  #categoryTiles.collection-grid .category-all-icon{
    font-size:14px!important;
  }
  #categoryTiles.collection-grid .collection-card-copy strong{
    font-size:8.8px!important;
    max-width:52px!important;
    line-height:1!important;
    font-weight:700!important;
    color:#26343e!important;
  }
}
@keyframes categoryIn{
  from{opacity:0;transform:translateY(4px)}
  to{opacity:1;transform:translateY(0)}
}
@media(prefers-reduced-motion:reduce){
  #categoryTiles.collection-grid .collection-card{animation:none!important}
}

/* ===== v57 professional mobile storefront ===== */

/* Account popover */
.account-menu{
  border:1px solid #eadfe7!important;
  background:rgba(255,255,255,.985)!important;
  backdrop-filter:blur(18px)!important;
  box-shadow:0 18px 50px rgba(48,25,42,.15)!important;
}
@media(max-width:760px){
  .account-menu{
    position:absolute!important;
    top:48px!important;
    right:0!important;
    left:auto!important;
    width:min(282px,calc(100vw - 18px))!important;
    max-height:calc(100dvh - 118px)!important;
    overflow:auto!important;
    padding:7px!important;
    border-radius:15px!important;
    display:flex!important;
    flex-wrap:wrap!important;
    gap:4px!important;
    animation:menuDrop .18s cubic-bezier(.2,.75,.25,1) both!important;
  }
  .account-menu[hidden]{display:none!important}
  .account-menu .menu-identity{
    width:100%!important;
    min-height:54px!important;
    padding:9px 10px!important;
    margin:0 0 2px!important;
    border-radius:10px!important;
    background:linear-gradient(135deg,#fff7fa,#f7f4fa)!important;
    border:1px solid #f0e4ec!important;
  }
  .account-menu .menu-identity strong{font-size:13px!important;line-height:1.2!important}
  .account-menu .menu-identity small{font-size:9.5px!important;line-height:1.25!important;margin-top:3px!important;color:#8b7885!important}
  .account-menu>button[data-menu]{
    width:100%!important;
    min-height:37px!important;
    height:37px!important;
    padding:0 9px!important;
    margin:0!important;
    border-radius:8px!important;
    font-size:11px!important;
    font-weight:650!important;
    background:#fff!important;
    border:0!important;
    color:#3c3038!important;
  }
  .account-menu>button[data-menu]:active{background:#faf4f8!important;transform:scale(.985)}
  .account-menu .customer-service-link{
    width:calc(50% - 2px)!important;
    min-height:53px!important;
    height:53px!important;
    padding:7px 8px!important;
    margin:0!important;
    border-radius:9px!important;
    display:grid!important;
    grid-template-columns:24px 1fr!important;
    grid-template-rows:auto auto!important;
    column-gap:6px!important;
    align-items:center!important;
    border:1px solid #e7ece9!important;
    box-shadow:none!important;
  }
  .account-menu .customer-service-link>svg,
  .account-menu .customer-service-link>.instagram-glyph{
    grid-row:1/3!important;
    width:22px!important;height:22px!important;
    font-size:17px!important;
  }
  .account-menu .customer-service-link>span:nth-last-child(1){display:none!important}
  .account-menu .customer-service-link b{font-size:9.5px!important;line-height:1.1!important}
  .account-menu .customer-service-link small{
    display:block!important;font-size:8px!important;line-height:1.1!important;
    white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important
  }
  .account-menu .instagram-contact{
    background:#fff8fc!important;
    border-color:#efdce9!important;
  }
  .account-menu .logout-menu{
    width:100%!important;
    min-height:39px!important;
    height:39px!important;
    margin-top:2px!important;
    border-top:1px solid #eee4eb!important;
    color:#8e3157!important;
    font-size:10.5px!important;
  }
  .account-menu.guest-menu [data-menu="orders"],
  .account-menu.guest-menu [data-menu="addresses"],
  .account-menu.guest-menu [data-menu="activity"]{display:none!important}
}

/* Editorial discovery cards */
.discovery-shelf{
  background:#fff!important;
  border-color:#eee5eb!important;
  box-shadow:0 4px 18px rgba(45,27,40,.035)!important;
}
.discovery-head{background:linear-gradient(90deg,#fff,#fff9fc)!important}
.discovery-grid{background:#fff}
.shelf-product{
  position:relative;
  min-width:0;
  background:#fff;
  border-right:1px solid #f0e7ed;
  animation:cardIn .32s ease both;
  animation-delay:var(--card-delay,0ms);
}
.shelf-photo{
  display:block;position:relative;width:100%;padding:0;border:0;background:#fafafa;cursor:pointer;overflow:hidden
}
.shelf-photo img{display:block;width:100%;aspect-ratio:1/1.05;object-fit:contain;background:#fafafa;transition:transform .24s ease}
.shelf-product:hover .shelf-photo img{transform:scale(1.025)}
.shelf-discount{
  position:absolute;left:7px;bottom:7px;background:#18864b;color:#fff;
  border-radius:4px;padding:3px 5px;font-size:8px;font-weight:800
}
.shelf-wish{
  position:absolute;right:8px;top:8px;z-index:2;width:28px;height:28px;border-radius:50%;
  border:1px solid #ece3e9;background:rgba(255,255,255,.95);box-shadow:0 3px 9px rgba(40,25,36,.08);
  color:#a43a70;font-size:16px;display:grid;place-items:center;cursor:pointer
}
.shelf-wish.is-saved{color:#c72f70}
.shelf-copy{padding:8px 9px 11px}
.shelf-copy>small{font-size:8px;color:#8b7e87}
.shelf-copy h3{margin:3px 0 7px;font-size:10.5px;line-height:1.25;min-height:27px}
.shelf-copy h3 button{all:unset;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;cursor:pointer}
.shelf-copy>div{display:flex;align-items:baseline;gap:5px}
.shelf-copy strong{font-size:13px}
.shelf-copy del{font-size:8.5px;color:#9c9199}

/* All-products grid becomes airy cards instead of table cells */
@media(max-width:760px){
  .store{background:#f7f5f7!important}
  .discovery-shelf{margin:0 7px 8px!important;border-radius:10px!important;border-left:1px solid #eee5eb!important;border-right:1px solid #eee5eb!important}
  .discovery-head{padding:9px 10px!important}
  .discovery-grid{
    display:flex!important;
    overflow-x:auto!important;
    gap:0!important;
    scroll-snap-type:x proximity!important;
    scrollbar-width:none!important;
  }
  .discovery-grid::-webkit-scrollbar{display:none}
  .discovery-grid .shelf-product{
    flex:0 0 47%!important;
    scroll-snap-align:start;
  }

  #productsSection.shelf{
    margin:0 7px!important;
    border:1px solid #eee5eb!important;
    border-radius:10px!important;
    background:#fff!important;
    overflow:hidden!important;
  }
  #allProducts.product-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    padding:7px!important;
    background:#f8f6f8!important;
  }
  #allProducts .product-card{
    border:1px solid #eee5eb!important;
    border-radius:9px!important;
    overflow:hidden!important;
    background:#fff!important;
    box-shadow:0 3px 12px rgba(42,27,38,.035)!important;
  }
  #allProducts .product-card:hover{transform:none!important;box-shadow:0 4px 14px rgba(42,27,38,.055)!important}
  #allProducts .card-photo-wrap{padding:5px!important}
  #allProducts .product-card .photo{border-radius:7px!important;background:#fafafa!important}
  #allProducts .product-card .photo img{aspect-ratio:1/1.08!important;background:#fafafa!important}
  #allProducts .product-body{padding:7px 8px 9px!important}
  #allProducts .product-body h3{font-size:10px!important;min-height:25px!important;max-height:25px!important}
  #allProducts .variant-line{font-size:8px!important;margin-bottom:4px!important}
  #allProducts .product-body .prices{margin-bottom:0!important}
  #allProducts .product-body .prices strong{font-size:12.5px!important}

  /* lighter bottom app navigation */
  .bottom-nav{
    min-height:58px!important;
    height:58px!important;
    padding:3px 7px calc(3px + env(safe-area-inset-bottom))!important;
    background:rgba(255,255,255,.96)!important;
    backdrop-filter:blur(15px)!important;
    border-top:1px solid #eae2e8!important;
    box-shadow:0 -6px 20px rgba(40,24,36,.05)!important;
  }
  .bottom-nav button{
    background:transparent!important;
    border:0!important;
    border-radius:8px!important;
    padding:3px 2px!important;
    font-size:8.5px!important;
    color:#746772!important;
  }
  .bottom-nav button>span{
    width:26px!important;height:26px!important;min-width:26px!important;
    border-radius:8px!important;background:transparent!important;
    display:grid!important;place-items:center!important;margin:auto!important
  }
  .bottom-nav button>span svg{width:18px!important;height:18px!important}
  .bottom-nav button.is-current{
    background:transparent!important;color:#6b2858!important;font-weight:750!important
  }
  .bottom-nav button.is-current>span{background:#fff0f6!important;color:#a32d69!important}
}

@keyframes menuDrop{from{opacity:0;transform:translateY(-5px) scale(.985)}to{opacity:1;transform:none}}

/* ===== v59 marketplace density reset ===== */
.site-header{overflow:visible!important;z-index:120!important}
.header-main{position:relative!important;z-index:130!important;overflow:visible!important}
.search-band{position:relative!important;z-index:110!important}
.header-actions{position:relative!important;z-index:140!important}
.account-menu{z-index:9999!important}

@media(max-width:760px){
  /* account menu: simple marketplace dropdown, always above search */
  .account-menu{
    position:absolute!important;
    top:42px!important;
    right:0!important;
    left:auto!important;
    width:248px!important;
    max-height:calc(100dvh - 90px)!important;
    padding:6px!important;
    gap:2px!important;
    border-radius:12px!important;
    background:#fff!important;
    border:1px solid #e6e8eb!important;
    box-shadow:0 14px 34px rgba(24,32,43,.16)!important;
    backdrop-filter:none!important;
    overflow:auto!important;
    flex-direction:column!important;
    flex-wrap:nowrap!important;
  }
  .account-menu .menu-identity{
    min-height:46px!important;
    padding:8px 9px!important;
    margin:0 0 3px!important;
    border-radius:8px!important;
    background:#f8fafc!important;
    border:0!important;
    border-bottom:1px solid #edf0f3!important;
  }
  .account-menu .menu-identity strong{font-size:12px!important}
  .account-menu .menu-identity small{font-size:9px!important;margin-top:2px!important}
  .account-menu>button[data-menu],
  .account-menu .customer-service-link,
  .account-menu .logout-menu{
    width:100%!important;
    min-height:38px!important;
    height:38px!important;
    padding:0 9px!important;
    margin:0!important;
    border:0!important;
    border-radius:7px!important;
    background:#fff!important;
    color:#26333d!important;
    box-shadow:none!important;
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    font-size:10.5px!important;
    font-weight:650!important;
  }
  .account-menu .customer-service-link{
    grid-template-columns:none!important;
    grid-template-rows:none!important;
  }
  .account-menu .customer-service-link>svg,
  .account-menu .customer-service-link>.instagram-glyph{
    width:18px!important;height:18px!important;min-width:18px!important;
    font-size:15px!important;grid-row:auto!important;color:#55636d!important;
  }
  .account-menu .customer-service-link>span:nth-child(2){
    min-width:0!important;display:flex!important;align-items:center!important;gap:4px!important;
  }
  .account-menu .customer-service-link b{font-size:10.5px!important;color:#26333d!important}
  .account-menu .customer-service-link small{display:none!important}
  .account-menu .customer-service-link>span:last-child{margin-left:auto!important;display:block!important;color:#9aa3aa!important}
  .account-menu .instagram-contact{background:#fff!important;border:0!important}
  .account-menu .logout-menu{
    margin-top:3px!important;
    border-top:1px solid #edf0f3!important;
    color:#8e3157!important;
  }
  .account-menu>button[data-menu]:active,
  .account-menu .customer-service-link:active,
  .account-menu .logout-menu:active{background:#f7f8fa!important;transform:none!important}

  /* flatter marketplace sections */
  .store{background:#f1f3f6!important}
  .discovery-shelf{
    margin:0 0 7px!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    background:#fff!important;
  }
  .discovery-head{
    min-height:44px!important;
    padding:8px 10px!important;
    background:#fff!important;
    border-bottom:1px solid #eceff2!important;
  }
  .discovery-head small{
    font-size:7.5px!important;
    letter-spacing:.10em!important;
    color:#78828a!important;
  }
  .discovery-head h2{
    margin-top:1px!important;
    font-size:14px!important;
    color:#20262c!important;
  }

  /* recommendation rails: smaller cards, 2.5–3 visible */
  .discovery-grid{
    padding:0!important;
    gap:0!important;
    background:#fff!important;
  }
  .discovery-grid .shelf-product{
    flex:0 0 38%!important;
    min-width:38%!important;
    border-right:1px solid #edf0f2!important;
    background:#fff!important;
  }
  .shelf-photo{background:#fff!important}
  .shelf-photo img{
    aspect-ratio:1.05/1!important;
    object-fit:contain!important;
    background:#fff!important;
  }
  .shelf-wish{
    width:24px!important;height:24px!important;
    top:6px!important;right:6px!important;
    font-size:13px!important;
    box-shadow:0 2px 6px rgba(26,36,44,.08)!important;
  }
  .shelf-copy{padding:6px 7px 8px!important}
  .shelf-copy>small{font-size:7px!important;color:#8b9298!important}
  .shelf-copy h3{
    margin:2px 0 4px!important;
    font-size:9.5px!important;
    line-height:1.2!important;
    min-height:23px!important;
    max-height:23px!important;
  }
  .shelf-copy strong{font-size:11.5px!important}
  .shelf-copy del{font-size:7.5px!important}
  .shelf-discount{font-size:7px!important;padding:2px 4px!important;left:5px!important;bottom:5px!important}

  /* all products: compact 2-column marketplace cards */
  #productsSection.shelf{
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    background:#fff!important;
  }
  #productsSection .catalog-toolbar{
    min-height:44px!important;
    padding:7px 9px!important;
    border-bottom:1px solid #eceff2!important;
  }
  #productsSection .catalog-heading h2{font-size:14px!important}
  #productsSection .catalog-heading span{font-size:8px!important}
  #allProducts.product-grid{
    padding:0!important;
    gap:0!important;
    background:#fff!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  #allProducts .product-card{
    border:0!important;
    border-right:1px solid #edf0f2!important;
    border-bottom:1px solid #edf0f2!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
  #allProducts .card-photo-wrap{padding:6px 7px 0!important}
  #allProducts .product-card .photo{border-radius:0!important;background:#fff!important}
  #allProducts .product-card .photo img{
    aspect-ratio:1.16/1!important;
    object-fit:contain!important;
    background:#fff!important;
  }
  #allProducts .wishlist-toggle{
    width:25px!important;height:25px!important;
    top:6px!important;right:6px!important;
    font-size:14px!important;
  }
  #allProducts .product-body{padding:6px 8px 8px!important}
  #allProducts .product-body>small{font-size:7px!important}
  #allProducts .product-body h3{
    margin:2px 0 3px!important;
    font-size:9.5px!important;
    line-height:1.2!important;
    min-height:23px!important;
    max-height:23px!important;
  }
  #allProducts .variant-line{
    font-size:7.5px!important;
    line-height:1!important;
    margin:0 0 3px!important;
  }
  #allProducts .product-body .prices{min-height:17px!important;gap:3px!important}
  #allProducts .product-body .prices strong{font-size:11.5px!important}
  #allProducts .product-body .prices del,
  #allProducts .discount-text{font-size:7.5px!important}
  #allProducts .stock-label{font-size:7px!important;padding:2px 4px!important}

  /* bottom nav: quieter */
  .bottom-nav{
    height:54px!important;
    min-height:54px!important;
    background:#fff!important;
    box-shadow:0 -2px 10px rgba(24,34,42,.06)!important;
  }
  .bottom-nav button{font-size:8px!important}
  .bottom-nav button>span{width:24px!important;height:24px!important;min-width:24px!important}
  .bottom-nav button>span svg{width:17px!important;height:17px!important}
  .bottom-nav button.is-current>span{background:#f5edf3!important}
}
/* ===== v60 final mobile card scale ===== */
@media(max-width:760px){
  .discovery-grid .shelf-photo img{
    height:clamp(108px,31vw,128px)!important;
    aspect-ratio:auto!important;
    object-fit:contain!important;
  }
  #allProducts .product-card{min-height:0!important;height:auto!important}
  #allProducts .product-card .photo img{
    height:clamp(118px,34vw,138px)!important;
    aspect-ratio:auto!important;
    object-fit:contain!important;
  }
  #allProducts .product-body{padding:5px 7px 7px!important}
  #allProducts .product-body h3{
    font-size:9.2px!important;
    min-height:22px!important;
    max-height:22px!important;
  }
}
/* ===== v61 stop mobile grid card stretching ===== */
@media(max-width:760px){
  #allProducts.product-grid{align-items:start!important}
  #allProducts .product-card{align-self:start!important}
}
/* ===== v62 remove legacy forced card height ===== */
@media(max-width:760px){
  #allProducts .product-card .photo{
    height:128px!important;
    aspect-ratio:auto!important;
    display:block!important;
  }
  #allProducts .product-card .photo img{
    width:100%!important;
    height:100%!important;
    padding:0!important;
    aspect-ratio:auto!important;
    object-fit:contain!important;
  }
  #allProducts .product-body{
    flex:none!important;
    min-height:0!important;
    height:auto!important;
  }
}

/* ===== v63 polished marketplace chrome ===== */
@media(max-width:760px){
  /* Perfectly centered top actions */
  .site-header .header-actions{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:5px!important;
  }
  .site-header .header-actions .icon-btn{
    display:grid!important;
    place-items:center!important;
    position:relative!important;
    width:36px!important;
    min-width:36px!important;
    height:36px!important;
    min-height:36px!important;
    padding:0!important;
    margin:0!important;
    border-radius:10px!important;
    line-height:0!important;
    overflow:visible!important;
    transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease!important;
  }
  .site-header .header-actions .icon-btn svg{
    display:block!important;
    position:static!important;
    width:18px!important;
    height:18px!important;
    margin:0!important;
    transform:none!important;
    flex:none!important;
  }
  .site-header .header-actions .action-profile{
    color:#255f8a!important;
    background:linear-gradient(180deg,#fbfdff,#f2f8fc)!important;
    border:1px solid #d9e7f0!important;
  }
  .site-header .header-actions .action-wishlist{
    color:#b8326f!important;
    background:linear-gradient(180deg,#fff,#fff5f9)!important;
    border:1px solid #f0dce6!important;
  }
  .site-header .header-actions .action-cart{
    color:#167c69!important;
    background:linear-gradient(180deg,#fff,#f1fbf7)!important;
    border:1px solid #d7ebe5!important;
  }
  .site-header .header-actions .icon-btn:active{
    transform:scale(.93)!important;
    box-shadow:none!important;
  }
  .site-header .cart-nav em{
    top:-5px!important;
    right:-5px!important;
    background:#24558a!important;
    color:#fff!important;
    border:2px solid #fff!important;
  }

  /* Thin premium color line under search */
  .search-band::after{
    content:"";
    display:block;
    height:2px;
    margin:7px -9px -7px;
    background:linear-gradient(90deg,#2e6fa3 0 33%,#b8326f 33% 66%,#16806f 66% 100%);
    opacity:.58;
  }

  /* Trust strip */
  .home-trust-strip{
    display:flex!important;
    align-items:center!important;
    gap:0!important;
    margin:0 0 7px!important;
    padding:0!important;
    height:40px!important;
    overflow-x:auto!important;
    scrollbar-width:none!important;
    background:#fff!important;
    border-top:1px solid #edf0f2!important;
    border-bottom:1px solid #edf0f2!important;
  }
  .home-trust-strip::-webkit-scrollbar{display:none}
  .home-trust-strip>span{
    flex:1 0 auto;
    min-width:118px;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    padding:0 9px;
    border-right:1px solid #edf0f2;
    color:#3b4650;
  }
  .home-trust-strip b{
    font-size:8.5px;
    font-weight:720;
    white-space:nowrap;
  }
  .trust-icon{
    width:22px;height:22px;border-radius:7px;
    display:grid;place-items:center;
    font-style:normal;font-size:10px;font-weight:900;
  }
  .trust-blue{background:#eef6fd;color:#2d6f9f}
  .trust-amber{background:#fff7df;color:#a36d08}
  .trust-teal{background:#edf9f5;color:#167965}

  /* Profile menu grouped, compact and consistent */
  .account-menu{
    width:262px!important;
    padding:7px!important;
    gap:0!important;
    border-radius:13px!important;
    background:#fff!important;
  }
  .account-menu .menu-identity{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    min-height:52px!important;
    padding:7px 8px!important;
    margin:0 0 4px!important;
    background:linear-gradient(135deg,#f7fbff,#fff7fb)!important;
    border:1px solid #e8edf1!important;
    border-radius:9px!important;
  }
  .menu-avatar{
    width:31px;height:31px;min-width:31px;
    display:grid;place-items:center;
    border-radius:9px;
    color:#376b92;
    background:#eaf4fb;
  }
  .menu-avatar svg{width:17px;height:17px}
  .menu-identity-copy{min-width:0;display:grid;gap:2px}
  .account-menu .menu-identity-copy strong{
    font-size:11px!important;
    line-height:1.15!important;
    color:#25343f!important;
  }
  .account-menu .menu-identity-copy small{
    font-size:8.2px!important;
    color:#7d8992!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    max-width:195px!important;
  }
  .menu-section{
    padding:3px 0!important;
    border-bottom:1px solid #eef1f3!important;
  }
  .menu-section:last-of-type{border-bottom:0!important}
  .menu-section-title{
    display:block!important;
    padding:4px 7px 3px!important;
    font-size:7px!important;
    letter-spacing:.11em!important;
    font-weight:800!important;
    color:#9aa3aa!important;
  }
  .account-menu .menu-section button[data-menu],
  .account-menu .menu-section .customer-service-link,
  .account-menu .logout-menu{
    width:100%!important;
    min-height:42px!important;
    height:42px!important;
    display:grid!important;
    grid-template-columns:28px minmax(0,1fr) 12px!important;
    align-items:center!important;
    gap:7px!important;
    padding:0 7px!important;
    border:0!important;
    border-radius:8px!important;
    background:#fff!important;
    text-decoration:none!important;
    color:#27343d!important;
    box-shadow:none!important;
    margin:0!important;
  }
  .account-menu .menu-section button[data-menu]:active,
  .account-menu .menu-section .customer-service-link:active,
  .account-menu .logout-menu:active{background:#f7f9fa!important}
  .menu-row-icon{
    width:27px;height:27px;min-width:27px;
    border-radius:8px;
    display:grid!important;place-items:center!important;
  }
  .menu-row-icon svg{width:14px!important;height:14px!important}
  .menu-row-blue{background:#edf6fd;color:#2e6f9d}
  .menu-row-teal{background:#edf9f5;color:#187966}
  .menu-row-amber{background:#fff7e3;color:#9d6a0d}
  .menu-row-rose{background:#fff0f6;color:#b8326f}
  .menu-row-green{background:#edf9f2;color:#14825d}
  .menu-row-purple{background:#f6effb;color:#8052a4}
  .menu-row-neutral{background:#f3f5f6;color:#64717a}
  .menu-row-copy{
    min-width:0!important;
    display:grid!important;
    gap:1px!important;
    text-align:left!important;
  }
  .menu-row-copy b{
    font-size:9.8px!important;
    line-height:1.12!important;
    font-weight:720!important;
    color:#293740!important;
  }
  .menu-row-copy small{
    display:block!important;
    font-size:7.5px!important;
    line-height:1.12!important;
    color:#929ca3!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  .menu-chevron{
    justify-self:end!important;
    color:#9aa5ac!important;
    font-size:14px!important;
    line-height:1!important;
  }
  .account-menu .instagram-glyph{
    width:auto!important;height:auto!important;
    color:inherit!important;font-size:15px!important;
  }
  .account-menu .logout-menu{
    margin-top:4px!important;
    border-top:1px solid #edf0f2!important;
    border-radius:7px!important;
    min-height:43px!important;
    height:43px!important;
  }
  .account-menu.guest-menu .signed-only{display:none!important}

  /* Category colors remain subtle, but more deliberate */
  #categoryTiles.collection-grid .collection-card:nth-child(6n+1) .category-icon{background:#f3ecf5!important;color:#6b2858!important}
  #categoryTiles.collection-grid .collection-card:nth-child(6n+2) .category-icon{background:#eef6fd!important;color:#2d6f9f!important}
  #categoryTiles.collection-grid .collection-card:nth-child(6n+3) .category-icon{background:#fff4e6!important;color:#a66f12!important}
  #categoryTiles.collection-grid .collection-card:nth-child(6n+4) .category-icon{background:#edf9f5!important;color:#167965!important}
  #categoryTiles.collection-grid .collection-card:nth-child(6n+5) .category-icon{background:#fff0f6!important;color:#b8326f!important}
  #categoryTiles.collection-grid .collection-card:nth-child(6n) .category-icon{background:#f1effb!important;color:#6655a5!important}

  /* Section identity without giant boxes */
  #featuredSection .discovery-head{box-shadow:inset 3px 0 0 #2e6fa3!important}
  #newSection .discovery-head{box-shadow:inset 3px 0 0 #b8326f!important}
  #productsSection .catalog-toolbar{box-shadow:inset 3px 0 0 #16806f!important}
  #featuredSection .discovery-head small{color:#2e6fa3!important}
  #newSection .discovery-head small{color:#b8326f!important}
  #productsSection .catalog-heading h2{color:#23313b!important}

  /* Product card finishing details */
  .shelf-product,.product-card{transition:transform .16s ease,box-shadow .16s ease!important}
  .shelf-product:active,#allProducts .product-card:active{transform:scale(.985)!important}
  .shelf-discount,.discount-badge{background:#16834b!important}
  .discount-text{color:#16834b!important}
}

/* ===== v64 product information polish ===== */
.product-meta{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:4px;
  margin-top:5px;
}
.product-meta span{
  display:inline-flex;
  align-items:center;
  min-height:17px;
  padding:0 6px;
  border-radius:5px;
  font-size:8px;
  line-height:1;
  font-weight:700;
  white-space:nowrap;
  background:#f3f5f6;
  color:#65717a;
}
.product-meta .meta-cod{
  background:#edf9f3;
  color:#177553;
}
.product-meta .meta-low{
  background:#fff5df;
  color:#a06408;
}
@media(max-width:760px){
  #allProducts .product-body .prices{
    display:flex!important;
    align-items:center!important;
    flex-wrap:wrap!important;
  }
  #allProducts .product-meta{
    gap:3px!important;
    margin-top:4px!important;
  }
  #allProducts .product-meta span{
    min-height:15px!important;
    padding:0 5px!important;
    border-radius:4px!important;
    font-size:6.8px!important;
  }
  #allProducts .product-card:nth-child(4n+1) .photo{background:linear-gradient(180deg,#fff,#f8fbfe)!important}
  #allProducts .product-card:nth-child(4n+2) .photo{background:linear-gradient(180deg,#fff,#fff9fb)!important}
  #allProducts .product-card:nth-child(4n+3) .photo{background:linear-gradient(180deg,#fff,#f8fcfa)!important}
  #allProducts .product-card:nth-child(4n) .photo{background:linear-gradient(180deg,#fff,#fffaf2)!important}
}

/* ===== v66 professional interaction polish ===== */
.account-menu{
  transform-origin:top right!important;
}
.account-menu:not([hidden]){
  animation:accountMenuOpen .22s cubic-bezier(.2,.82,.25,1.08) both!important;
}
@keyframes accountMenuOpen{
  from{opacity:0;transform:translateY(-8px) scale(.97);filter:blur(2px)}
  to{opacity:1;transform:none;filter:none}
}
.menu-section button[data-menu],
.menu-section .customer-service-link,
.logout-menu{
  transition:background .16s ease,transform .16s ease,color .16s ease!important;
}
.menu-section button[data-menu]:hover,
.menu-section .customer-service-link:hover,
.logout-menu:hover{
  background:#f7f9fb!important;
}
.menu-section button[data-menu]:active,
.menu-section .customer-service-link:active,
.logout-menu:active{
  transform:scale(.985)!important;
}
.menu-row-icon{
  transition:transform .18s cubic-bezier(.2,.75,.25,1.2),box-shadow .18s ease!important;
}
.menu-section button[data-menu]:hover .menu-row-icon,
.menu-section .customer-service-link:hover .menu-row-icon{
  transform:translateY(-1px) scale(1.04)!important;
  box-shadow:0 4px 10px rgba(35,45,55,.08)!important;
}
.menu-chevron{
  transition:transform .18s ease!important;
}
.menu-section button[data-menu]:hover .menu-chevron,
.menu-section .customer-service-link:hover .menu-chevron{
  transform:translateX(2px)!important;
}

.site-header .header-actions .icon-btn{
  will-change:transform;
}
.site-header .header-actions .icon-btn:hover{
  transform:translateY(-1px)!important;
  box-shadow:0 6px 16px rgba(40,30,38,.09)!important;
}
.site-header .header-actions .icon-btn:active{
  transform:scale(.93)!important;
}

.collection-card .category-icon{
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease!important;
}
.collection-card:hover .category-icon{
  transform:translateY(-2px)!important;
  box-shadow:0 5px 12px rgba(47,39,45,.08)!important;
}
.collection-card:active .category-icon{
  transform:scale(.94)!important;
}

.shelf-product,.product-card{
  overflow:hidden;
}
.shelf-product .shelf-photo img,
.product-card .photo img{
  transition:transform .24s ease,filter .24s ease!important;
}
.shelf-product:hover .shelf-photo img,
.product-card:hover .photo img{
  transform:scale(1.025)!important;
}
.shelf-product:active .shelf-photo img,
.product-card:active .photo img{
  transform:scale(.99)!important;
}
.product-meta span{
  transition:transform .15s ease,background .15s ease!important;
}
.product-card:hover .product-meta span{
  transform:translateY(-1px);
}

@media(max-width:760px){
  .account-menu{
    top:44px!important;
    right:-2px!important;
    width:min(266px,calc(100vw - 18px))!important;
    border-radius:14px!important;
    box-shadow:0 18px 44px rgba(31,24,29,.18)!important;
  }
  .account-menu .menu-identity{
    min-height:54px!important;
    padding:8px!important;
  }
  .menu-section{
    padding:4px 0!important;
  }
  .account-menu .menu-section button[data-menu],
  .account-menu .menu-section .customer-service-link,
  .account-menu .logout-menu{
    min-height:43px!important;
    height:43px!important;
  }
  .site-header .header-actions .icon-btn:hover{
    transform:none!important;
    box-shadow:0 2px 8px rgba(46,27,40,.045)!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .account-menu:not([hidden]),
  .menu-row-icon,
  .menu-chevron,
  .site-header .header-actions .icon-btn,
  .collection-card .category-icon,
  .shelf-product .shelf-photo img,
  .product-card .photo img{animation:none!important;transition:none!important}
}

/* ===== v68 desktop account-menu hardening ===== */
#hb-badge{display:none!important}

.account-menu{
  position:absolute!important;
  top:48px!important;
  right:0!important;
  width:278px!important;
  max-width:calc(100vw - 20px)!important;
  max-height:min(560px,calc(100vh - 90px))!important;
  overflow:auto!important;
  padding:8px!important;
  border:1px solid #e7e2e6!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 18px 48px rgba(35,25,32,.18)!important;
  z-index:9999!important;
}
.account-menu[hidden]{display:none!important}
.account-menu.guest-menu .signed-only{display:none!important}

.account-menu .menu-identity{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  min-height:56px!important;
  padding:8px 9px!important;
  margin:0 0 5px!important;
  border:1px solid #e8edf1!important;
  border-radius:10px!important;
  background:linear-gradient(135deg,#f7fbff,#fff7fb)!important;
}
.account-menu .menu-avatar{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  min-height:34px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  margin:0!important;
  border-radius:10px!important;
  color:#376b92!important;
  background:#eaf4fb!important;
}
.account-menu .menu-avatar svg{
  display:block!important;
  width:18px!important;
  height:18px!important;
  max-width:18px!important;
  max-height:18px!important;
  margin:0!important;
}
.account-menu .menu-identity-copy{
  min-width:0!important;
  display:grid!important;
  gap:2px!important;
}
.account-menu .menu-identity-copy strong{
  font-size:12px!important;
  line-height:1.15!important;
  color:#24343e!important;
}
.account-menu .menu-identity-copy small{
  display:block!important;
  max-width:205px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:9px!important;
  color:#7d8992!important;
}

.account-menu .menu-section{
  padding:4px 0!important;
  margin:0!important;
  border-bottom:1px solid #eef1f3!important;
}
.account-menu .menu-section:last-of-type{border-bottom:0!important}
.account-menu .menu-section-title{
  display:block!important;
  padding:5px 8px 4px!important;
  font-size:8px!important;
  line-height:1!important;
  letter-spacing:.11em!important;
  font-weight:800!important;
  color:#98a2aa!important;
}

.account-menu .menu-section button[data-menu],
.account-menu .menu-section .customer-service-link,
.account-menu .logout-menu{
  width:100%!important;
  min-height:44px!important;
  height:44px!important;
  display:grid!important;
  grid-template-columns:30px minmax(0,1fr) 14px!important;
  align-items:center!important;
  gap:8px!important;
  padding:0 8px!important;
  margin:0!important;
  border:0!important;
  border-radius:9px!important;
  background:#fff!important;
  color:#27343d!important;
  text-decoration:none!important;
  box-shadow:none!important;
}
.account-menu .menu-section button[data-menu]:hover,
.account-menu .menu-section .customer-service-link:hover,
.account-menu .logout-menu:hover{
  background:#f7f9fb!important;
}
.account-menu .menu-row-icon{
  width:29px!important;
  height:29px!important;
  min-width:29px!important;
  min-height:29px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  margin:0!important;
  border-radius:8px!important;
}
.account-menu .menu-row-icon svg{
  display:block!important;
  width:15px!important;
  height:15px!important;
  max-width:15px!important;
  max-height:15px!important;
  margin:0!important;
}
.account-menu .menu-row-copy{
  min-width:0!important;
  display:grid!important;
  gap:2px!important;
  text-align:left!important;
}
.account-menu .menu-row-copy b{
  font-size:10.5px!important;
  line-height:1.12!important;
  font-weight:720!important;
  color:#293740!important;
}
.account-menu .menu-row-copy small{
  display:block!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:8px!important;
  line-height:1.1!important;
  color:#909aa2!important;
}
.account-menu .menu-chevron{
  justify-self:end!important;
  font-size:14px!important;
  line-height:1!important;
  color:#9aa5ac!important;
}
.account-menu .logout-menu{
  margin-top:5px!important;
  border-top:1px solid #edf0f2!important;
}
.account-menu .instagram-glyph{
  width:auto!important;
  height:auto!important;
  font-size:15px!important;
  line-height:1!important;
}

@media(min-width:761px){
  .site-header .header-actions{position:relative!important}
  .account-menu{top:46px!important;right:0!important}
}
/* ===== v69 BUYZZY brand motion ===== */
.brand img,.identity-brand img,.footer-identity img{
  filter:drop-shadow(0 6px 14px rgba(49,46,129,.16));
  transition:transform .24s cubic-bezier(.2,.8,.2,1),filter .24s ease;
}
.brand:hover img{
  transform:translateY(-1px) rotate(-2deg) scale(1.035);
  filter:drop-shadow(0 9px 18px rgba(6,182,212,.22));
}
.site-header .brand b{letter-spacing:.055em!important}
.site-header .brand small{color:#68707c!important}
.site-header .header-actions .action-profile{
  color:#3730a3!important;
  background:linear-gradient(180deg,#fff,#f3f4ff)!important;
  border-color:#e1e3fb!important;
}
.site-header .header-actions .action-wishlist{
  color:#7c3aed!important;
  background:linear-gradient(180deg,#fff,#faf5ff)!important;
  border-color:#eadcff!important;
}
.site-header .header-actions .action-cart{
  color:#0f766e!important;
  background:linear-gradient(180deg,#fff,#effcf9)!important;
  border-color:#d6f1ea!important;
}
.search-band::after{
  background:linear-gradient(90deg,#312e81 0 34%,#7c3aed 34% 67%,#06b6d4 67% 100%)!important;
}
@keyframes buyzzyPulse{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-1.5px)}
}
@media(max-width:760px) and (prefers-reduced-motion:no-preference){
  .site-header .brand img{animation:buyzzyPulse 3.8s ease-in-out infinite}
}

/* ===== v70 premium BUYZZY profile ===== */
.site-header .header-actions .action-profile{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  min-width:40px!important;
  height:40px!important;
  padding:3px 9px 3px 4px!important;
  border:1px solid #e4e7f4!important;
  border-radius:13px!important;
  background:rgba(255,255,255,.92)!important;
  color:#252a45!important;
  box-shadow:0 4px 14px rgba(24,26,54,.055)!important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease!important;
}
.site-header .header-actions .action-profile:hover{
  transform:translateY(-1px)!important;
  border-color:#cfd5f0!important;
  box-shadow:0 8px 22px rgba(49,46,129,.11)!important;
}
.profile-orb{
  position:relative!important;
  width:31px!important;
  height:31px!important;
  min-width:31px!important;
  display:grid!important;
  place-items:center!important;
  overflow:visible!important;
  border-radius:10px!important;
  color:#3730a3!important;
  background:linear-gradient(145deg,#eef2ff,#ecfeff)!important;
  box-shadow:inset 0 0 0 1px rgba(99,102,241,.12)!important;
}
.profile-orb svg{
  width:17px!important;
  height:17px!important;
}
.profile-orb-initial{
  display:none!important;
  font:800 12px/1 system-ui,sans-serif!important;
  letter-spacing:.01em!important;
}
.profile-status-dot{
  position:absolute!important;
  right:-2px!important;
  bottom:-2px!important;
  width:8px!important;
  height:8px!important;
  border:2px solid #fff!important;
  border-radius:999px!important;
  background:#a3aab5!important;
  box-shadow:0 1px 4px rgba(0,0,0,.14)!important;
}
.action-profile.is-authenticated .profile-orb{
  color:#fff!important;
  background:linear-gradient(145deg,#312e81 0%,#5b21b6 56%,#0891b2 100%)!important;
  box-shadow:0 5px 14px rgba(76,29,149,.25),inset 0 0 0 1px rgba(255,255,255,.15)!important;
}
.action-profile.is-authenticated .profile-orb-guest{display:none!important}
.action-profile.is-authenticated .profile-orb-initial{display:block!important}
.action-profile.is-authenticated .profile-status-dot{background:#22c55e!important}
.site-header .header-actions .action-profile > #accountName{
  max-width:112px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:10px!important;
  font-weight:750!important;
  letter-spacing:.005em!important;
}

/* Dropdown shell */
.account-menu{
  width:300px!important;
  max-width:calc(100vw - 18px)!important;
  padding:7px!important;
  border:1px solid rgba(224,226,238,.9)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.985)!important;
  box-shadow:0 24px 64px rgba(24,24,45,.18),0 3px 12px rgba(24,24,45,.06)!important;
  backdrop-filter:blur(14px)!important;
  overflow:auto!important;
}
.account-menu:not([hidden]){
  animation:buyzzyProfileOpen .22s cubic-bezier(.18,.82,.25,1.08) both!important;
}
@keyframes buyzzyProfileOpen{
  from{opacity:0;transform:translateY(-7px) scale(.975)}
  to{opacity:1;transform:none}
}

/* Premium identity card */
.account-menu .menu-identity{
  position:relative!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
  min-height:72px!important;
  padding:11px!important;
  margin:0 0 7px!important;
  border:0!important;
  border-radius:14px!important;
  overflow:hidden!important;
  color:#fff!important;
  background:
    radial-gradient(circle at 92% 12%,rgba(34,211,238,.26),transparent 30%),
    linear-gradient(135deg,#17182b 0%,#312e81 54%,#4c1d95 100%)!important;
  box-shadow:0 9px 22px rgba(49,46,129,.18)!important;
}
.account-menu .menu-identity::after{
  content:""!important;
  position:absolute!important;
  width:72px!important;
  height:72px!important;
  right:-25px!important;
  bottom:-32px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:999px!important;
}
.account-menu .menu-avatar{
  position:relative!important;
  z-index:1!important;
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  min-height:42px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(255,255,255,.22)!important;
  border-radius:12px!important;
  color:#fff!important;
  background:rgba(255,255,255,.13)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12)!important;
}
.account-menu .menu-avatar b{
  font:800 15px/1 system-ui,sans-serif!important;
}
.account-menu .menu-avatar i{
  position:absolute!important;
  right:-2px!important;
  bottom:-2px!important;
  width:9px!important;
  height:9px!important;
  border:2px solid #312e81!important;
  border-radius:999px!important;
  background:#9ca3af!important;
}
.account-menu:not(.guest-menu) .menu-avatar i{background:#22c55e!important}
.account-menu .menu-identity-copy{
  position:relative!important;
  z-index:1!important;
  min-width:0!important;
  display:grid!important;
  gap:2px!important;
}
.account-menu .menu-kicker{
  font-size:7px!important;
  line-height:1!important;
  letter-spacing:.13em!important;
  font-weight:800!important;
  color:#a5f3fc!important;
}
.account-menu .menu-identity-copy strong{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:12px!important;
  line-height:1.15!important;
  color:#fff!important;
}
.account-menu .menu-identity-copy small{
  max-width:160px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:8.5px!important;
  color:rgba(255,255,255,.68)!important;
}
.account-menu .menu-security-pill{
  position:relative!important;
  z-index:1!important;
  align-self:start!important;
  padding:4px 6px!important;
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:999px!important;
  font-size:7px!important;
  line-height:1!important;
  font-weight:800!important;
  color:#d8d9e8!important;
  background:rgba(255,255,255,.08)!important;
}
.account-menu .menu-security-pill.is-signed{
  color:#bbf7d0!important;
  border-color:rgba(134,239,172,.2)!important;
  background:rgba(34,197,94,.13)!important;
}

/* Sections */
.account-menu .menu-section{
  margin:0!important;
  padding:5px 2px!important;
  border-bottom:1px solid #eef0f5!important;
}
.account-menu .menu-section-title{
  padding:4px 7px 5px!important;
  font-size:7.5px!important;
  letter-spacing:.13em!important;
  font-weight:850!important;
  color:#9aa0ae!important;
}
.account-menu .menu-section button[data-menu],
.account-menu .menu-section .customer-service-link,
.account-menu .logout-menu{
  min-height:45px!important;
  height:45px!important;
  grid-template-columns:32px minmax(0,1fr) 16px!important;
  gap:9px!important;
  padding:0 8px!important;
  border-radius:10px!important;
  transition:background .16s ease,transform .16s ease,box-shadow .16s ease!important;
}
.account-menu .menu-section button[data-menu]:hover,
.account-menu .menu-section .customer-service-link:hover{
  transform:translateX(1px)!important;
  background:#f7f8fc!important;
}
.account-menu .menu-row-icon{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  min-height:30px!important;
  border-radius:9px!important;
  box-shadow:inset 0 0 0 1px rgba(22,27,45,.035)!important;
}
.account-menu .menu-row-icon svg{
  width:15px!important;
  height:15px!important;
}
.menu-row-blue{color:#2563eb!important;background:#eff6ff!important}
.menu-row-teal{color:#0f766e!important;background:#ecfdf5!important}
.menu-row-amber{color:#b45309!important;background:#fffbeb!important}
.menu-row-rose{color:#be185d!important;background:#fdf2f8!important}
.menu-row-green{color:#15803d!important;background:#f0fdf4!important}
.menu-row-purple{color:#7e22ce!important;background:#faf5ff!important}
.menu-row-neutral{color:#475569!important;background:#f8fafc!important}
.account-menu .menu-row-copy b{
  font-size:10.5px!important;
  font-weight:760!important;
  color:#242937!important;
}
.account-menu .menu-row-copy small{
  font-size:8px!important;
  color:#8b92a0!important;
}
.account-menu .menu-chevron{
  font-size:14px!important;
  color:#a6acb8!important;
}

/* Support cards */
.account-menu .support-social-section{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:5px!important;
  padding:6px 2px 7px!important;
}
.account-menu .support-social-section .menu-section-title{
  grid-column:1/-1!important;
}
.account-menu .support-social-section .customer-service-link{
  min-width:0!important;
  height:auto!important;
  min-height:76px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:5px!important;
  padding:9px!important;
  border:1px solid #e8ebf1!important;
  border-radius:12px!important;
  background:#fff!important;
}
.account-menu .support-social-section .customer-service-link:first-of-type{
  background:linear-gradient(145deg,#f4fff7,#f8fffb)!important;
  border-color:#dff2e4!important;
}
.account-menu .support-social-section .instagram-contact{
  background:linear-gradient(145deg,#fff8fd,#fbf8ff)!important;
  border-color:#eee3f8!important;
}
.account-menu .support-social-section .menu-row-copy{
  gap:2px!important;
}
.account-menu .support-social-section .menu-row-copy b{
  font-size:9px!important;
}
.account-menu .support-social-section .menu-row-copy small{
  max-width:100px!important;
  white-space:normal!important;
  line-height:1.2!important;
}
.account-menu .support-social-section .menu-chevron{
  position:absolute!important;
  right:9px!important;
  top:9px!important;
}
.account-menu .support-social-section .customer-service-link{
  position:relative!important;
}

/* Bottom sign-in / logout CTA */
.account-menu .logout-menu{
  margin-top:6px!important;
  min-height:47px!important;
  height:47px!important;
  border:1px solid #e7e9ef!important;
  background:#fafbfc!important;
}
.account-menu.guest-menu .logout-menu{
  color:#fff!important;
  border-color:transparent!important;
  background:linear-gradient(135deg,#312e81,#5b21b6)!important;
  box-shadow:0 8px 18px rgba(76,29,149,.15)!important;
}
.account-menu.guest-menu .logout-menu .menu-row-icon{
  color:#fff!important;
  background:rgba(255,255,255,.13)!important;
}
.account-menu.guest-menu .logout-menu .menu-row-copy b{color:#fff!important}
.account-menu.guest-menu .logout-menu .menu-row-copy small{color:rgba(255,255,255,.67)!important}
.account-menu.guest-menu .logout-menu .menu-chevron{color:rgba(255,255,255,.75)!important}
.account-menu:not(.guest-menu) .logout-menu:hover{
  color:#991b1b!important;
  background:#fff7f7!important;
  border-color:#fee2e2!important;
}

/* Mobile fit */
@media(max-width:760px){
  .site-header .header-actions .action-profile{
    width:40px!important;
    min-width:40px!important;
    padding:4px!important;
    border-radius:12px!important;
  }
  .site-header .header-actions .action-profile > #accountName{display:none!important}
  .profile-orb{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
  }
  .account-menu{
    top:46px!important;
    right:-4px!important;
    width:min(300px,calc(100vw - 16px))!important;
    max-height:calc(100vh - 82px)!important;
    border-radius:17px!important;
  }
  .account-menu .menu-identity{
    min-height:68px!important;
    padding:10px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .account-menu:not([hidden]){animation:none!important}
  .profile-orb,.action-profile,.customer-service-link,.menu-section button[data-menu]{transition:none!important}
}
/* ===== v71 mobile profile final ===== */
@media(max-width:760px){
  .site-header .header-actions .action-profile > .profile-orb{
    display:grid!important;
  }
  .site-header .header-actions .action-profile > .profile-orb > .profile-orb-initial{
    display:none!important;
  }
  .site-header .header-actions .action-profile.is-authenticated > .profile-orb > .profile-orb-initial{
    display:block!important;
  }
  .site-header .header-actions .action-profile > .profile-orb > svg{
    display:block!important;
  }
  .site-header .header-actions .action-profile.is-authenticated > .profile-orb > svg{
    display:none!important;
  }
}