/* ALO PARDEH 169 — compact project swatches; no changes to stored pictures. */
.alo63-pages .alo169-design,
.alo63-pages .alo83-palette>strong.alo169-design,
.alo63-pages .alo90-saved-palette>strong.alo169-design{
  display:block!important;font-family:Georgia,'Lora',serif!important;
  font-size:17px!important;font-weight:650!important;letter-spacing:.09em;
  color:#49382d!important;line-height:1.4!important;text-align:right!important;
  margin:0 0 9px!important;
}
/* Admin cards keep their natural height; the edit/reorder controls are unchanged. */
.alo63-pages .alo81-gallery{align-items:start!important}
.alo63-pages .alo81-gallery .alo81-photo-card{align-self:start!important;height:auto!important}
.alo63-pages .alo81-gallery .alo81-card-meta{min-height:0!important;padding:8px 10px 3px!important}
.alo63-pages .alo81-gallery .alo90-saved-palette{
 display:block!important;max-width:100%;box-sizing:border-box;
 padding:9px!important;margin:3px 8px 4px!important;width:calc(100% - 16px)!important;
 border:1px solid #e6ddd2;border-radius:12px;background:#fcf9f5;
}
.alo63-pages .alo81-gallery .alo90-saved-list{display:flex!important;flex-wrap:wrap;gap:6px!important;justify-content:flex-start;align-items:start;max-width:100%}
.alo63-pages .alo81-gallery button.alo169-swatch{width:66px!important;min-width:0!important;flex:0 0 66px!important;margin:0!important}
.alo63-pages button.alo169-swatch{
 display:flex!important;flex-direction:column;align-items:center;justify-content:flex-start;
 box-sizing:border-box;gap:2px!important;padding:5px 4px!important;
 border:1px solid #e6d9cb!important;border-radius:13px!important;
 background:#fff!important;color:#3c3029!important;min-height:0!important;
 cursor:zoom-in;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;
}
.alo63-pages button.alo169-swatch img,
.alo63-pages .alo90-saved-item.alo169-swatch img{
 width:100%!important;max-width:none!important;height:auto!important;aspect-ratio:1!important;
 object-fit:cover!important;border-radius:10px!important;margin:0!important;min-height:0!important;
}
.alo63-pages button.alo169-swatch small,
.alo63-pages button.alo169-swatch span{display:block!important;font-size:10px!important;line-height:1.35!important;font-weight:500;
 max-width:100%;width:100%;text-align:center;overflow-wrap:anywhere;white-space:normal;}
.alo63-pages button.alo169-swatch:hover,.alo63-pages button.alo169-swatch:focus-visible{
 transform:translateY(-2px) scale(1.04);border-color:#a18061!important;box-shadow:0 4px 13px #57433135;
 outline:2px solid transparent;
}
.alo169-swatch-magnifier{position:fixed;z-index:2147483000;pointer-events:none;display:none;
 background:#fff;box-sizing:border-box;width:188px;padding:8px;border:1px solid #d7c4b4;
 border-radius:16px;box-shadow:0 15px 45px #0006;text-align:center;color:#45372f;}
.alo169-swatch-magnifier.is-visible{display:block}
.alo169-swatch-magnifier img{width:170px;height:155px;object-fit:contain;display:block;border-radius:11px;background:#f4eee7}
.alo169-swatch-magnifier small{font-size:11px;margin-top:5px;display:block;line-height:1.5}
/* Ordered masonry: preserves newest-first reading order, no empty rows. */
body.alo63-pages .alo63-public-grid{
 display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
 gap:14px!important;align-items:start!important;
}
body.alo63-pages .alo63-public-grid.alo169-masonry-ready{grid-auto-flow:row!important;grid-auto-rows:7px!important}
body.alo63-pages .alo63-public-grid .alo83-public-work{
 min-width:0!important;align-self:start!important;width:100%!important;height:auto!important;
 margin:0!important;break-inside:avoid;
}
.alo63-pages .alo83-public-work .alo169-public-samples{padding:7px 9px 9px!important;background:#fffcf8}
.alo63-pages .alo83-public-work .alo169-public-samples .alo83-palette{
 margin:0!important;border-top:1px solid #eee4db!important;padding:8px 0 0!important;
}
.alo63-pages .alo83-public-work .alo169-public-samples .alo83-palette-row{
 display:flex!important;flex-wrap:nowrap!important;gap:6px!important;overflow-x:auto!important;
 padding:3px 0 5px!important;scroll-snap-type:x proximity;
 scrollbar-width:thin;
}
.alo63-pages .alo83-public-work .alo169-public-samples button.alo169-swatch{
 flex:0 0 66px!important;width:66px!important;scroll-snap-align:start;
}
@media(max-width:680px){
 body.alo63-pages .alo63-public-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
 body.alo63-pages .alo63-public-grid .alo83-public-work{margin:0!important}
 .alo63-pages .alo83-public-work .alo169-public-samples{padding:6px!important}
 .alo63-pages .alo169-design,.alo63-pages .alo83-palette>strong.alo169-design{font-size:14px!important}
 .alo63-pages .alo83-public-work .alo169-public-samples button.alo169-swatch{flex-basis:57px!important;width:57px!important}
 .alo63-pages .alo81-gallery button.alo169-swatch{flex-basis:57px!important;width:57px!important}
 .alo63-pages button.alo169-swatch small,.alo63-pages button.alo169-swatch span{font-size:9px!important}
}
@media(hover:none){.alo169-swatch-magnifier{display:none!important}}
@media(prefers-reduced-motion:reduce){.alo63-pages button.alo169-swatch{transition:none!important}}