/* V401 · Shared Gallery family selector — aligned with Technical navigation (TR + EN) */
.cg333-family-nav{
  border-top:1px solid rgba(39,35,31,.055);
  border-bottom:1px solid rgba(39,35,31,.10);
  background:rgba(251,250,247,.88);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.cg333-family-nav .cg271-shell{padding-top:0;padding-bottom:0}
.cg333-family-grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  border-left:1px solid rgba(39,35,31,.075);
}
.cg333-family-item{
  position:relative;
  display:flex;
  min-width:0;
  min-height:82px;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:5px;
  padding:14px 16px 13px;
  border-right:1px solid rgba(39,35,31,.075);
  text-decoration:none!important;
  color:#655e57;
  background:transparent;
  transition:background-color .22s ease,color .22s ease;
}
.cg333-family-item strong{
  display:block;
  margin:0;
  color:#4b4540;
  font-size:12.5px;
  line-height:1.2;
  font-weight:560;
  letter-spacing:.055em;
  white-space:nowrap;
}
.cg333-family-item span{
  display:block;
  max-width:175px;
  color:#91887f;
  font-size:10.7px;
  line-height:1.38;
  font-weight:400;
  letter-spacing:.018em;
}
.cg333-family-item:hover,
.cg333-family-item:focus-visible{
  background:rgba(183,154,100,.045);
  color:#2f2b27;
  outline:none;
}
.cg333-family-item:hover strong,
.cg333-family-item:focus-visible strong{color:#2f2b27}
.cg333-family-item[aria-current="page"]{background:rgba(183,154,100,.06)}
.cg333-family-item[aria-current="page"] strong{color:#2f2b27;font-weight:650}
.cg333-family-item[aria-current="page"] span{color:#776d63}
.cg333-family-item[aria-current="page"]:after{
  content:"";
  position:absolute;
  left:16px;
  right:16px;
  bottom:-1px;
  height:2px;
  background:#b79a64;
}
@media (max-width:1100px){
  .cg333-family-grid{display:flex;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none}
  .cg333-family-grid::-webkit-scrollbar{display:none}
  .cg333-family-item{flex:0 0 210px;min-height:80px;scroll-snap-align:start}
}
@media (max-width:600px){
  .cg333-family-nav .cg271-shell{padding-left:0;padding-right:0}
  .cg333-family-grid{border-left:0}
  .cg333-family-item{flex-basis:188px;min-height:78px;padding:13px 14px 12px}
  .cg333-family-item:first-child{border-left:1px solid rgba(39,35,31,.075)}
  .cg333-family-item strong{font-size:12px}
  .cg333-family-item span{font-size:10.35px;line-height:1.38}
  .cg333-family-item[aria-current="page"]:after{left:14px;right:14px}
}
@media (prefers-reduced-motion:reduce){.cg333-family-item{transition:none}}