/* NEW-03/07/13: incremental continuation; no change to the accepted HERO. */
.admin>.bottom-dock{display:none}
html body.future[data-gallery-columns] .gallery-layout [data-gallery-columns]{display:inline-flex!important;align-items:center;justify-content:center;min-height:36px;min-width:36px}
html body.future[data-gallery-view="list"][data-gallery-columns] .gallery-layout [data-gallery-columns]{display:none!important}
html body.future[data-gallery-columns="2"][data-gallery-view="grid"] .grid:not(.related-row):not(.store-directory-grid),html body.future[data-gallery-columns="2"][data-gallery-view="grid"] .grid-home:not(.store-directory-grid){grid-template-columns:repeat(2,minmax(0,1fr))}
html body.future[data-gallery-columns="3"][data-gallery-view="grid"] .grid:not(.related-row):not(.store-directory-grid),html body.future[data-gallery-columns="3"][data-gallery-view="grid"] .grid-home:not(.store-directory-grid){grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:767px){
 html body.future.page-immersive{padding-bottom:calc(100px + env(safe-area-inset-bottom))!important}
 html body.future.page-immersive .product .info{margin-top:16px;position:relative;inset:auto;transform:none}
 html body.future.page-immersive .panel-handle{display:none}
 html body .gallery-layout{flex-wrap:wrap;max-width:100%}
 html body.admin:has(>.bottom-dock){padding-bottom:calc(100px + env(safe-area-inset-bottom))}
 .admin>.bottom-dock{display:block;position:fixed;left:9px;right:9px;bottom:max(8px,env(safe-area-inset-bottom));z-index:40;border-radius:28px;background:#fffaf7f5;backdrop-filter:blur(12px);box-shadow:0 3px 18px #49222514;padding:3px 3px 4px}
 .admin .bottom-dock .bottom-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;padding:0}
 .admin .bottom-nav>a{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;color:#766a73;font-size:9px;font-weight:400;min-height:51px;min-width:0;padding:4px 1px 2px;text-decoration:none;position:relative}
 .admin .bottom-nav>a.active{color:#990037;font-weight:600}
 .admin .bottom-nav .ic{width:21px;height:21px}
 .admin .bottom-nav .bn-add .ic{box-sizing:content-box;padding:10px;margin-top:-19px;border:3px solid #fffaf7;border-radius:50%;color:white;background:linear-gradient(135deg,#bd1457,#7c002c)}
}
/* 2026-11-03 (Claude): /veikali desktop keeps its approved fixed 3 columns (the 3/2 switch is phone-only in store-directory.css); a visible 2/3 control there did nothing. */
@media(min-width:768px){html body.future.page-store-directory .gallery-layout [data-gallery-columns]{display:none!important}}