/* ===== BROWSE & GALLERY PAGES — browse.css ===== */
.browse-index { max-width:600px; margin:0 auto; padding:0 1rem; }
.browse-group-list { list-style:none; display:flex; flex-direction:column; gap:0.8rem; margin:1.5rem 0; }
.browse-group-list a { display:flex; justify-content:space-between; align-items:center; padding:0.8rem 1.2rem; background:rgba(255,255,255,0.7); border:1px solid rgba(138,106,74,0.25); border-radius:4px; text-decoration:none; color:#2e2418; font-family:Georgia,serif; font-size:1rem; transition:background 0.15s; }
.browse-group-list a:hover { background:rgba(138,106,74,0.1); color:#8a6a4a; }
.browse-group-count { font-size:0.82rem; color:#7a6a5a; font-style:italic; }
.gallery-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.2rem; max-width:860px; margin:1.5rem auto; padding:0 1rem; }
@media(max-width:640px){ .gallery-grid{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:380px){ .gallery-grid{ grid-template-columns:1fr; } }
.gallery-tile { display:block; text-decoration:none; color:#2e2418; background:rgba(255,255,255,0.7); border:1px solid rgba(138,106,74,0.2); border-radius:4px; transition:box-shadow 0.15s; }
.gallery-tile:hover { box-shadow:0 4px 16px rgba(138,106,74,0.25); }
.gallery-tile img { width:100%; aspect-ratio:3/4; object-fit:contain; background:#f0ebe0; display:block; padding:6px; }
.gallery-tile-body { padding:0.6rem 0.7rem; }
.gallery-tile-title { font-size:0.82rem; font-variant:small-caps; letter-spacing:0.04em; color:#2e2418; margin-bottom:0.2rem; line-height:1.3; }
.gallery-tile-price { font-size:0.85rem; font-weight:600; color:#8a6a4a; }
.tribe-filter { max-width:600px; margin:1rem auto; padding:0 1rem; }
.tribe-filter select { width:100%; padding:0.6rem 1rem; border:1px solid #8a6a4a; background:rgba(250,245,235,0.95); font-family:Georgia,serif; font-size:0.95rem; color:#2e2418; border-radius:3px; cursor:pointer; }
.browse-back { text-align:center; margin:1rem auto; font-size:0.9rem; }
.browse-back a { color:#8a6a4a; text-decoration:none; font-style:italic; }
.featured-grid { max-width:860px; margin:1.5rem auto; padding:0 1rem; display:grid; grid-template-columns:repeat(2,1fr); gap:1.5rem; }
@media(max-width:500px){ .featured-grid{ grid-template-columns:1fr; } }
.featured-card { display:block; text-decoration:none; color:#2e2418; background:rgba(255,255,255,0.8); border:1px solid rgba(138,106,74,0.25); border-radius:6px; transition:box-shadow 0.15s; }
.featured-card:hover { box-shadow:0 4px 20px rgba(138,106,74,0.25); }
.featured-card img { width:100%; height:280px; object-fit:contain; background:#f0ebe0; display:block; padding:8px; }
.featured-card-body { padding:0.8rem 1rem; }
.featured-card-title { font-size:1rem; font-variant:small-caps; letter-spacing:0.05em; margin-bottom:0.2rem; }
.featured-card-id { font-size:0.8rem; color:#7a6a5a; margin-bottom:0.3rem; }
.featured-card-price { font-size:1rem; font-weight:600; color:#8a6a4a; }
.jeanne-intro { text-align:center; font-style:italic; font-size:0.95rem; color:#7a6a5a; margin:1rem auto 0.5rem; }
.jeanne-intro a { color:#8a6a4a; text-decoration:none; border-bottom:1px dashed #8a6a4a; }
.jeanne-selector { display:flex; flex-direction:column; align-items:center; margin:0.5rem auto 1.5rem; max-width:360px; }
.jeanne-ring-wrap { position:relative; width:320px; height:320px; }
.jeanne-ring-wrap img.selector-ring { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; pointer-events:none; z-index:1; }
.jeanne-ring-inner { position:absolute; inset:0; z-index:2; display:flex; flex-direction:column; align-items:center; padding:18px 36px 36px; }
.jeanne-figure { width:130px; height:auto; display:block; margin:0 auto; flex-shrink:0; }
.selector-title { font-size:0.78rem; font-weight:bold; letter-spacing:0.18em; text-transform:uppercase; color:#2e2418; text-align:center; margin:0.6rem 0 0.2rem; }
.selector-q-label { font-size:0.7rem; letter-spacing:0.14em; text-transform:uppercase; color:#8a6a4a; text-align:center; margin-bottom:0.25rem; min-height:1rem; }
.selector-dropdown { width:190px; padding:0.4rem 1.5rem 0.4rem 0.7rem; border:1px solid #8a6a4a; background:rgba(250,245,235,0.95); color:#2e2418; font-family:Georgia,serif; font-size:0.82rem; border-radius:3px; cursor:pointer; appearance:none; -webkit-appearance:none; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%238a6a4a'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 0.5rem center; background-color:rgba(250,245,235,0.95); }
.selector-dropdown:focus { outline:1px solid #8a6a4a; }
.selector-reset { margin-top:0.5rem; font-size:0.75rem; color:#7a6a5a; font-style:italic; cursor:pointer; background:none; border:none; font-family:Georgia,serif; min-height:1.2rem; }
.selector-reset:hover { color:#8a6a4a; }
.plate-nav-links { text-align:center; margin:0 auto 2rem; display:flex; flex-direction:column; gap:0.6rem; align-items:center; }
.plate-nav-links a { color:#8a6a4a; font-size:0.95rem; font-style:italic; text-decoration:none; border-bottom:1px dashed #8a6a4a; display:inline-block; }
.plate-nav-links a:hover { color:#7a3a1e; border-bottom-color:#7a3a1e; }
.plate-nav-divider { width:60px; height:1px; background:rgba(138,106,74,0.3); margin:0.3rem auto; }
.plate-nav-label { font-size:0.78rem; letter-spacing:0.1em; text-transform:uppercase; color:#7a6a5a; margin-top:0.4rem; }